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

괜찮다고 말하지만 괜찮지 않은 너와 나, 우리가 안고 사는 우울. 그리고 그 감정이 가져온 마음의 병 우울증. 화제의 채널



“리액트 개발자라면 이렇게 코딩해야 인정받습니다.”

SPA와 REST API 서버를 만들면서 모던 웹 개발을 배운다!

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



▶ 실무에서 리액트를 다룰 때 필요한 내용으로 가득해요!

- 리액트 훅, 리덕스, 라우팅 개념 상세 소개와 활용

- 테일윈드CSS를 활용한 웹 페이지 꾸미기

- 글로벌 수준의 타입스크립트 코드 패턴 사용

- 익스프레스와 몽고DB 등 백엔드와 연동



▶ 프런트엔드 분야 필수 스펙을 쌓아요!

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



▶ 트렐로 같은 애플리케이션을 만들어 백엔드 기술과 연동해 보세요!

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



▶ 글로벌 수준의 코드 패턴을 배울 수 있어요!

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



▶ 리액트 개발자로 인정받으려면 꼭 알아야 할 코딩 기법을 배워요!

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



▶ 이 책의 대상 독자

- 리액트를 처음 배우는 학생 또는 취업 준비생 - 기본 개념부터 시작하고 싶다!

- 리액트를 다뤄 본 개발자 - 최신 기법, 고급 코드 패턴을 배워 프로젝트에 써먹고 싶다!



▶ 이지스퍼블리싱 독자 학습 지원

※ 소스 파일: 이지스퍼블리싱 홈페이지(www.easyspub.co.kr) → [자료실]에서 책 이름으로 검색

※ 질의응답용 저자 이메일: yehongj2020@gmail.com

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