================
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
실무에서 리액트를 다룰 때 필요한 내용으로 가득해요!
- 리액트 훅, 리덕스, 라우팅 개념 상세 소개와 활용
- 테일윈드CSS를 활용한 웹 페이지 꾸미기
- 글로벌 수준의 타입스크립트 코드 패턴 사용
- 익스프레스와 몽고DB 등 백엔드와 연동
프런트엔드 분야 필수 스펙을 쌓아요!
지금 프런트엔드 개발자 채용 공고를 확인해 보세요. 자격 요건에서 React.js는 기본이고 TypeScript, SPA, REST API, Redux, Router와 같은 단어를 흔히 볼 수 있습니다. 이 책에서는 이러한 기술의 개념과 활용법을 담아 요즘 웹 개발의 트렌드를 반영했습니다. 평소 모던 웹 개발 기술에 갈증을 느꼈던 분들이라면 이 책 한 권으로 해소해 보세요.
트렐로 같은 애플리케이션을 만들어 백엔드 기술과 연동해 보세요!
이 책에서는 카드 드래그 앤 드롭 기능이 있는 칸반 보드로 유명한 트렐로(Trello.com 같은 애플리케이션을 만듭니다. 요즘 대세로 떠오른 테일윈드CSS를 활용한 컴포넌트 스타일링으로 예쁘게 디자인된 결과물을 만들 수 있습니다. 또한 리액트로 개발한 웹 애플리케이션을 Node.js용 익스프레스 서버와 몽고DB 등 백엔드 기술과 연동하는 방법도 다룹니다. 이로써 회원 가입과 로그인/로그아웃을 구현하고 리액트와 함께 사용하는 다양한 기술을 응용해 실무 수준의 풀스택 프로젝트를 경험할 수 있습니다.
글로벌 수준의 코드 패턴을 배울 수 있어요!
저자가 직접 구현한 코드 패턴을 엿볼 수 있습니다. 이런 코드 패턴은 인터넷에서도 쉽게 찾아볼 수 없죠. 수십 줄이나 되는 코드를 타입스크립트의 문법을 이용해 단 두세 줄로 줄인다든지, 자주 사용하는 코드들을 어떻게 분리해서 효율적으로 재활용하는지 등을 예로 들 수 있습니다. 이렇게 코드를 눈으로 읽기만 해도 구조적이면서 효율적인 글로벌 수준의 코드 패턴을 배울 수 있습니다.
리액트 개발자로 인정받으려면 꼭 알아야 할 코딩 기법을 배워요!
이 책은 리액트를 처음 배우는 독자를 위
