프레임워크 없는 프론트엔드 개발(웹 프로페셔널)

프레임워크 없이 효과적으로 작업하는 방법과 프로젝트에 적합한 프레임워크를 선택하는 방법의 두 가지 주제를 다룬다. 프레임워크나 서드파티 라이브러리를 사용하지 않고 프론트엔드 애플리케이션을 개발하는 방법을 알아보고 이에 따르는 자유도 알아본다. 또한 기술 부채 개념을 분석하고, 프레임워크가 프로젝트 수명에 어떤 영향을 주는지 분석한다. 이 책으로 프레임워크 없이 효과적으로 코딩하는 데 필요한 포괄적이고 명확한 가이드뿐만 아니라 기술적 의사 결정의 원칙도 배울 수 있다.

1장. 프레임워크에 대한 이야기 __프레임워크란? ____프레임워크와 라이브러리 비교 ____프레임워크 방식 __자바스크립트 프레임워크 연혁 ____제이쿼리 ____앵귤러JS ____리액트 ____앵귤러 __기술 부채 ____프레임워크 비용 __기술 투자 __요약 2장. 렌더링 __문서 객체 모델 __렌더링 성능 모니터링 ____크롬 개발자 도구 ____stats.js ____사용자 정의 성능 위젯 __렌더링 함수 ____TodoMVC ____순수 함수 렌더링 __동적 데이터 렌더링 ____가상 DOM __요약 3장. DOM 이벤트 관리 __YAGNI 원칙 __DOM 이벤트 API ____속성에 핸들러 연결 ____addEventListener로 핸들러 연결 ____이벤트 객체 ____DOM 이벤트 라이프사이클 ____사용자 정의 이벤트 사용 __TodoMVC에 이벤트 추가 ____렌더링 엔진 리뷰 ____기본 이벤트 처리 아키텍처 __이벤트 위임 __요약 4장. 웹 구성 요소 __API ____사용할 수 있을까? ____사용자 정의 요소 __TodoMVC에 웹 구성 요소 사용 __웹 구성 요소와 렌더링 함수 ____코드 스타일 ____테스트 가능성 ____휴대성 ____커뮤니티 __사라지는 프레임워크 __요약 5장. HTTP 요청 __간단한 역사: AJAX의 탄생 __todo 리스트 REST 서버 ____REST __코드 예제 ____기본 구조 ____XMLHttpRequest ____Fetch ____Axios ____아키텍처 검토 __적합한 HTTP API를 선택하는 방법 ____호환성 ____휴대성 ____발전성 ____보안 ____학습 곡선 __요약 6장. 라우팅 __단일 페이지 애플리케이션 __코드 예제 ____프래그먼트 식별자 ____히스토리 API __Navigo __올바른 라우터를 선택하는 방법 __요약 7장. 상태 관리 __ToDoMVC 애플리케이션 리뷰 __모델-뷰-컨트롤러 ____옵저버블 모델 __반응형 프로그래밍 ____반응형 모델 ____네이티브 프록시 __이벤트 버스 ____프레임워크 없는 구현 ____Redux __상태 관리 전략 비교 ____모델-뷰-컨트롤러 ____반응형 프로그래밍 ____이벤트 버스 __요약 8장. 적합한 작업을 위한 적합한 도구 __자바스크립트 피로 __‘적합한’ 프레임워크 __안티패턴 ____노후화에 대한 두려움 ____하이프 곡선 따르기 ____일반적인 경로 ____전문가 ____분노 주도 결정 __프레임워크 없는 운동 선언문 ____첫 번째 원칙 ____두 번째 원칙 ____세 번째 원칙 ____네 번째 원칙 __도구 ____마테오 바카리의 도구 ____트레이드오프 슬라이드 ____프레임워크 나침반 차트 ____다른 도구 __요약