webpack 시작하기 - 1

웹팩(webpack)은 프로젝트에 산재된 리소스 파일 (css, js)을 번들링(bundling)하는 역할을 한다

이것 말고도 여러가지 기능이 있는데, 이것들은 하나하나 알아 보자

우선 웹팩을 공부하기 이전에 선행해야할 일이 두가지 정도가 있는것 같다

1. nodejs 설치
1-1. homebrew를 사용한 설치법

#homebrew가 없을 경우
terminal을 열고

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

커맨드를 입력한다 (루비는 macos 일정 이상버전에 기본으로 설치되어있다)

#homebrew가  이미 설치되어 있을 경우

brew install node

그냥 클라이언트 다운로드 하자...

2. es6 숙지하기

웹팩을 사용하는 이유중 하나는 구 버전 브라우저에서 작동하지 않는 es6 이상 버전의 자바스크립트를 사용하기위함이다. 더 상세하게는 es6+ js를 구 버전 브라우저에서 작동할 수 있도록 트랜스컴파일을 지원해주는 바벨(babel)을 웹팩에서 작동시키게 되어있다. 
바벨을 이용한 트랜스컴파일 -> 웹팩을 이용한 번들링 이런 구조이다.

어쨌거나 그래서 es6 문법을 숙지할 필요가 있다
근데 더럽게 어렵다.. proxy, reflect 이게 뭔소리야

회사에 계신 js 초고수님께서 친절하게 es6에 추가된 문법에 대해 설명해 주신 github 을 보고 공부를 했다 어렵다

링크