javascript
1.[JS] 웹팩(Webpack)과 바벨(Babel)
웹팩은 번들러이다.번들러란, 하나의 파일에서 연결하고 있는 무수히 많은 파일들을 하나로 묶어주어 한개의 파일로 새롭게 만드는 프로그램이다.파일들이 여러 개로 분산되어 있으면 페이지에 들어갈 때마다 서버는 자바스크립트 파일들과 필요한 파일들을 보낸다. 이렇게 되면 페이지
2.[JS] 자바스크립트의 동작원리
위의 코드를 살펴보자. 과연 어떤 식으로 동작이 될까?결과는 아래와 같다.1과 3이 먼저 출력되고 난 후에 2가 출력되는 것을 볼 수 있다.이 과정을 이해하려면 자바스크립트의 동작 원리에 대하여 이해해야 한다.Stack : 자바스크립트 코드가 실행되면 stack 프레임
3.[JS] 이벤트 한번만 실행하기
프로젝트를 만들면서 menuCategory에 handleClickCategory 이벤트를 줘서 Active되어 있는 class를 제거하고 categoryBackground를 추가함으로써 카테고리를 open하고, categoryBackground영역을 클릭하면 hidde
4.[JS] day.js
JavaScript로 작성된 라이브러리로, 날짜와 시간을 쉽게 다룰 수 있도록 도와주는 도구이다.Moment.js와 유사한 기능을 제공하지만, day.js는 Moment.js보다 약 33배 가볍고 빠르며 모듈식 설계를 채택하여 필요한 모듈만 가져와서 사용할 수 있다.d
5.npm yarn 차이
프로젝트를 진행할 때 많이 쓰는 패키지 관리 툴로는 대표적으로 npm과 yarn이 있다.이번 포스팅에서는 두가지를 비교해보고자 한다.자바스크립트 런타임 환경인 Node.js의 패키지 관리자이다.개발자들이 자바스크립트로 만든 다양한 패키지들을 올리면 npm, yarn과