Do it! 리액트로 웹앱 만들기 with 타입스크립트

전예홍

저자:전예홍

연세대학교전자공학과를졸업하고카이스트대학원에서전자공학석사를받았다.1990년부터30년넘게프로그램을개발해왔다.한국마이크로소프트에서수석개발컨설턴트리드(ADCLead)로근무했으며Node.js환경에서동작하는프로그램개발에능통하다.특히리액트와리액트네이티브,앵귤러프레임워크의전문가다.그동안개발한제품으로대통령상을받았고정보통신부장관상을3회받았다.아시아100대보안기업제품가운데1등으로뽑혀말레이시아국왕이주는대상을받기도했다.

o《Doit!리액트네이티브앱프로그래밍》(이지스퍼블리싱,2021)

o《Doit!타입스크립트프로그래밍》(이지스퍼블리싱,2020)

================
01리액트개발준비
================
01-1리액트프레임워크이해하기
01-2윈도우에서리액트개발환경만들기
01-3macOS에서리액트개발환경만들기
01-4VSCode개발환경설정하기
01-5첫번째리액트프로젝트만들기
=================
02리액트동작원리
=================
02-1가상DOM이해하기
02-2JSX구문이해하기
02-3컴포넌트이해하기
02-4key와children속성이해하기
02-5이벤트속성이해하기
======================
03컴포넌트CSS스타일링
======================
03-1리액트컴포넌트의CSS스타일링
03-2테일윈드CSS리액트프로젝트만들기
03-3CSS상자모델이해하기
03-4플렉스레이아웃이해하기
03-5daisyuiCSS컴포넌트이해하기
========================
04함수컴포넌트와리액트훅
========================
04-1처음만나는리액트훅
04-2useMemo와useCallback훅이해하기
04-3useState훅이해하기
04-4useEffect와useLayoutEffect훅이해하기
04-5useRef와useImperativeHandle훅이해하기
04-6useContext훅이해하기
========================
05상태관리와리덕스패키지
========================
05-1리덕스기본개념이해하기
05-2리듀서활용하기
05-3리덕스미들웨어이해하기
05-4트렐로따라만들기
===============
06리액트라우터
===============
06-1처음만나는리액트라우터
06-2Outlet컴포넌트와중첩라우팅
06-3공개라우트와비공개라우트구현하기
===================
07몽고DB와API서버
===================
07-1몽고DB이해하기
07-2프로그래밍으로몽고DB사용하기
07-3익스프레스프레임워크로API서버만들기
07-4JSON웹토큰으로회원인증기능구현하기

찾아보기

"프런트엔드개발자채용공고에서인기있는자격요건은모두갖췄다!"
최신웹개발트렌드를반영하고실무코드로가득채운'리액트전문서'등장!

이책은많은기업에서우대하는타입스크립트기반의리액트프로그래밍으로요즘대세로떠오른SPA(singlepageapplication)와REST(representationalstatetransfer)API서버를만듭니다.그과정에서리액트훅과리덕스,라우팅은물론테일윈드CSS로컴포넌트스타일링까지습득할수있습니다.또한오류를막고성능을높이는최적화기법과글로벌수준의타입스크립트코드패턴도엿볼수있기때문에리액트와타입스크립트입문자는물론이고자바스크립트에익숙한숙련자에게도유용합니다.
책에서다룬내용을종합해프로젝트관리소프트웨어인트렐로같은앱과제품이나서비스를소개하는랜딩페이지를만들어봅니다.

실무에서리액트를다룰때필요한내용으로가득해요!
-리액트훅,리덕스,라우팅개념상세소개와활용
-테일윈드CSS를활용한웹페이지꾸미기
-글로벌수준의타입스크립트코드패턴사용
-익스프레스와몽고DB등백엔드와연동

프런트엔드분야필수스펙을쌓아요!
지금프런트엔드개발자채용공고를확인해보세요.자격요건에서React.js는기본이고TypeScript,SPA,RESTAPI,Redux,Router와같은단어를흔히볼수있습니다.이책에서는이러한기술의개념과활용법을담아요즘웹개발의트렌드를반영했습니다.평소모던웹개발기술에갈증을느꼈던분들이라면이책한권으로해소해보세요.

트렐로같은애플리케이션을만들어백엔드기술과연동해보세요!
이책에서는카드드래그앤드롭기능이있는칸반보드로유명한트렐로(Trello.com)같은애플리케이션을만듭니다.요즘대세로떠오른테일윈드CSS를활용한컴포넌트스타일링으로예쁘게디자인된결과물을만들수있습니다.또한리액트로개발한웹애플리케이션을Node.js용익스프레스서버와몽고DB등백엔드기술과연동하는방법도다룹니다.이로써회원가입과로그인/로그아웃을구현하고리액트와함께사용하는다양한기술을응용해실무수준의풀스택프로젝트를경험할수있습니다.

글로벌수준의코드패턴을배울수있어요!
저자가직접구현한코드패턴을엿볼수있습니다.이런코드패턴은인터넷에서도쉽게찾아볼수없죠.수십줄이나되는코드를타입스크립트의문법을이용해단두세줄로줄인다든지,자주사용하는코드들을어떻게분리해서효율적으로재활용하는지등을예로들수있습니다.이렇게코드를눈으로읽기만해도구조적이면서효율적인글로벌수준의코드패턴을배울수있습니다.

리액트개발자로인정받으려면꼭알아야할코딩기법을배워요!
이책은리액트를처음배우는독자를위해준비했지만시니어개발자에게도유용한내용이가득합니다.타입스크립트의고급문법과디자인패턴을100%활용해오류를막고성능을높일수있는코드를어떻게하면최대한단순하게작성할수있는지알려줍니다.
이책의대상독자
-리액트를처음배우는학생또는취업준비생-기본개념부터시작하고싶다!
-리액트를다뤄본개발자-최신기법,고급코드패턴을배워프로젝트에써먹고싶다!

이지스퍼블리싱독자학습지원
※소스파일:이지스퍼블리싱홈페이지→[자료실]에서책이름으로검색

※'Doit!스터디룸(cafe.naver.com/doitstudyroom)'에서운영하는[Doit!공부단]에참여해보세요.이책으로공부하며나만의스터디노트를작성하면이지스퍼블리싱에서출간한다른책을선물로받을수있습니다.