Javascript

Magic Number, 네이밍 컨벤션, DOM API 접근 추상화

함수, 메서드, 생성자, argument & parameter, 복잡한 인자 관리하기, Default Value, Rest Parameters, void & return, 화살표 함수, Callback Function, 순수 함수

Shorthand Properties, Computed Property Name, Lookup Table, Object Destructuring, Object.freeze, Prototype 조작 지양하기, hasOwnProperty, 직접 접근 지양하기, Optional Chaning

Javascript의 배열은 객체다, Array.length, 배열 요소에 접근하기, 유사 배열 객체, 불변성, for 문 배열 고차 함수로 리팩터링, 배열 메서드 체이닝 활용하기

값식문, 삼항 연산자 다루기, Truthy & Falsy, 단축평가, else if 피하기, else 피하기, Early Return, 부정 조건문 지양하기, Default Case 고려하기

min - max, begin - end, first - last, prefix - suffix, 매개변수의 순서가 경계다

타입 검사, undefined와 null, eqeq 줄이기, 형변환 주의하기

클린 코드를 고민하기

var를 지양하자, function scope & block scope, 전역 공간 사용 최소화, 임시변수 제거하기

에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료되므로 try…catch 문을 사용해 발생한 에러에 적절하게 대응하면 프로그램이 강제 종료되지 않고 계속해서 코드를 실행시킬 수 있음

ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수

전통적인 콜백 패턴의 단점(콜백 헬)으로 인해 ES6에서 도입된 비동기 처리 패턴

타이머 함수인 setTimeout과 setInterval, HTTP 요청, 이벤트 핸들러는 비동기 처리 방식으로 동작함

함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후에 호출되도록 함수 호출을 예약하려면 타이머 함수를 사용하는데 이를 호출 스케줄링이라 함

DOM 트리 상에 존재하는 DOM 요소 노드에서 발생한 이벤트는 DOM 트리를 통해 전파됨

이벤트 타입의 종류와 이벤트 객체

HTML 어트리뷰트와 DOM 프로퍼티, 스타일 조작

DOM의 요소 노드의 텍스트 조작과 DOM 조작

HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 프로퍼티와 메서드를 제공하는 트리 자료구조

ES6에서는 순회 가능한 자료구조를 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for…of 문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화함

Set과 Map의 개념과 활용

태스크가 들어오길 기다렸다가 태스크가 들어오면 처리하고, 없을 경우에는 끊임없이 돌아가는 자바스크립트 내 루프

HTML 문서의 생성 주기, DOMContentLoaded, onload Event

ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값

자바스크립트 언어의 문법을 좀 더 엄격하게 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킴

캡처링과 버블링을 활용해 강력한 이벤트 핸들링 패턴인 이벤트 위임(event delegation)을 구현

String 래퍼 객체는 읽기 전용 객체로 제공되며 String 객체의 메서드는 언제나 새로운 문자열을 반환함

고차 함수(Higher-Order Function)는 함수를 인수로 전달받거나 함수를 반환하는 함수

여러 개의 값을 순차적으로 나열한 사용 빈도가 매우 높은 가장 기본적인 자료 구조

ES6 이전의 자바스크립트의 함수는 별다른 구분 없이 다양한 목적으로 사용됨

클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다

실행 컨텍스트의 개념과 소스코드의 평가와 실행 및 블록 레벨 스코프 정리

this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있음

빌트인 객체의 분류와 정의

프로토타입 교체, 존재 확인, 상속과 열거

자바스크립트는 명령형, 함수형, 프로토타입 기반 객체 지향 프로그래밍이 가능한 `멀티 패러다임 프로그래밍 언어`

함수는 값을 사용할 수 있는 곳(변수 할당문, 객체의 프로퍼티 값, 배열의 요소, 함수 호출의 인수, 함수 반환문)이라면 어디서든지 리터럴로 정의할 수 있으며 런타임에 함수 객체로 평가됨

객체 리터럴에 의한 객체 생성 방식과 달리 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환함

var 키워드로 선언한 변수의 문제점, let, const 키워드와 비교

자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의함

자바스크립트의 스코프는 다른 언어 스코프와 구별되는 특징이 있음

함수는 코드의 재사용이라는 측면에서 유용하며 `유지보수의 편의성`을 높이고, 실수(human error)를 줄여 코드의 신뢰성과 가독성을 향상시키는데 목적이 있음

새로운 메모리 공간을 확보 후 재할당한 원시 값을 저장한 후, 변수는 새롭게 재할당한 원시 값을 가리킴

기존 원시 값을 변경하는 것이 아니라, 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성

고차함수, 호출 스택 분석, 스코프체인, 호이스팅, this

자사 브라우저의 시장 점유율을 점유하기 위해 자사 브라우저에서만 동작하는 기능을 경쟁적으로 추가하기 시작함

자바스크립트 데이터 타입과 변수

프로토타입 기반 객체지향 프로그래밍 언어