Do it! 리액트로 웹앱 만들기 with 타입스크립트 - 리액트 + 익스프레스 + 몽고DB로 만드는 SPA와 API 서버 <*> Do it! 시리즈
전예홍 (지은이)이지스퍼블리싱2024-03-30
많은 기업에서 우대하는 타입스크립트 기반의 리액트 프로그래밍으로 요즘 대세로 떠오른 SPA(single page application)와 REST(representational state transfer) API 서버를 만든다. 그 과정에서 리액트 훅과 리덕스, 라우팅은 물론 테일윈드CSS로 컴포넌트 스타일링까지 습득할 수 있다. 또한 오류를 막고 성능을 높이는 최적화 기법과 글로벌 수준의 타입스크립트 코드 패턴도 엿볼 수 있기 때문에 리액트와 타입스크립트 입문자는 물론이고 자바스크립트에 익숙한 숙련자에게도 유용하다.
목차
================
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 웹 토큰으로 회원 인증 기능 구현하기
찾아보기