프로젝트로 배우는 React 웹 애플리케이션 개발

러닛에서 진행하는 "프로젝트로 배우는 React 웹 어플리케이션 개발" 스터디에서 사용한 자료를 담고 있습니다.

1회차 - 리액트 입문

• 프론트엔드 라이브러리/프레임워크
• 리액트 소개
• JavaScript, ES6 기본
• 컴포넌트 작성하기
• 컴포넌트 분리하기

2회차 - 리액트 익숙해지기

• props로 데이터 전달하기
• 엘리먼트 반복하기
• state로 상태 관리하기
• 이벤트 핸들링
• 복합 컴포넌트 작성하기
• 실습: Todo 앱, 노트 앱 만들기

3회차 - 본격 컴포넌트 다루기

• 컴포넌트 라이프사이클 활용하기
• API 데이터 렌더링하기
• prop-types 로 데이터 타입 정의하기
• 실습 프로젝트: 포켓몬 API를 활용한 포켓몬도감 만들기

4회차 - 애플리케이션 제작하기

• JavaScript 비동기 통신: promise, async/await
• react-router 를 활용한 라우팅
• firebase/firestore를 활용하여 db 연동하기
• 실습 프로젝트: 고양이 집사들을 위한 "냥포럼" 만들기

5회차 - 리덕스 활용하기

• 리덕스 소개
• Flux 아키텍쳐
• 실습 프로젝트: 리덕스를 활용하여 "냥포럼" 리팩토링하기

6회차 - 나만의 애플리케이션 만들기

• graphql 소개
• graphql-yoga를 활용한 서버 프로그래밍
• now를 활용한 앱 배포하기
• 실습 프로젝트: 리액트와 graphql-yoga를 활용한 실시간 채팅 앱 만들기