프레임워크 없는 프론트엔드 개발

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장. 적합한 작업을 위한 적합한 도구
__자바스크립트 피로
__'적합한' 프레임워크
__안티패턴
____노후화에 대한 두려움
____하이프 곡선 따르기
____일반적인 경로
____전문가
____분노 주도 결정
__프레임워크 없는 운동 선언문
____첫 번째 원칙
____두 번째 원칙
____세 번째 원칙
____네 번째 원칙
__도구
____마테오 바카리의 도구
____트레이드오프 슬라이드
____프레임워크 나침반 차트
____다른 도구
__요약