Do it! 리액트 모던 웹 개발 with 타입스크립트 : 테일윈드CSS, 훅, 리덕스, 라우팅을 활용한 최신 실무 코드를 만난다!

Do it! 리액트 모던 웹 개발 with 타입스크립트 : 테일윈드CSS, 훅, 리덕스, 라우팅을 활용한 최신 실무 코드를 만난다!

$40.00
Description
“리액트 개발자라면 이렇게 코딩해야 인정받습니다.”
SPA와 REST API 서버를 만들면서 모던 웹 개발을 배운다!
웹 프런트엔드 개발자를 꿈꾸는 이에게 모던 웹 개발의 트렌드를 알려 준다. 많은 기업에서 우대하는 타입스크립트 기반의 리액트 프로그래밍으로 요즘 대세로 떠오른 SPA(single page application)와 REST(representational state transfer) API 서버를 만든다. 그 과정에서 리액트 훅과 리덕스, 라우팅은 물론 테일윈드CSS로 컴포넌트 스타일링까지 습득할 수 있다. 또한 오류를 막고 성능을 높이는 최적화 기법과 글로벌 수준의 타입스크립트 코드 패턴도 엿볼 수 있다. 책에서 다룬 내용을 종합해 업무 관리 소프트웨어인 트렐로 같은 앱을 만들어 본다.

저자

전예홍

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

찾아보기

출판사 서평

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

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

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

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

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

이책의대상독자
-리액트를처음배우는학생또는취업준비생-기본개념부터시작하고싶다!
-리액트를다뤄본개발자-최신기법,고급코드패턴을배워프로젝트에써먹고싶다!