| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 리액트
- Component
- heroku
- Session
- ES6
- TypeScript
- 자바스크립트
- JavaScript
- graphQL
- CLONE
- nodejs
- clonecoding
- GRID
- Flutter
- DART
- NextJs
- Mongoose
- frontend
- ECMAScript
- express
- CSS
- javscript
- HTML
- pug
- react
- form
- MongoDB
- API
- backend
- node.js
- Today
- Total
목록전체 글 (313)
Enjoy Programming
[ES] optional chaining
이번 포스팅은 optional chaining이라는 연산자를 다뤄본다. ?.
[ES]?? Operator: Nullish coalescing operator
새로운 연산자인 ??에 대해 다뤄보자. 이름하야 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일때 오른쪽 피연산자를..
Typescript and react : STATE
니코의 리액트 과정에서 번외로 타입스크립트와 react를 함께 하는 것을 알려주는 섹션이 있어서 섹션이 그리 길지않아 한번 해보고 넘어가기로 했다~ 먼저 npx create-react-app {reposit name} --typescript이렇게 해주면 typescript를 사용할 react앱을 만들 수 있다. 아 ... 수정되었다. npx create-react-app {reposit name} --template typescript라고 써주자. 그리고 vscode 를 실행해보면 기존 js파일이 아닌 tsx파일이 떡하니 자리잡고있다. 그리고 타입스크립트를 설정할 수 있는 tsconfig파일도 있다. 여기서 하나 추가해줬는데 noImplicitAny:false 이부분이다. 이부부은 앞서 살펴본 타입스크립..
TypeScript
타입스크립트란?\ 타입스크립트는 자바스크립트에 타입을 부여한 언어이자 자바스크립트를 확장한 언어이다. MS에 의해 개발 관리되는 오픈소스 프로그래밍 언어. ES5의 Superset이므로 기존의 자바스크립트ES5 문법을 그대로 사용할 수 있다. ES6의 새로운 기능들을 사용하기위해 babel같은 별도의 트랜스파일러를 사용하지 않아도 새로운 기능을 기존의 자바스크립트 엔진에서 실행할 수 있다. 자 어떤점이 더 나은 것일까? 디버깅이 쉽다라는 것을 찾을 수 있는데 예를 들어 이런 함수가 있다고 생각해보자. 개발자가아닌 다른사람이 보더라도 이 함수는 덧셈을 나타내는 함수임을 알 수있다. 그런데 인자에 숫자가 아닌 다른 string이라던지 다른 타입이 들어간다면 원하는 결과가 아닌 값을 얻게 된다. c언어라면 i..
[ES6] Proxy
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Proxy Proxy - JavaScript | MDN Proxy 객체는 기본적인 동작(속성 접근, 할당, 순회, 열거, 함수 호출 등)의 새로운 행동을 정의할 때 사용합니다. developer.mozilla.org proxy객체는 기본적인 동작(속성 접근, 할당, 순회, 열거 , 함수호출)의 새로운 행동을 정의할 때 사용한다. 쉽게 생각해 filter처럼 생각하면된다. 프록시 객체는 두개의 인자를 갖는다. filter하고싶은 target과 handler가 필요하다. hanlder는 trap들을 가지고 있는 placeholder객체 이다. https://develop..
[ES6] generator
generator 객체를 살펴보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Generator Generator - JavaScript | MDN Generator 객체는 generator function 으로부터 반환된 값이며 반복자와 반복자 프로토콜을 준수합니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/function* function* - JavaScript | MDN function* 선언 (끝에 별표가 있는 function keyword) 은 generator func..