bam-j / react-study

리액트 공부

React.js

리액트를 공부하며 적어나간 글과 코드들 입니다.
블로그의 설명들은 공식문서, 다양한 글, 책들로 공부했던 내용을 작성하고 있습니다.
하이퍼 링크를 통해 블로그 글에서 내용을 확인하실 수 있습니다. (포스팅 게시일과 목차 순서는 일치하지 않을 수도 있습니다!)

---

0. React 소개

0-1. 리액트
0-2. 리액트 환경 설정
0-3. JSX
0-4. 컴포넌트
0-5. 첫 컴포넌트 만들기

1. props, State

1-1. props(함수형 컴포넌트)
1-2. props(클래스형 컴포넌트)
1-3. state(클래스형 컴포넌트)
1-4. state(함수형 컴포넌트)

2. 이벤트 핸들러, 생명주기, ref

2-1. 리액트 이벤트
2-2. 컴포넌트 생명주기와 생명주기 함수
2-3. ref

3. React Hooks

3-1. Hooks
3-2. useState
3-3. useState의 비동기적 동작
3-3. useEffect
3-4. useMemo
3-5. useCallback
3-6. useRef
3-7. useReducer
3.8. Custom Hooks

4. 컴포넌트 스타일링

4-1. 컴포넌트에 CSS 적용하기
4-2. styled-components

5. 리액트 응용

5-1. 조건부 렌더링
5-2. 컴포넌트 반복
5-3. 리액트 라우터
5-4. Context API

6. Redux, react-redux

6-1. 리덕스 라이브러리 소개
6-2. 리덕스와 react-redux 사용
6-3. 리덕스 활용
6-4. 리덕스 미들웨어 소개
6-5. redux-logger
6-6. redux-thunk
6-7. redux-saga

7. 리액트 활용

7-1. 코드 스플리팅
7-2. React Color 라이브러리
7-3. GitHub Pages에 리액트 페이지 배포
7-4. Storybook
7-5. 모달창
7-6. MUI

번외. 클론 코딩 및 프로젝트들

1. ToDo-List
   
2. News-Viewer
   
3. 캘린더가 있는 ToDo-List
   
4. Thumbnail Maker <br?

---

• React 카테고리 이동