4 Free Ebooks To Grow Your Skills with ES6, TypeScript, and NodeJS - Innovative Teams Exploring ES6: While the original concepts of JavaScript have started with many challenges, the language has continued to evolve with more modern features like arrow [...] innovativeteams.net 1. Exploring ES6 2. Leaning JavaScript Design Patterns 3. TypeScript note for professionals 4. Eloquent JavaScipt
본문은 JavaScript 언어에 대한 이해를 높이기 위해 "You Don't Know JS(카일 심슨 저)"를 읽고 공부한 내용을 정리한 글입니다. 공부가 목적이기 때문에 필요에 따라 생략이나 수정, 추가된 부분이 있을 수 있습니다. 1. 배열 자바스크립트 배열은 다른 언어와 달리 객체 등의 어떤 타입의 값이라도 담을 수 있는 자료구조다. C나 자바와 달리 배열의 크기는 미리 정하지 않고도 생성할 수 있다. const a = []; a[0] = 1; a[1] = "2"; a[2] = [3]; a.length; // 3 또한, 다음과 같은 빈 슬롯이 있는 구멍난(sparse) 배열을 만들 수도 있다. 아래처럼 5번 인덱스에 값을 담으면 0~4번 인덱스엔 빈 값이 담긴다. 하지만, 이 빈 값이 a[1] =..
본문은 JavaScript 언어에 대한 이해를 높이기 위해 "You Don't Know JS(카일 심슨 저)"를 읽고 공부한 내용을 정리한 글입니다. 공부가 목적이기 때문에 필요에 따라 생략이나 수정, 추가된 부분이 있을 수 있습니다. 1. 자바스크립트의 내장 타입 7가지 내장 타입 자바스크립에는 다음 7가지 내장 타입이 있으며, object를 제외한 나머지 6가지 타입을 원시 타입(Primitives)라고 한다. null undefined boolean number string object symbol (ES6부터 추가) typeof를 이용한 타입 확인 값 타입은 typeof 연산자를 이용해 알 수 있는데, undefined, boolean, number, string, object, symbol의 6..
함수 선언문과 함수 표현식을 사용하는 방식에 혼란이 있어 간략하게 정리를 했다. 1. 문법 함수 선언문 독자적인 구문 형태로 존재 // 함수 선언문 function sum(a, b) { return a + b; } 함수 표현식 표현식이나 구문 구성(syntax construct) 내부에 생성 // 함수 표현식 let sum = function(a, b) { return a + b; }; 2. 함수의 생성 시기 함수 선언문 함수 선언문으로 작성된 함수는 함수 선언문이 정의되기 전에도 호출할 수 있다. 자바스크립트는 스크립트를 실행하기 전 준비단계에서 전역으로 선언된 함수 선언문을 찾고, 그에 해당하는 함수를 생성한다. 즉 "초기화"단계에서 함수를 생성한다. sayHi("John"); function say..
펼침 연산자란? 간단히 말해서, 배열에 포함된 항목을 목록으로 바꿔주는 연산자이다. 마침표 세 개(...)로 표시한다. 펼침 연산자는 단독으로 쓰일 수 없음에 주의해야 한다. 배열에 포함된 항목을 목록으로 바꿨다면 이를 배열이나 객체 등에 담아줘야 한다. 변수에 담게 되면 에러가 발생한다. const class1 = [1, 2, 3]; const a = ...class2; // X const a = [...class2]; // O 펼침 연산자의 장점 펼침 연산자의 가장 큰 장점은 조작(mutation)이나 부수 효과(side effect)로 인한 문제를 피할 수 있다는 점이다. 또한, push(), splice(), concat() 등의 배열 메소드를 외울 필요 없이 간결하게 코드를 작성할 수 있다. 특..
