-
Webpack 입문하기-2/4 (NPM과 친해지기)
Webpack 입문하기 4부작 [1] node와 npm [2] NPM과 친해지기 (현재 글) [3] Webpack [4] Webpack과 친해지기 이번 글의 목차 0. 단어 뒤집기 프로그램 1. 랜덤뉴스 사이트 지난 글에 이어 이번에는 NPM을 실제로 활용하는 간단한 예제들을 실습해 보겠습니다. 0. 단어 뒤집기 프로그램 NPM으로 패키지를 관리하는 node.js 프로그램을 하나 만들어 보겠습니다. 단순히 문자열을 입력받아 해당 문자열을 반대로 뒤집어 출력해 주는 프로그램 입니다. 먼저 적당한 디렉토리에서 npm init 명령어를 통해 NPM 으로 관리되도록 프로젝트 세팅을 해 줍니다. 패키지를...
-
Webpack 입문하기-1/4 (Node와 NPM)
Webpack 입문하기 4부작 [1] node와 npm (현재 글) [2] npm과 친해지기 [3] Webpack [4] Webpack과 친해지기 이번 글의 목차 0. npm start? 그래서 그게 뭔데요? 1. Node.js 설치 2. Node.js란 무엇인가 3. NPM 4. npm이 왜 필요할까? 0. npm start? 그래서 그게 뭔데요? 제가 다닌 첫 회사에서 운영중인 서비스는 Spring boot로 구성된 MPA 사이트였고, 프론트에서는 js파일만 따로 모아 webpack번들링을 통해 배포하고 있었습니다. webpack은 커녕 npm도 몰랐고, 프로그래밍이라곤 java, spring과 jsp를 사용해 본 게 전부였던 제가...
-
babel 이란 무엇인가?
들어가며 최근에 react 프로젝트와 typescript 프로젝트를 거치면서 webpack 을 자주 써보고 세팅해보게 되었습니다. 처음에는 동작의 원리보다 요즘 잘나가는 프론트엔드 개발 환경 만들기라는 목표로 세팅 하였으나 점점 처음부터 차근 차근 만지면서, 내가 이걸 몰랐구나 이게 이런 뜻이었구나 새삼 느끼게 되었습니다. webpack 에 대한 설명은 이미 많이 있으니 이번에는 babel 에 대해서 글을 적어보도록 하겠습니다. babel 이란? 먼저 공식 사이트 소개를 가져오자면 아래와 같습니다. Babel is a JavaScript compiler. 그렇습니다. 바로 자바스크립트 컴파일러 입니다. 왜 인터프리터 언어에...