본문 바로가기
반응형

javascript4

Javascript의 Promise를 알아보자 #ES6 비동기코드 하면 나오는 단어중 하나가 콜백헬입니다. 코드의 많이 중첩되어서, 가독성이 매우 떨어지는 문제를 애기하는 것으로 JavaScript 에서도 여러가지 대안들이 나왔었습니다. 이에 대한 대안중 하나가 Promise인데요. 이것은 Javascript es6에 채택이 되었습니다. 오늘은 이 Promise에 대해서 정리해 보겠습니다. 1. Promise 미래에 발생할 비동기 이벤트의 처리의 완료 또는 실패를 나타내는 일종의 Future 객체를 가르킵니다. 콜백헬에 빠지지 않고, 비동기 처리가 성공한 경우와 실패한 처리를 구분할 수 있게 해주는데요. Promise는 비동기 operation에 대한 상태들을 아래와 같이 정의하고 사용합니다. 상태 내용 pending Promise의 initial (초기)상.. 2021. 4. 27.
undefined 와 null 의 차이점은 무엇인가요? #Javascript Java나 Kotlin같은 언어를 배운 후에, Javascript를 배울경우 생소하게 다가오는 타입이 undefined입니다. 오늘은 이 undefined가 Javascript에서 어떠한 의미를 가지고 있고, null과는 어떻게 다른지 정리해 보겠습니다. 1. undefined 먼저, Undefined에 대해서 알아보겠습니다. 우리말로 정의되지 않았다는 의미인데요. MDN의 공식문서를 참조해 보면, 아래와 같이 primitive타입중의 하나이면서, writable하지 않는 타입이라고 나와있습니다. Javascript의 변수를 선언해 놓고 아무값도 대입하지 않고도 로그를 찍어 보겠습니다. 나오는 값은 null이 아니라 undefined가 됩니다. 2020. 3. 23.
자바스크립트의 var, let, const 를 알아보자 JavaScript에서 ES6로 넘어오면서, let과 const 까지도 알아야하는데요. ES5,6는 거부할 수 없는 대세여서일까요, 예제 코드들을 보면 let과 const를 활용하고 있는 것이 대부분 입니다. 이제 유연한 var만으로는 버티기 어렵습니다. 오늘은 var 와 새롭게 나온 let, const에 대해서 비교, 정리해 보도록 하겠습니다. 1. 유연성의 대명사 var vs 깐깐한 let, const 유연하기로 유명한 var를 먼저 보기로 하겠습니다. 같은 변수에 var를 두번 선언하더라도 가장 마지막에 선언한 변수에 담긴 값으로 에러없이 출력됩니다. 결과는 역시 varTest2로 나오고 있습니다. 하지만 let이나 const를 두번 선언한 경우에는 아래와 같이 에러가 뜨게 됩니다. 2. var와는.. 2020. 3. 22.
NPM 의 package.json 을 이용한 효율적 설치 방법 #NodeJS NPM을 이용해서 express 같은 모듈을 설치하게 되는데요. 프로젝트를 생성할 때마다 자주 쓰는 모듈들을 일일이 설치하는 것이 여간 번거로운 일이 아닙니다. 오늘은 NPM의 기본명령어들을 살펴보고, package.json을 이용해서, 자주 쓰는 모듈을 한 번에 설치하는 방법에 대해서 정리해 보겠습니다. package.json 을 이용한 설치방법을 바로 보고 싶은 분들은, 3번 로 바로 이동하시면 됩니다. 1. npm 기본 명령어들 1-1. 버전 체크 먼저 npm --version 을 통해서, npm버전은 확인해 주시어야 합니다. npm --version 현재 버전은 9.6.7 이 나오는군요. 2020. 3. 21.