본문 바로가기

전체 글

 (93)
[자바스크립트] Object 1. Literals and properies Primitive Type 변수 하나에 값 하나만 담을 수 있다. const name = 'David'; const age = 5; print(name, age); function print(name, age) { console.log(name); console.log(age); } 이렇게 하나하나씩 각각 적어야 하는데, 인자가 많아지게 되면 낱개로 추가해야 하는 것이 많아져 관리하기도 힘들고 로직을 정리하기도 힘듦. 그래서 const david = { name: 'David', age: 5 }; 이렇게 하나의 오브젝트로 관리하면 print(david); fuction print(person) { console.log(person.name); console...
COR와 Webpack DevServer Proxy Webpack Dev Server 웹팩 데브 서버는 웹 애플리케이션을 개발하는 과정에서 유용하게 쓰이는 도구이다. 웹팩의 빌드 대상 파일이 변경 되었을 때 매번 웹팩 명령어를 실행하지 않아도 코드만 변경하고 저장하면 웹팩으로 빌드한 후 브라우저를 새로고침 해준다. 매번 명령어를 치는 시간과 브라우저를 새로 고침하는 시간 뿐만 아니라 웹팩 빌드 시간 또한 줄여주기 때문에 웹팩 기반의 웹 애플리케이션 개발에 필수로 사용된다. 웹팩 데브 서버의 특징 웹팩 데브 서버는 일반 웹팩 빌드와 다른점이 있다. "scripts": { "dev": "webpack serve", "build": "webpack" } 웹팩 데브 서버를 실행하여 웹팩 빌드를 하는 경우에는 빌드한 결과물이 파일 탐색기나 프로젝트 폴더에서 보이지..
[ES6] 전개 연산자 ...Array / [...배열이름] / ...Object ...array1 하면 array1배열 안의 모든 요소들을 나열하는 형태 var array1 = ['one', 'two']; var array2 = ['three', 'four']; var combined = array1.concat(array2); // concat으로 배열array 합치기 console.log(combined) -> ['one', 'two', 'three', 'four'] (합쳐진 새로운 배열 생김. 기존배열은 그대로 유지됨) 이걸 전개 연산자로 바꾸면 var combined = [array1, array2]; console.log(combined); ->[ ['one', 'two'], ['three', 'four'] ] 어레이 안에 어레이가 들어감 요소를 나열해서 하나의 배열로 합치..

티스토리툴바