프레임워크 없는 프론트엔드 개발 : 자바스크립트 프레임워크 뜯어보기

프란세스코스트라츨로

저자:프란세스코스트라츨로
경험많은프론트엔드엔지니어,자바스크립트트레이너이자마르카사용자그룹(MUG,MarcaUserGroup)의공동설립자다.유럽전역의콘퍼런스와미트업행사에서발표했고여러기술서적의기술감수자며블로그에기술기사를게재하고있다.새로운API의시험에항상열정적이며새로운것을배우는가장좋은방법은다른사람들에게설명하고가르치는것이라고확신한다.프레임워크를사용하지않고소프트웨어를개발하는데관심이있는사람들의그룹인프레임워크없는운동(FrameworklessMovement)을공동설립했다.

역자:류영선
소프트웨어엔지니어로서오랫동안웹브라우저와웹서버를개발했다.그경험을바탕으로현재는W3C와다양한국제표준화단체에서웹과관련된표준화업무를담당하고있다.최근에는웹기술을PC에서벗어나모바일이나스마트TV,디지털사이니지(DigitalSignage),웨어러블(Wearable),오토모티브(Automotive)등다양한IoT디바이스에접목하는오픈웹플랫폼(OpenWebPlatform)에관심을갖고관련기술을연구중이다.아울러워크숍이나세미나강연과학술기고를통해오픈웹플랫폼과웹기술의전파에힘쓰고있다.
옮긴책으로에이콘출판사에서펴낸『반응형웹디자인』(2012)과『HTML5웹소켓프로그래밍』(2014),『WebRTC프로그래밍』(2015),『자바스크립트디자인패턴』(2016),『자바스크립트언락』(2017),『객체지향자바스크립트3/e』(2017),『사물인터넷자바스크립트프로그래밍』(2018),『모던C++프로그래밍쿡북』(2019),『산업인터넷애플리케이션개발』(2020),『리액트머티리얼UI쿡북』(2020)등다수가있다.

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
아키텍처검토
적합한HTTPAPI를선택하는방법
호환성
휴대성
발전성
보안
학습곡선
요약

6장.라우팅
단일페이지애플리케이션
코드예제
프래그먼트식별자
히스토리API
Navigo
올바른라우터를선택하는방법
요약

7장.상태관리
ToDoMVC애플리케이션리뷰
모델-뷰-컨트롤러
옵저버블모델
반응형프로그래밍
반응형모델
네이티브프록시
이벤트버스
프레임워크없는구현
Redux
상태관리전략비교
모델-뷰-컨트롤러
반응형프로그래밍
이벤트버스
요약

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

이책에서다루는내용

프레임워크나서드파티라이브러리를사용하지않고프론트엔드애플리케이션을개발하는방법을알아본다.또한새프로젝트에'프레임워크없는'접근방식을선택할때필요한기술을제공하고그에따른자유도알아본다.
실용적방법과도구를사용해비기능적요구사항을이해한후명확하고합리적인방식으로중요한문제들을해결해나간다.상태관리,라우팅시스템만들기,fetch를사용한REST클라이언트생성같은중요한주제들의질문에대한답변과함께지속가능한기능적대안을제공한다.또한프로젝트에서잘못된프레임워크나도구를선택하면발생할수있는장단점과위험요소를알아본다.
그리고기술부채개념을분석하고,프레임워크가프로젝트수명에어떤영향을주는지분석한다.프레임워크없이효과적으로코딩하는데필요한포괄적이고명확한가이드뿐만아니라기술적의사결정의원칙도배울수있다.

프레임워크없는운동

프레임워크없이효과적으로작업하는방법과프로젝트에적합한프레임워크를선택하는방법의두가지주제를다룬다.이주제를제대로연구하고자동료인안토니오델아바(AntonioDell’Ava)및알레산드로바이올리니(AlessandroViolini)와함께프레임워크없는운동(FrameworklessMovement)을만들었다.이운동의선언문은공식웹사이트(http://frameworklessmovement.org)에게시돼있다.
이운동의목적은‘프레임워크없는’이라는주제에대한인식을고취하고이주제를논의할커뮤니티를만드는것이다.주요관심사중하나는사람들이프레임워크없이작업하는것이진정으로가능하다는것을이해하게돕는것이다.이책은사람들이기술적의사결정의중요성을이해하게돕는노력중하나다.