귀찮지만 만들어보자

webpack 공부일지 2 기본 컨셉을 알고하자 - Entry : transpile 되기 이전의 상태 파일주소 - Output : transpile 되고나서의 파일 주소 : 설정하기에 따라 여러개를 둘 수 있다. Entry도 마찬가지 - Loader : 특정 파일의 패턴을 정의한 후, loader를 적용 시킴 bundling 되기 이전에 전처리 된다 : ex) babel, cssloader 등 - Plugins : loader는 특정 유형의 모듈을 변환하는데 사용되지만, plugin은 더 넓은 범위에 영향을 끼친다 : ex) uglify const HtmlWebpackPlugin = require('html-webpack-plugin'); //installed via npm const webpack = ..

웹팩(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 그냥 클라이언..

3. 네이티브 사실 네이티브는 내장함수다 ex) String() var s = new String("Hello World"); console.log(s.toString()); // "Hello World"- 생성자처럼 사용 가능하지만 살짝 다름 - 만약 생성자였다면 typeof 연산자를 먹였을 때 string이 나와야겠지만 이것은 object를 뱉어낸다 이거 뭐 어쩌라는건지 모르겠다 3-1. 내부 [[Class]] - typeof가 object인 값에는 [[Class]] 라는 내부 프로퍼티가 추가로 붙는다 - 직접 접근은 불가능하고, Object.prototype.toString.call() 과 같은 함수를 호출해서 불러낼 수 있다 ex) [object Array] - 원시 값에도 [[Class]]가 있..