길벗·이지톡

도서 IT전문서/IT입문서

모던 자바스크립트를 활용하여 가독성, 표현력, 예측 가능성이 높은 코드를 작성하는 51가지 Tip!

읽기 쉽고 확장하기 쉬운, 명확하고 우아한 자바스크립트 코드를 작성하자!

 

모던 자바스크립트 관점에서 생각하자

ES6 이후 문법으로 구성된 모던 자바스크립트를 작성하는 방법을 처음부터 다시 배우자. 문법만 잔뜩 외우지 말고, 모던 자바스크립트 관점에서 생각하자. 문법 변경 사항이 무작위가 아니라 자바스크립트를 더 쉽게 읽고 쓰기 위해 고안된 원칙을 따른다는 것을 깨우치고, 새로운 문법을 언제 어떻게 사용하면 좋은지 이해하자.

 

가독성, 표현력, 예측 가능성이 높은 코드를 작성하자

모던 자바스크립트를 사용한 코드는 간단하고 읽기 쉽고 예측 가능하다. 최신 표준 문법이 코드를 어떻게 개선하는지 알아보자. 부수 효과와 버그를 줄이는 변수 선언부터 조건문을 깔끔하게, 반복문을 단순하게 만드는 방법과 고차 함수, 재사용 가능한 클래스, 대규모 응용 프로그램 설계를 위한 패턴에 이르기까지 유연하고 견고한 코드를 작성하는 데 필요한 기술을 배우자.

 

실무에서 볼 수 있는 코드 예제를 다뤄보자

새로운 문법을 배울 때 가장 중요한 건 코드를 읽는 것이고, 가장 좋은 코드는 실제 코드다. 이 책은 실무에서 볼 수 있는 문자열, 객체, , 이메일 주소 같은 코드 예제를 다룬다. 실용적이고 명확한, 적절한 길이의 코드 예제를 통해 문법과 개념을 쉽게 이해하고, 자신의 코드에도 빠르게 적용해보자.

목차

1장 변수 할당으로 의도를 표현하라

__TIP 1 const로 변하지 않는 값을 표현하라

__TIP 2 letconst로 유효 범위 충돌을 줄여라

__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 getset으로 인터페이스를 단순하게 만들어라

__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 애니메이션을 활용하라

 

참고문헌

찾아보기 

더보기접기

저자

ㆍ지은이 조모건

지은이 소개
미국 캔자스주 로렌스(Lawrence, Kansas)의 개발자입니다. 코드에 대해 전혀 아는 것이 없이 태어났지만, 태어난 이후 매일 조금이라도 배우기 위해 노력해왔습니다. 그는 자바스크립트의 오랜 팬으로서, 자바스크립트가 그 어느 때보다도 아름다워 자바스크립트 르네상스라고 불러도 좋을 만한 요즘을 매우 즐겁게 보내고 있습니다. 자바스크립트와 장인 정신에 대한 글을 쓰고 이야기하는 것을 좋아합니다. 트위터 @joesmorgan

ㆍ옮긴이 곽현철

옮긴이 소개
NTS, 티몬에서 UI 개발자, 프런트엔드 개발자로 근무했고, 지금은 외국계 기업의 웹 서비스를 현지화하는 업무를 맡고 있습니다. 번역서로는 『리액트 교과서』, 『처음 시작하는 리액트』가 있습니다.

보도자료

연관 프로그램

아래 프로그램은 길벗출판사가 제공하는 것이 아닙니다.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.