귀찮지만 만들어보자

웹팩(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]]가 있..

2. 값 2-1. 배열 : js의 배열은 다른 언어와는 다르게 어떤 값도 담을수 있고, 크기를 정하지 않고도 선언이 가능하다 java의 배열과는 여러모로 다르다. python의 list와 비슷하면서 살짝 또 다름 * 배열 값에 delete 연산자를 적용하면 값을 제거할 수 있지만 length가 줄어들지는 않는다. splice를 사용하자 * 배열 자체도 하나의 객체(typeof 배열 -> "object")여서 키 / 프로퍼티 문자열을 추가할 수 있다 -> 그러나 length는 증가하지 않는다. 또 여기서 한가지 더 주의해야할 점은 var a = []; a["13"] = 42; a.length; // 14이런 식으로 키로 넣은 문자열 값이 표준 10진수 숫자로 타입이 바뀌게 되면 숫자키를 입력한것처럼 len..

1. 타입 1-1. js type 7가지 -> typeof 적용 ex) console.log(typeof "apple"); -> "string" 출력 - null -> "object" : 타입은 object로 취급되는 예외적인 케이스 (왜 이따구로 만들었을까) - undefined -> "undefined" - boolean -> "boolean" - number -> "number" - string -> "string" - object -> "object" - symbol (es6 부터 추가) -> "symbol" * typeof가 반환하는 문자열 타입은 "function" 이라는 것이 있다 - function도 object의 하위 타입이므로 역시 객체이다 - 배열(Array) 역시 object의 하위..