book

JavaScript 디자인 패턴 학습, 제 2판

by Addy Osmani

May 2025

Beginner to intermediate

298 pages

4h 17m

Korean

O'Reilly Media, Inc.

Book available

Read now

Unlock full access

책의 구조이 책에서 사용된 규칙코드 예제 사용오라일리 온라인 학습문의 방법감사
디자인 패턴의 역사패턴이란 무엇인가요?디자인 패턴의 일상적인 사용 사례요약
프로토 패턴이란 무엇인가요?"패턴" 테스트3의 법칙요약
디자인 패턴의 구조잘 작성된 패턴패턴 작성요약
안티 패턴이란 무엇인가요?JavaScript의 안티 패턴요약
디커플링 애플리케이션의 중요성가져오기 및 내보내기가 있는 모듈모듈 객체원격 소스에서 로드된 모듈정적 가져오기동적 가져오기상호 작용 시 가져오기가시성에서 가져오기서버용 모듈모듈 사용의 이점생성자, 생성자, 설정자가 있는 클래스JavaScript 프레임워크의 클래스요약관련 읽기
배경크리에이티브 디자인 패턴구조적 디자인 패턴행동 디자인 패턴디자인 패턴 클래스요약
크리에이티브 패턴생성자 패턴개체 생성기본 생성자프로토타입이 있는 생성자모듈 패턴객체 리터럴모듈 패턴모듈 패턴 변형위크맵을 사용한 최신 모듈 패턴최신 라이브러리가 포함된 모듈모듈 패턴 공개장점단점싱글톤 패턴React의 상태 관리프로토타입 패턴공장 패턴공장 패턴 사용 시기공장 패턴을 사용하지 않는 경우추상 공장구조 패턴파사드 패턴믹스인 패턴하위 클래스 지정믹스인장점과 단점데코레이터 패턴유사 클래식 데코레이터인터페이스추상 데코레이터장점과 단점플라이급플라이웨이트 사용플라이웨이트 및 데이터 공유클래식 플라이웨이트 구현플라이웨이트 패턴을 사용하도록 코드 변환하기기본 공장외부 상태 관리플라이웨이트 패턴과 DOM예시: 중앙 집중식 이벤트 처리행동 패턴관찰자 패턴옵저버와 게시/구독 패턴의 차이점장점단점게시/구독 구현중재자 패턴간단한 중재자유사점 및 차이점이벤트 애그리게이터 사용중재자 사용이벤트 애그리게이터(퍼블릭/서브)와 미디에이터 함께 사용하기최신 JavaScript의 중개자/미들웨어중재자 대 파사드명령 패턴요약
MVCSmalltalk-80 MVCJavaScript 개발자를 위한 MVC모델조회수템플릿 지정컨트롤러MVC는 우리에게 무엇을 제공하나요?JavaScript의 Smalltalk-80 MVCMVC 요약MVP모델, 보기 및 발표자MVP 또는 MVC?MVVM역사모델보기ViewModel요약합니다: 뷰 및 뷰모델모델 대 모델 보기장단점장점단점MVC 대 MVP 대 MVVM최신 MV* 패턴MV* 및 React.js요약
비동기 프로그래밍배경약속 패턴프로미스 체인프로미스 오류 처리약속 병렬 처리약속 순차 실행약속 메모화약속 파이프라인약속 재시도약속 데코레이터약속 레이스비동기/대기 패턴비동기 함수 구성비동기 반복비동기 오류 처리비동기 병렬 처리비동기 순차 실행비동기 메모화비동기 이벤트 처리비동기/대기 파이프라인비동기 재시도비동기/대기 데코레이터추가 실무 예시HTTP 요청 만들기파일 시스템에서 파일 읽기파일 시스템의 파일에 쓰기여러 비동기 작업 실행여러 비동기 연산을 순서대로 실행하기비동기 작업 결과 캐싱하기비동기/대기로 이벤트 처리하기실패 시 비동기 작업 다시 시도하기비동기/대기 데코레이터 생성하기요약

스크립트 로더에 대한 참고 사항AMD모듈 시작하기jQuery가 포함된 AMD 모듈AMD 결론CommonJS시작하기여러 종속성 사용Node.js의 CommonJSCommonJS가 브라우저에 적합할까요?CommonJS 관련 자료AMD와 CommonJS: 경쟁하지만 동등하게 유효한 표준UMD: 플러그인용 AMD 및 CommonJS 호환 모듈요약
네임스페이스 기본 사항단일 전역 변수접두사 이름 간격객체 리터럴 표기법중첩된 네임스페이스즉시 호출되는 함수 표현식네임스페이스 주입고급 네임스페이스 패턴중첩된 네임스페이스 자동화종속성 선언 패턴딥 오브젝트 확장권장 사항요약
React 소개사용된 용어기본 개념상위 주문 구성 요소작곡장점단점렌더 소품 패턴리프팅 상태기능으로서의 어린이장점단점후크 패턴클래스 컴포넌트구조 조정복잡성Hook상태 후크이펙트 후크커스텀 후크추가 후크 안내후크 사용의 장단점React Hook과 클래스 비교정적 가져오기동적 가져오기로드 가능한 구성 요소상호 작용 시 가져오기가시성에서 가져오기코드 분할경로 기반 분할번들 분할PRPL 패턴로딩 우선순위 지정단일 페이지 앱에서 미리 로드프리로드 + 비동기 해킹Chrome 95+에서 미리 로드가상화 목록윈도우/가상화는 어떻게 작동하나요?목록그리드웹 플랫폼 개선 사항결론요약
렌더링 패턴의 중요성클라이언트 측 렌더링서버 측 렌더링스태틱 렌더링점진적 정적 재생온디맨드 ISR스태틱 렌더링 요약스트리밍 SSR엣지 SSR하이브리드 렌더링점진적 수분 공급아일랜드 아키텍처섬 구현장단점React 서버 컴포넌트RSC 및 Next.js 앱 라우터를 사용한 하이브리드 렌더링요약
소개모듈, 기능 또는 경로별로 그룹화파일 유형별 그룹화도메인 및 공통 구성 요소에 기반한 하이브리드 그룹화최신 React 기능을 위한 애플리케이션 구조Redux컨테이너Hook스타일 컴포넌트기타 모범 사례Next.js 앱의 애플리케이션 구조요약

Content preview from JavaScript 디자인 패턴 학습, 제 2판

저자 소개

애디 오스마니는 구글 크롬을 개발하는 엔지니어링 리더입니다. 그는 Chrome의 개발자 경험 팀을 이끌며 웹을 빠르고 즐겁게 구축할 수 있도록 돕고 있습니다. Addy는 여러 오픈 소스 프로젝트와 학습 패턴, JavaScript 디자인 패턴 학습 (O'Reilly), 이미지 최적화 등 여러 권의 책을 저술했습니다. 개인 블로그는 addyosmani.com입니다.