생활코딩! React 리액트 프로그래밍 (개정판)

이고잉

생활코딩 운영자
오픈튜토리얼스(https://opentutorials.org/) 운영진

• ▣ 1장: 리액트 기초 편
• __리액트의 기초 문법과 핵심 개념을 익힌다.
• 01 수업 소개
• __리액트를 소개하고 리액트 라이브러리의 필요성을 이해한다.
• 02 실습 환경 구축
• __리액트 실습 환경을 구축하는 법을 배우고, 기본 샘플 앱을 구동하는 방법을 익힌다.
• 03 소스 코드 수정 방법
• __샘플 리액트 앱을 수정하는 법을 배우고, 애플리케이션을 배포하는 법을 배운다.
• 04 컴포넌트 만들기
• __리액트에서 제공하는 컴포넌트의 역할과 필요성을 이해하고, 리액트 컴포넌트를 작성하는 법을 배운다.
• 05 props
• __props를 이용해 리액트 컴포넌트의 재사용성을 높이는 방법을 배운다.
• 06 이벤트
• __컴포넌트 이벤트를 만들고 활용하는 법을 배운다.
• 07 state
• __state의 역할과 필요성, 사용법을 이해한다.
• 08 Create
• __앱의 CRUD 기능 가운데 Create 기능을 구현한다.
• 09 Update
• __앱의 CRUD 기능 가운데 Update 기능을 구현한다.
• 10 Delete & 수업을 마치며
• __앱의 CRUD 기능 가운데 Delete 기능을 구현한다.
•  
• ▣ 2장: React Router DOM 편
• __리액트를 이용해 여러 개의 페이지로 이뤄진 애플리케이션을 만드는 데 도움을 주는 react-router-dom의 사용법을 익힌다.
• 01 수업 소개
• __리액트 라우터 DOM을 소개하고 필요성을 이해한다.
• 02 실습 준비
• __실습에 사용할 앱을 생성한다.
• 03 Router
• __BrowserRouter의 역할과 사용법을 익힌다.
• 04 Link
• __Link, NavLink컴포넌트의 역할과 사용법을 익힌다.
• 05 Nested Routing
• __하나의 라우터로 path값에 따라 주소를 처리하는 법을 익힌다.
• 06 수업을 마치며
• __추가로 배울 고급 주제에 대해 알아본다.
•  
• ▣ 3장: 스타일드 컴포넌트 편
• __리액트에서 CSS의 속성을 그대로 사용할 수 있게 도와주는 스타일드 컴포넌트의 사용법을 익힌다.
•  
• ▣ 4장: Context API 편
• __리액트에서 상태를 전역적으로 공유할 수 있게 도와주는 도구인 Context API의 사용법을 익힌다.
•  
• ▣ 5장: useReducer 편
• __useState와 같은 역할을 하지만, 조금 더 복잡한 상태를 체계적으로 관리하도록 돕는 useReducer의 사용법을 익힌다.
•  
• ▣ 6. react-redux 편
• __상태 관리 도구인 리덕스(redux)를 리액트에서 쉽게 사용할 수 있게 돕는 도구인 react-redux의 사용법을 익힌다.
•  
• ▣ 7. 리덕스 툴킷 편
• __리덕스 툴킷(Redux toolkit)을 활용하여 리덕스 개발 환경을 쉽게 구축하는 방법을 익힌다.
•  
• ▣ 8. Next.js 편
• __리액트, 익스프레스(Express.js), 리액트 라우터 돔(React-Router-Dom), 서버 사이드 렌더링 등 웹을 구현하는 데 사용하는 여러 기술을 영리하게 섞어 놓은 기술인 Next.js에 대해 알아본다.

• 동영상 및 예제 코드 페이지: https://wikibook.github.io/react-rev/