일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- TypeScript
- GRID
- heroku
- ES6
- CLONE
- pug
- clonecoding
- Mongoose
- Session
- express
- react
- JavaScript
- HTML
- node.js
- Flutter
- DART
- form
- API
- MongoDB
- frontend
- NextJs
- nodejs
- Component
- 리액트
- javscript
- ECMAScript
- CSS
- backend
- 자바스크립트
- graphQL
- Today
- Total
목록JavaScript (192)
Enjoy Programming
이번에도 문자에 관한 메서드인 trim 시리즈를 살펴보자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/Trim String.prototype.trim() - JavaScript | MDN trim() 메서드는 문자열 양 끝의 공백을 제거합니다. 공백이란 모든 공백문자(space, tab, NBSP 등)와 모든 개행문자(LF, CR 등)를 의미합니다. developer.mozilla.org trim()메서드는 문자열 양 끝의 공백을 제거한다. 공백이란 모든 공백문자(space, tab, NBSP)와 개행문자(LF,CR)를 의미한다. 트림은 그냥 자르는 기능이다. trim()은 문자열의 앞뒤 공백을 잘..

padStart 와 padEnd에 대해 알아보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart String.prototype.padStart() - JavaScript | MDN padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다. developer.mozilla.org padStart()메소드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다. 채워넣기는 대상 문자열의 시작부터 적용된다. padEnd()는 반대로 생각..

이번 포스팅은 optional chaining이라는 연산자를 다뤄본다. ?.

새로운 연산자인 ??에 대해 다뤄보자. 이름하야 Nullish coalescing operator 뭔뜻인고 하니 null 병합연산자란다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator Nullish coalescing operator - JavaScript | MDN 널 병합 연산자 (??) 는 왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다. developer.mozilla.org mdn을 살펴보면 널 병합연산자는 왼쪽 피연산자가 null 또는 undefined일때 오른쪽 피연산자를..

니코의 리액트 과정에서 번외로 타입스크립트와 react를 함께 하는 것을 알려주는 섹션이 있어서 섹션이 그리 길지않아 한번 해보고 넘어가기로 했다~ 먼저 npx create-react-app {reposit name} --typescript이렇게 해주면 typescript를 사용할 react앱을 만들 수 있다. 아 ... 수정되었다. npx create-react-app {reposit name} --template typescript라고 써주자. 그리고 vscode 를 실행해보면 기존 js파일이 아닌 tsx파일이 떡하니 자리잡고있다. 그리고 타입스크립트를 설정할 수 있는 tsconfig파일도 있다. 여기서 하나 추가해줬는데 noImplicitAny:false 이부분이다. 이부부은 앞서 살펴본 타입스크립..

타입스크립트란?\ 타입스크립트는 자바스크립트에 타입을 부여한 언어이자 자바스크립트를 확장한 언어이다. MS에 의해 개발 관리되는 오픈소스 프로그래밍 언어. ES5의 Superset이므로 기존의 자바스크립트ES5 문법을 그대로 사용할 수 있다. ES6의 새로운 기능들을 사용하기위해 babel같은 별도의 트랜스파일러를 사용하지 않아도 새로운 기능을 기존의 자바스크립트 엔진에서 실행할 수 있다. 자 어떤점이 더 나은 것일까? 디버깅이 쉽다라는 것을 찾을 수 있는데 예를 들어 이런 함수가 있다고 생각해보자. 개발자가아닌 다른사람이 보더라도 이 함수는 덧셈을 나타내는 함수임을 알 수있다. 그런데 인자에 숫자가 아닌 다른 string이라던지 다른 타입이 들어간다면 원하는 결과가 아닌 값을 얻게 된다. c언어라면 i..