모던 자바스크립트 마스터

온개발팀 지음

온노트 2023년 09월 11일 출간

작품소개

책소개

이 책은 현대 웹 개발 시대에 능숙한 자바스크립트 개발자가 되기 위한 최고의 가이드입니다. 이 포괄적인 책은 자바스크립트와 다양한 패러다임 및 모범 사례에 대한 균형 잡힌 이해를 제공하기 위해 세심하게 제작되었습니다.

Axx장, '모던 자바스크립트'에서는 자바스크립트 환경을 소개합니다. 자바스크립트의 진화, 현대 웹 개발에서의 관련성, 다재다능한 언어가 될 수 있는 주요 기능을 살펴봅니다.

Bxx장, '클린 코드'에서는 깔끔하고 유지 관리가 쉬우며 가독성이 뛰어난 자바스크립트 코드를 작성하는 기술을 살펴봅니다. 코드 품질의 중요성, 모범 사례, 코드베이스를 깔끔하고 효율적으로 유지하기 위한 기술을 배우게 됩니다.

Cxx장, '객체 지향 프로그래밍'에서는 자바스크립트에서 OOP의 원리를 소개합니다. 객체, 클래스, 상속을 생성하고 작업하는 방법을 이해하여 구조적이고 체계적인 코드를 작성할 수 있습니다.

Dxx장, '디자인 패턴'에서는 디자인 패턴의 세계와 자바스크립트에서의 디자인 패턴 적용에 대해 알아봅니다. 싱글톤, 어댑터, 옵저버 패턴과 같이 일반적으로 사용되는 패턴을 살펴보고 복잡한 문제를 해결하는 능력을 향상시킬 수 있습니다.

Exx장, '함수형 프로그래밍'에서는 함수형 프로그래밍 패러다임과 현대 자바스크립트 개발에서 함수형 프로그래밍이 갖는 중요성을 살펴봅니다. 순수 함수, 불변성, 고차 함수와 같은 개념을 이해하여 간결하고 표현력 있는 코드를 작성할 수 있습니다.

Fxx장, '리팩토링'에서는 기존 코드베이스를 개선할 수 있는 기술을 익힙니다. 코드 냄새를 식별하고 해결하는 방법, 리팩터링 기술을 적용하고 코드 유지 관리성을 향상하는 방법을 배우게 됩니다.

Gxx장, '자료구조와 알고리즘'에서는 자바스크립트의 데이터 구조와 알고리즘의 세계로 안내합니다. 배열, 연결 리스트, 트리와 같은 필수 데이터 구조를 살펴보고 효율적인 문제 해결을 위한 알고리즘 개념을 이해합니다.

Hxx장, '고급 자바스크립트'에서는 자바스크립트 지식을 다음 단계로 끌어올립니다. 고급 언어 기능을 살펴보고, 비동기 프로그래밍을 살펴보고, 테스트 및 디버깅에 대해 배우면서 자바스크립트 개발자로서의 역량을 강화할 수 있습니다.

이 책은 최신 웹 개발 환경에서 자바스크립트를 마스터하기 위한 종합적인 동반자입니다. 탄탄한 기초를 다지고자 하는 개발 지망생이든, 자바스크립트 기술을 향상시키고자 하는 숙련된 프로그래머든 이 책은 최신 자바스크립트의 기본 개념과 고급 기술을 안내합니다. 이 책을 다 읽고 나면 복잡한 웹 프로젝트를 자신감 있고 능숙하게 다룰 수 있게 될 것입니다.

이 책은 온노트에서 출간된 책의 내용을 합친 형태입니다. 개별 전자책으로 따로 구매하려면 아래 정보를 참조하기 바랍니다.

온노트에서 출간된 자바스크립트 개발 시리즈입니다.
- [ 모던 자바스크립트 ]
- [ 자바스크립트 클린 코드 ]
- [ 객체 지향 프로그래밍 with 자바스크립트 ]
- [ 자바스크립트 디자인 패턴 ]
- [ 함수형 프로그래밍 with 자바스크립트 ]
- [ 자바스크립트 리팩토링 ]
- [ 자료구조와 알고리즘 with 자바스크립트 ]
- [ 고급 자바스크립트 ]

목차

A01장 : 모던 자바스크립트 소개
___1. 모던 자바스크립트란?
___2. 자바스크립트의 역사
___3. 자바스크립트의 최신 버전은?
___4. 모던 자바스크립트의 장점
A02장 : 언어 기초
___1. 변수와 데이터 타입
___2. 연산자
___3. 제어 흐름문
___4. 함수
___5. 객체
___6. 배열
A03장 : ES6 (ECMAScript 2015)
___1. 블록 범위 선언(let, const)
___2. 화살표 함수
___3. 템플릿 리터럴
___4. 구조 분해 할당
___5. 나머지 및 스프레드 연산자
___6. 기본 파라미터
___7. 클래스 및 상속
___8. 모듈
___9. 프로미스
___10. Async/Await
___11. 제너레이터
A04장 : 고급 자바스크립트 개념
___1. 범위와 클로저
___2. 프로토타입과 상속
___3. 고차 함수
___4. 비동기 자바스크립트
___5. 콜백 함수
___6. 이벤트 루프
___7. 정규 표현식
A05장 : 모던 자바스크립트의 고급 주제
___1. 함수형 프로그래밍
___2. 리액티브 프로그래밍
___3. 데이터 시각화
___4. 웹 컴포넌트
___5. 웹 어셈블리
A06장 : 브라우저로 작업하기
___1. 문서 객체 모델(DOM)
___2. DOM 요소 조작하기
___3. 브라우저 이벤트
___4. AJAX
___5. Fetch API
___6. 로컬 저장소
A07장 : 모던 자바스크립트 라이브러리 및 프레임워크
___1. React
___2. Vue.js
___3. Angular
___4. Node.js
___5. Express
___6. jQuery
A08장 : 도구 및 워크플로
___1. 최신 개발 환경 설정
___2. 빌드 도구(Webpack, Parcel, Rollup)
___3. 태스크 러너(Gulp, Grunt)
___4. 린터 및 코드 품질 도구(ESLint, Prettier)
___5. 디버깅 도구
___6. 테스트 프레임워크(Jest, Mocha, Jasmine)
___7. 지속적 통합(CI) 및 지속적 배포(CD)
A09장 : 모던 자바스크립트 모범 사례
___1. 코딩 스타일
___2. 코드 구성
___3. 성능 최적화
___4. 오류 처리
___5. 보안
___6. 접근성
___7. 단위 테스트
___8. 디버깅
B01장 : 클린 코드 소개
___1. 클린 코드의 정의와 원칙
___2. 클린 코드 작성의 이점
B02장 : 서식 및 명명 규칙
___1. 일관된 서식과 들여쓰기 사용
___2. 설명적이고 의미 있는 이름 선택하기
___3. 상수 및 전역 변수에 명명 규칙 사용하기
B03장 : 함수와 메서드
___1. 한 가지 일을 잘하는 함수 작성하기
___2. 함수 인자와 반환값을 효과적으로 사용하기
___3. 부작용과 전역 변수 피하기
___4. 순수 함수 작성하기
B04장 : 제어 흐름과 오류 처리
___1. 읽기 쉽고 유지 관리 가능한 조건문 작성하기
___2. 조기 반환과 가드 절 사용하기
___3. try-catch 블록으로 오류를 우아하게 처리하기
___4. 사용자 정의 에러 던지기 및 잡기
B05장 : 객체와 데이터 구조
___1. 객체 리터럴과 객체 구조 분해 사용하기
___2. 중첩된 객체 구조 피하기
___3. 데이터 구조를 효과적으로 사용하기
B06장 : 클래스 및 모듈
___1. 재사용 가능한 모듈형 코드 작성하기
___2. 클래스와 모듈을 작고 집중적으로 유지하기
___3. 의존성 주입을 사용하여 컴포넌트 분리하기
B07장 : 주석 및 문서
___1. 가치를 더하고 의도를 명확히 하는 주석 작성하기
___2. JSDoc 및 기타 도구로 코드 문서화하기
___3. 불필요한 주석 및 문서화 피하기
B08장 : 테스트 및 디버깅
___1. 코드 품질 보증을 위한 자동화된 테스트 작성
___2. Jest 및 Mocha와 같은 테스트 프레임워크 사용
___3. 콘솔 로그 및 디버깅 도구로 효과적으로 코드 디버깅하기
B09장 : 리팩토링 및 코드 냄새
___1. 코드 냄새를 식별하고 리팩토링하기
___2. ESLint 및 JSHint와 같은 코드 분석 도구 사용하기
___3. 디자인 패턴과 SOLID 원칙 적용하기
B10장 : 모범 사례 및 일반적인 함정
___1. 유지 관리 및 확장 가능한 코드 작성을 위한 모범 사례
___2. 클린 코드 개발의 일반적인 함정
___3. 클린 코드 디버깅 및 문제 해결을 위한 전략
C01장 : 객체 지향 프로그래밍 소개
___1. 객체 지향 프로그래밍(OOP)이란?
___2. 자바스크립트에서 OOP의 이점
___3. 다른 프로그래밍 패러다임과의 비교
C02장 : 객체와 클래스
___1. 객체 생성하기
___2. 생성자
___3. 프로퍼티와 메서드
___4. 프로토타입과 상속
C03장 : ES6 클래스와 상속
___1. 클래스 구문 및 정의
___2. 클래스를 사용한 상속
___3. 정적 메서드와 프로퍼티
C04장 : 캡슐화와 정보 숨기기
___1. 접근 수정자
___2. 게터와 세터
___3. 비공개 및 보호된 멤버
C05장 : 다형성과 인터페이스
___1. 다형성과 덕 타이핑
___2. 자바스크립트의 인터페이스
___3. 인터페이스 구현하기
C06장 : 디자인 패턴과 모범 사례
___1. 싱글톤 패턴
___2. 팩토리 패턴
___3. 옵저버 패턴
___4. 자바스크립트에서 OOP 모범 사례
C07장 : 비동기 프로그래밍과 프로미스
___1. 비동기 프로그래밍 소개
___2. 프로미스와 체인
___3. async/await 구문
C08장 : 고급 주제
___1. 제너레이터와 이터레이터
___2. 데코레이터
___3. 믹스인과 특성
___4. 메타프로그래밍
C09장 : 테스트 및 디버깅
___1. 단위 테스트 OOP 코드
___2. 디버깅 기법
D01장 : 디자인 패턴 소개
___1. 디자인 패턴이란?
___2. 디자인 패턴 사용의 이점
___3. GoF 디자인 패턴 개요
D02장 : SOLID 원칙
___1. SOLID 원칙이란?
___2. 단일 책임 원칙
___3. 개방/폐쇄 원칙
___4. 리스코프 치환 원칙
___5. 인터페이스 분리 원칙
___6. 의존성 역전 원칙
D03장 : 생성 패턴
___1. 싱글톤 패턴
___2. 팩토리 메서드 패턴
___3. 추상 팩토리 패턴
___4. 빌더 패턴
___5. 프로토타입 패턴
D04장 : 구조 패턴
___1. 어댑터 패턴
___2. 브리지 패턴
___3. 컴포지트 패턴
___4. 데코레이터 패턴
___5. 파사드 패턴
___6. 플라이웨이트 패턴
___7. 프록시 패턴
D05장 : 행동 패턴
___1. 책임 사슬 패턴
___2. 커맨드 패턴
___3. 인터프리터 패턴
___4. 이터레이터 패턴
___5. 중개자 패턴
___6. 메멘토 패턴
___7. 옵저버 패턴
___8. 상태 패턴
___9. 전략 패턴
___10. 템플릿 메서드 패턴
___11. 방문자 패턴
E01장 : 함수형 프로그래밍 소개
___1. 함수형 프로그래밍이란?
___2. 함수형 프로그래밍을 사용하는 이유
___3. 주요 개념
E02장 : 순수 함수와 불변성
___1. 순수 함수란?
___2. 순수 함수의 장점
___3. 불변성의 개념과 중요한 이유
___4. 자바스크립트의 순수 함수와 불변성
E03장 : 고차 함수
___1. 고차 함수란?
___2. 흔히 사용되는 고차 함수
___3. 고차 함수 생성하기
E04장 : 함수 구성
___1. 함수 구성이란?
___2. 자바스크립트에서 함수 구성하기
___3. 함수 구성 라이브러리
E05장 : 재귀
___1. 재귀란?
___2. 자바스크립트의 재귀 함수
___3. 꼬리 재귀와 최적화
E06장 : 커링과 부분 적용
___1. 커링이란?
___2. 자바스크립트의 부분 적용과 커링
E07장 : 모나드와 펑터
___1. 모나드와 펑터란?
___2. 자바스크립트의 모나드와 펑터
E08장 : 함수형 프로그래밍
___1. 배열을 사용한 함수형 프로그래밍
___2. 객체를 사용한 함수형 프로그래밍
___3. 함수형 프로그래밍 라이브러리
E09장 : 비동기 프로그래밍
___1. 자바스크립트의 비동기 프로그래밍
___2. 프로미스와 Async/Await
___3. 프로미스와 함수형 프로그래밍 결합하기
E10장 : 함수형 프로그래밍 실무
___1. 함수형 프로그래밍 패턴과 기법
___2. 실제 프로젝트에서 함수형 프로그래밍 구현하기
F01장 : 리팩토링 소개
___1. 리팩토링이란?
___2. 리팩토링이 중요한 이유
___3. 자바스크립트 리팩토링 기술 개요
F02장 : 개발 환경 설정하기
___1. Node.js 및 npm 설치하기
___2. 코드 편집기 구성하기
___3. ESLint 및 기타 유용한 도구 설치하기
F03장 : ES6+ 기능으로 작업하기
___1. 새로운 언어 기능 개요
___2. const 및 let을 사용한 리팩토링
___3. 화살표 함수 사용하기
___4. 템플릿 리터럴을 사용한 리팩토링
___5. 구조 분해로 작업하기
___6. 스프레드 및 나머지 연산자를 사용한 리팩토링
F04장 : 함수형 프로그래밍 기법을 사용한 리팩토링
___1. 함수형 프로그래밍 개념 개요
___2. 순수 함수를 사용한 리팩토링
___3. 고차 함수로 작업하기
___4. 함수 구성을 사용한 리팩토링
___5. 캡슐화를 위해 클로저 사용하기
F05장 : 비동기 프로그래밍 기법을 사용한 리팩토링
___1. 비동기 프로그래밍 개요
___2. 프로미스를 사용한 리팩토링
___3. async/await 작업하기
___4. 이벤트 중심 프로그래밍으로 리팩토링하기
___5. 반응형 프로그래밍에 옵저버블 사용하기
F06장 : 리팩토링된 코드 테스트 및 디버깅하기
___1. 테스트 및 디버깅 기술 개요
___2. Jest로 단위 테스트 작성하기
___3. 디버거와 콘솔 로그 문 사용하기
___4. Chrome 개발자 도구로 성능 분석하기
___5. 테스트 가능성 및 유지보수성을 위한 리팩토링
F07장 : 실제 자바스크립트 애플리케이션 리팩토링
___1. 일반적인 자바스크립트 애플리케이션 사례 연구
___2. 레거시 코드베이스 리팩토링
___3. 확장성 및 성능을 위한 리팩토링
___4. 유지보수성 및 가독성을 위한 리팩토링
G01장 : 자료구조와 알고리즘 소개
___1. 데이터 구조와 알고리즘 개요
___2. 왜 데이터 구조와 알고리즘을 공부해야 할까요?
___3. Big O 표기법과 시간 복잡도 분석의 이해
G02장 : 배열
___1. 배열 생성 및 초기화
___2. 배열 요소 액세스 및 수정하기
___3. 일반적인 배열 연산
___4. 다차원 배열
___5. 배열 연산의 시간 및 공간 복잡도 분석
G03장 : 연결 리스트
___1. 단일 연결 리스트 구현하기
___2. 이중 연결 리스트 구현하기
___3. 삽입 및 삭제 연산
___4. 연결 리스트 순회하기
___5. 연결 리스트 연산의 시간 및 공간 복잡도 분석
G04장 : 스택과 큐
___1. 배열을 사용한 스택 및 큐 구현하기
___2. 연결 리스트를 사용하여 스택 및 큐 구현하기
___3. 일반적인 스택 및 큐 연산
___4. 스택 및 큐 연산의 시간 및 공간 복잡도 분석
G05장 : 트리
___1. 이진 트리 구현하기
___2. 이진 트리 탐색
___3. 이진 탐색 트리 구현하기
___4. 균형 트리
___5. 트리 연산의 시간 및 공간 복잡도 분석
G06장 : 그래프
___1. 인접 행렬과 리스트를 사용한 그래프 구현하기
___2. 그래프 순회 알고리즘
___3. 최단 경로 알고리즘
___4. 최소 스패닝 트리 알고리즘
___5. 그래프 알고리즘의 시간 및 공간 복잡도 분석
G07장 : 정렬 알고리즘
___1. 버블 정렬
___2. 선택 정렬
___3. 삽입 정렬
___4. 병합 정렬
___5. 퀵 정렬
___6. 힙 정렬
___7. 정렬 알고리즘의 시간 및 공간 복잡도 분석
G08장 : 검색 알고리즘
___1. 선형 검색
___2. 이진 검색
___3. 보간 검색
___4. 검색 알고리즘의 시간 및 공간 복잡도 분석
G09장 : 고급 주제
___1. 해시 테이블과 해시 함수
___2. 동적 프로그래밍
___3. 그리디 알고리즘
___4. 백트래킹
___5. NP-완전 문제
H01장 : 고급 언어 기능
___1. 화살표 함수
___2. 템플릿 리터럴
___3. 디스트럭처링
___4. 스프레드 및 나머지 연산자
___5. 옵셔널 체이닝
___6. 널리쉬 병합 연산자
___7. 클래스와 상속
___8. 모듈
H02장 : 함수형 프로그래밍
___1. 순수 함수와 불변성
___2. 고차 함수
___3. 함수 구성
___4. 재귀
___5. 커링 및 부분 적용
___6. 모나드와 펑터
___7. 배열과 객체를 사용한 함수형 프로그래밍
___8. 프로미스 및 async/await를 사용한 비동기 프로그래밍
H03장 : 디자인 패턴
___1. 싱글톤 패턴
___2. 팩토리 패턴
___3. 데코레이터 패턴
___4. 옵저버 패턴
___5. 어댑터 패턴
___6. 전략 패턴
___7. 컴포지트 패턴
___8. 커맨드 패턴
H04장 : 데이터 구조와 알고리즘
___1. 배열과 연결 리스트
___2. 스택과 큐
___3. 트리 및 그래프
___4. 해시 테이블 및 맵
___5. 정렬 알고리즘
___6. 검색 알고리즘
___7. 동적 프로그래밍
H05장 : 웹 개발
___1. DOM 조작
___2. 이벤트 처리
___3. HTTP 요청 및 AJAX
___4. SPA 프레임워크를 사용한 라우팅
___5. 인증 및 권한 부여
___6. 웹소켓 및 실시간 통신
___7. 프로그레시브 웹 앱
H06장 : 테스트 및 디버깅
___1. Jest 또는 Mocha를 사용한 단위 테스트
___2. 테스트 주도 개발
___3. 디버깅 도구 및 기법
___4. 성능 프로파일링 및 최적화
H07장 : 도구 및 빌드 프로세스
___1. 태스크 런너 및 빌드 도구(예: Grunt, Gulp, Webpack)
___2. 바벨을 사용한 트랜스파일링
___3. 코드 린팅 및 서식 지정
___4. 지속적인 통합 및 배포
H08장 : 보안 및 성능
___1. 크로스 사이트 스크립팅 및 크로스 사이트 요청 위조 방지
___2. 입력 유효성 검사 및 새니티제이션
___3. 서버 측 렌더링 및 사전 렌더링
___4. 캐싱 및 콘텐츠 전송 네트워크
___5. 압축 및 축소
___6. 메모리 관리 및 최적화
H09장 : 고급 주제
___1. 웹 컴포넌트 및 섀도 DOM
___2. 서비스 워커와 오프라인 기능
___3. 웹어셈블리 및 기본 성능
___4. 블록체인과 분산형 애플리케이션
___5. 머신 러닝과 TensorFlow.js를 사용한 AI

작가정보

저자(글) 온개발팀

세상에 필요한 솔루션을 개발하기 위해 다양한 프로그래밍을 활용하고 있습니다.