모던 자바스크립트를 활용하여 가독성, 표현력, 예측 가능성이 높은 코드를 작성하는 51가지 Tip!
읽기 쉽고 확장하기 쉬운, 명확하고 우아한 자바스크립트 코드를 작성하자!
모던 자바스크립트 관점에서 생각하자
ES6 이후 문법으로 구성된 모던 자바스크립트를 작성하는 방법을 처음부터 다시 배우자. 문법만 잔뜩 외우지 말고, 모던 자바스크립트 관점에서 생각하자. 문법 변경 사항이 무작위가 아니라 자바스크립트를 더 쉽게 읽고 쓰기 위해 고안된 원칙을 따른다는 것을 깨우치고, 새로운 문법을 언제 어떻게 사용하면 좋은지 이해하자.
가독성, 표현력, 예측 가능성이 높은 코드를 작성하자
모던 자바스크립트를 사용한 코드는 간단하고 읽기 쉽고 예측 가능하다. 최신 표준 문법이 코드를 어떻게 개선하는지 알아보자. 부수 효과와 버그를 줄이는 변수 선언부터 조건문을 깔끔하게, 반복문을 단순하게 만드는 방법과 고차 함수, 재사용 가능한 클래스, 대규모 응용 프로그램 설계를 위한 패턴에 이르기까지 유연하고 견고한 코드를 작성하는 데 필요한 기술을 배우자.
실무에서 볼 수 있는 코드 예제를 다뤄보자
새로운 문법을 배울 때 가장 중요한 건 코드를 읽는 것이고, 가장 좋은 코드는 실제 코드다. 이 책은 실무에서 볼 수 있는 문자열, 객체, 돈, 이메일 주소 같은 코드 예제를 다룬다. 실용적이고 명확한, 적절한 길이의 코드 예제를 통해 문법과 개념을 쉽게 이해하고, 자신의 코드에도 빠르게 적용해보자.
1장 변수 할당으로 의도를 표현하라
__TIP 1 const로 변하지 않는 값을 표현하라
__TIP 2 let과 const로 유효 범위 충돌을 줄여라
__TIP 3 블록 유효 범위 변수로 정보를 격리하라
__TIP 4 템플릿 리터럴로 변수를 읽을 수 있는 문자열로 변환하라
2장 배열로 데이터 컬렉션을 관리하라
__TIP 5 배열로 유연한 컬렉션을 생성하라
__TIP 6 Includes( )로 존재 여부를 확인하라
__TIP 7 펼침 연산자로 배열을 본떠라
__TIP 8 push( ) 메서드 대신 펼침 연산자로 원본 변경을 피하라
__TIP 9 펼침 연산자로 정렬에 의한 혼란을 피하라
3장 특수한 컬렉션을 이용해 코드 명료성을 극대화하라
__TIP 10 객체를 이용해 정적인 키-값을 탐색하라
__TIP 11 Object.assign( )으로 조작 없이 객체를 생성하라
__TIP 12 객체 펼침 연산자로 정보를 갱신하라
__TIP 13 맵으로 명확하게 키-값 데이터를 갱신하라
__TIP 14 맵과 펼침 연산자로 키-값 데이터를 순회하라
__TIP 15 맵 생성 시 부수 효과를 피하라
__TIP 16 세트를 이용해 고윳값을 관리하라
4장 조건문을 깔끔하게 작성하라
__TIP 17 거짓 값이 있는 조건문을 축약하라
__TIP 18 삼항 연산자로 빠르게 데이터를 확인하라
__TIP 19 단락 평가를 이용해 효율성을 극대화하라
5장 반복문을 단순하게 만들어라
__TIP 20 화살표 함수로 반복문을 단순하게 만들어라
__TIP 21 배열 메서드로 반복문을 짧게 작성하라
__TIP 22 map( ) 메서드로 비슷한 길이의 배열을 생성하라
__TIP 23 filter( )와 find( )로 데이터의 부분집합을 생성하라
__TIP 24 forEach( )로 동일한 동작을 적용하라
__TIP 25 체이닝으로 메서드를 연결하라
__TIP 26 reduce( )로 배열 데이터를 변환하라
__TIP 27 for...in 문과 for...of 문으로 반복문을 정리하라
6장 매개변수와 return 문을 정리하라
__TIP 28 매개변수 기본값을 생성하라
__TIP 29 해체 할당으로 객체 속성에 접근하라
__TIP 30 키-값 할당을 단순화하라
__TIP 31 나머지 매개변수로 여러 개의 인수를 변수로 전달하라
7장 유연한 함수를 만들어라
__TIP 32 테스트하기 쉬운 함수를 작성하라
__TIP 33 화살표 함수로 복잡도를 낮춰라
__TIP 34 부분 적용 함수로 단일 책임 매개변수를 관리하라
__TIP 35 커링과 배열 메서드를 조합한 부분 적용 함수를 사용하라
__TIP 36 화살표 함수로 문맥 혼동을 피하라
8장 클래스로 인터페이스를 간결하게 유지하라
__TIP 37 읽기 쉬운 클래스를 만들어라
__TIP 38 상속으로 메서드를 공유하라
__TIP 39 클래스로 기존의 프로토타입을 확장하라
__TIP 40 get과 set으로 인터페이스를 단순하게 만들어라
__TIP 41 제너레이터로 이터러블 속성을 생성하라
__TIP 42 bind( )로 문맥 문제를 해결하라
9장 외부 데이터에 접근하라
__TIP 43 프라미스를 이용해 비동기적으로 데이터를 가져오라
__TIP 44 async/await로 함수를 명료하게 생성하라
__TIP 45 fetch로 간단한 AJAX 호출을 처리하라
__TIP 46 localStorage로 상태를 장기간 유지하라
10장 컴포넌트 아키텍처를 이용해 관련 파일을 모아라
__TIP 47 가져오기와 내보내기로 기능을 분리하라
__TIP 48 npm으로 커뮤니티 코드를 끌어와라
__TIP 49 컴포넌트 아키텍처를 이용해 애플리케이션을 만들어라
__TIP 50 빌드 도구를 이용해 컴포넌트를 결합하라
__TIP 51 CSS 애니메이션을 활용하라
참고문헌
찾아보기
독자의견 남기기