이전 글에서 기본적인 개발환경을 세팅했습니다. 이제 프로그램을 완성했다고 가정하고, 완성된 코드와 디렉토리를 서버에 올릴 수 있는 배포용으로 가공하는 방법을 살펴보겠습니다. UglifyJS 사용하기 코드가 길어질 경우 번들링된 bundle.js 파일이 엄청나게 커질 수 있습니다. 그래서 코드를 압축하는 과정이 필요한데, 이때 사용하는 것이 UglifyJS입니다.

21세기 프론트엔드 (1) 시작하기에서 npm과 webpack을 설치하고 기본적인 개발 환경을 세팅하는 작업을 했습니다. 이번 글에서는 webpack을 더 확장해서 자바스크립트 뿐만 아니라 CSS도 함께 번들링할 수 있도록 만들고, 더불어 개발환경에서 ES6를 사용하기 위해 Babel을 설치해보겠습니다. 여기까지 "무슨 말인지 하나도 모르겠다!"하셔도

솔직히 프론트엔드 개발에 대해 이 움짤보다 더 잘 설명할 자신이 없습니다. 당장 2018년 웹 개발자 로드맵만 봐도 배울게 넘칩니다. (그리고 지금 이 시간에도 계속해서 늘어나고 있습니다.) 이제 막 프론트엔드 개발을 시작하려는 분이나 오래전에 웹 개발을 배운 뒤 정보를 업데이트하지 않은 분들은 아득한 기분이 들겁니다. 그래도 막상 시작해보면 생각만큼 어렵지는

프로젝트하면서 알게 된 것들과 코딩테스트를 통해 배운 것들, 자바스크립트&제이쿼리: 인터랙티브 프론트엔드 웹 개발 교과서(Jon Duckett)와 JavaScript: The Good Parts(Douglas Crockford)를 통해 공부한 것들, 그리고 Front-end Job Interview Questions에 나와있는 질문들에 대한 대답을 간략하게

고양이가 글을 씁니다!