현장에서 바로 써먹는 리액트 with 타입스크립트 : 리액트와 스토리북으로 배우는 컴포넌트 주도 개발

김정헌

한국의중소기업에서MFC를사용한윈도우프로그램개발을시작으로안드로이드,iOS,웹개발자로활동을하였다.그후,웹프로그래머로서호주에서활동하였으며현재는일본기업에서풀스택엔지니어로서리액트,리액트네이티브를사용한서비스를개발중이다.업무이외에도리액트와리액트네이티브를사용한앱을개발중이며앱개발중에겪었던일을블로그로게재하고있다.2019년에는많은사람이리액트네이티브를사용하여좀더쉽게iOS와안드로이드앱을개발할수있도록,<스무디한잔마시며끝내는ReactNative>를출간하였다.

-블로그
https://dev-yakuza.posstree.com/ko/
-저자앱리스트
https://dev-yakuza.posstree.com/app/list/ko/
-스무디한잔마시며끝내는ReactNative
https://github.com/bjpublic/Reactnative

1장리액트란?
1.1웹의역사
1)웹1.0웹페이지시대
2)웹2.0웹애플리케이션시대
1.2리액트의특징
1)JSX
2)단방향데이터바인딩
3)가상돔
4)선언형프로그래밍
5)컴포넌트기반
1.3요약

2장리액트개발환경
2.1윈도우개발환경설정
2.3리액트를시작하는방법
2.4create-react-app
2.5요약

3장나의첫리액트프로젝트
3.1타입스크립트
3.2스타일링
3.3절대경로로컴포넌트추가
3.4Prettier
3.6요약

4장카운터앱-Props와State
4.1Props와State
4.2프로젝트준비
4.3개발
4.4요약

5장클래스컴포넌트
5.1클래스컴포넌트
5.2프로젝트준비
5.3개발
10)호출순서
5.5요약

6장할일목록앱-ContextAPI
6.1ContextAPI
6.2프로젝트준비
6.3State와Props로할일목록앱개발
6.4ContextAPI로할일목록앱개발

6.5요약

7장react-router
7.1react-router
7.2프로젝트준비
7.3개발
7.4요약

8장FetchAPI
8.1FetchAPI
8.2프로젝트준비
8.3개발
8.4요약

9장컴포넌트주도개발
9.1컴포넌트주도개발
9.2아토믹디자인
9.3스토리북
9.4프로젝트준비
9.5스토리북설치
9.6스토리북설정
9.7스토리북확인
9.8스토리북실행
1)메뉴
2)컨트롤패널
3)액션탭
4)상단메뉴바-배경색
5)상단메뉴바화면크기
9.9요약

10장컴포넌트주도개발카운터앱
10.1카운터앱
10.2프로젝트준비
10.3개발
10.4요약

11장CDD할일목록앱
11.2프로젝트준비
11.3개발
11.4요약

12장CDD블로그앱
12.1블로그앱
12.2프로젝트준비
12.3개발
12.4요약

부록
1.Lefthook
1)프로젝트준비
2)Lefthook설치
3)Lefthook설정
4)Lefthook실행
5)Lefthook적용
2.배포

리액트는하나의웹애플리케이션을컴포넌트라는작고고립된코드를나누어개발하고,이렇게만든컴포넌트들을조합하여개발할수있도록최적화되어있다.그래서많은개발자들이어떻게하면좀더효율적으로컴포넌트를나눌수있으며,좀더쉽게컴포넌트들을개발할수있는지에대해고민하기시작했으며,그결과아토믹디자인과컴포넌트주도개발이라는개발방법론이탄생하게되었다.리액트에서어떻게하면좀더효율적으로컴포넌트를만들고관리할수있는지에대해고민하고있다면,이책이큰도움이될것이다.

이책은리액트에관한책으로,리액트에사용되는프로그래밍언어인자바스크립트에관해서는다루고있지않다.따라서이책을공부하기위해서는자바스크립트에대한이해가필요하다.또한웹페이지제작에필요한지식인HTML과CSS에대한지식도필요하다.

이책을공부하기전에자바스크립트의ES6문법과최신자바스크립트,HTML과CSS에관해먼저공부하기를권장한다.특히,리액트에서자주사용되는SE6의화살표함수,const,let등은먼저공부를하지않으면책에내용을이해하기어려울수있다.자바스크립트,HTML과CSS에대해정확히모르고있다면,인터넷에서자료를찾아공부한후,이책을공부하길권장한다.

또한,이책은타입스크립트를기본적으로사용하고있다.예제소스에서타입스크립트를깊게사용하고있지않기때문에,이책을공부하기전에타입스크립트를공부할필요는없다.이책을통해리액트와함께,타입스크립트를함께공부할수있으며,타입스크립트에입문하기에적합한내용을다루고있으므로이책을이해하기위해타입스크립트를별도로공부할필요는없다.실무에서는좀더다양한방법으로타입스크립트를다루고있으므로,이책에내용만으론부족할수있다.따라서이책으로리액트와스토리북을통한컴포넌트주도개발을공부한후,실무에서타입스크립트를사용하면서깊이있게공부하기를추천한다._서문중에서