장바구니 담기 close

장바구니에 상품을 담았습니다.

Do it 리액트로 웹앱 만들기 with 타입스크립트 (개정판)

Do it 리액트로 웹앱 만들기 with 타입스크립트 (개정판)

  • 전예홍
  • |
  • 이지스퍼블리싱
  • |
  • 2024-03-30 출간
  • |
  • 680페이지
  • |
  • 188 X 257 X 27mm
  • |
  • ISBN 9791163035640
판매가

40,000원

즉시할인가

36,000

배송비

무료배송

(제주/도서산간 배송 추가비용:3,000원)

수량
+ -
총주문금액
36,000

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

출판사서평

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

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

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

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

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

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

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

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

목차

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

찾아보기

도서소개

 

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.