imkdw / react-study

리액트를 공부하면서 작성한 코드를 업로드하는 저장소 입니다.

React Study

리액트를 공부하면서 작성한 코드를 저장하는 공간입니다.

1일차

npm, yarn, CRA(create-react-app), JSX, Component(함수형, 클래스형), props

2일차

state, 이벤트 핸들링

3일차

ref, 컴포넌트의 반복, 라이프사이클 이벤트

4일차

리액트 Hooks : useState, useEffect, useReducer, useMemo, useCallback, Custom Hooks
컴포넌트 스타일링 : 일반 CSS, SASS/SCSS, CSSModule, styled-component
[Project] Todo App 만들기 : 기본 구현 및 컴포넌트 성능 최적화 - React.memo, react-virtualized 등..

5일차

불변성유지(immer 라이브러리), react-router, [Project] 뉴스API 사용해서 뉴스뷰어 만들기

6일차

상태관리 : Context API, Redux with VanilaJS

7일차

상태관리 : Redux with React, Redux Middleware

8일차

코드 스플리팅, Server Side Rendering (너무 어려워서 일단 넘어가기로함.. ),
[Backend] Nodejs Koa 프레임워크, mongoDB, mongoose, REST API

그 이후..

커뮤니티 프로젝트 이전에 개념부분과 작은 프로젝트를 좀더 경험후 진행할 예정...