개발과 일상 사이

javascript를 개발하면서 특정 라이브러리들을 사용하다보면 callback function을 사용하는 경우들이 있다. 예를들면 아래와 같은 경우다. request.get(url, function(error, response, data) { if (error) { throw new Error(error) } else { console.log(data) } }) (물론 request 의 경우는 await을 사용할 수 있는 별도 라이브러리가 존재하긴 한다.) 만약 await을 쓰고싶다거나, Promise 체인에서 사용하고 싶다면 위의 함수를 promise로 감싸주어야 한다. (당연한 말이지만 저 앞에다가 await 붙인다고 되는게 아니다..) 아래와 같이 해주면 된다. const getData = () ..

먼저 자바스크립트의 모듈시스템에 대해 설명하자면 기존에는 html 파일에서 태그를 이용하여 필요한 자바스크립트 파일들을 불러왔다. 이러한 방식에는 큰 문제가 있었는데 html 파일에서 불러와진 여러 자바스크립트들이 서로 다른 파일임에도 불구하고 서로가 의존적이게 되어버렸다... 부가적으로 파일들을 로드하는 순서도 중요했고... 이러한 점을 보완하기 위해 등장한 것이 바로 모듈 시스템이다. 간단히 말하면 외부에서 사용할 수 있게 특정 함수나 오브젝트 등을 모듈화 하고, 해당 모듈을 사용하려는 쪽에서는 필요한 모듈만 불러와서 사용하면 된다. 모듈을 정의하기 위한 문법에는 여러가지가 있다. (모듈 포맷) 대표적으로 AMD, CommonJS, ES6 등이 있는데 이 포스팅에서는 CommonJS와 ES6를 비교해..