megaphone
공부한 리액트를 정리해봅시다 :ㅇ
이 문서 리액트는 맥 M1으로 기술 및 실습을 진행하고 있습니다.

개요

<<모던 자바스크립트로 배우는 리액트 입문>>과 <<>> 로 공부한 리액트 지식을 정리해봅시다.

리액트
목차
Start date
Status
Notes
Number

리액트

6/26/2024
레포지토리:
reading-book-react0
최초 실행하기
6/26/2024
97, 98
컴포넌트 사용하기
6/26/2024
103~106
이벤트와 스타일
6/26/2024
106~109
리액트와 CSS
Props
6/26/2024
110~119
State(useState)
6/26/2024
120~123
useEffect와 재랜더링 부작용
6/26/2024
124~126
export의 종류
6/26/2024
126~128
6/26/2024

리액트와 CSS

6/27/2024
inline Styles
6/27/2024
134~135
CSS Modules
6/27/2024
135~138
Styled JSX
6/27/2024
139~143
styled components
6/27/2024
143~147
Emotion
7/1/2024
147~153
tailwind CSS
7/1/2024
153~158
7/4/2024

재렌더링 구조와 최적화

7/4/2024
재렌더링 발생 조건
7/4/2024
164~165
렌더링 최적화 1 (memo)
7/4/2024
166~173
렌더링 최적화 2(useCallback)
7/9/2024
173~178
변수 메모이제이션(useMemo)
7/9/2024
178~180
7/9/2024

글로벌 State 관리

7/9/2024
글로벌 State가 필요한 이유 (버킷 릴레이)
7/9/2024
Youtube로 학생 정보 관리 프로그램 실습
7/17/2024
Youtube VOCA 실습 프로젝트로 변경
Context에서 State 관리
7/17/2024
기타 글로벌 State 취급 방법
7/17/2024
7/17/2024

리액트와 타입스크립트

7/17/2024
레포지토리:
reading-book-react1
타입스크립트 기본
7/17/2024
API로 얻은 데이터에 대한 타입 정의
7/22/2024
Props에 대한 타입 정의
7/22/2024
타입 정의 관리 방법
7/22/2024
컴포넌트 타입 정의
7/23/2024
생략 가능한 타입 정의
7/23/2024
옵셔널 체이닝
7/23/2024
라이브러리 타입 정의
7/23/2024
7/23/2024

react youtube VOCA

7/23/2024
타입스크립트는 npm install 까지만 실행. (우선은 리액트를 중심으로 익혀는 것이 중요할 것 같아서) 리액트 수업 자체는 수강 끝!(8/29)

사용자 정의 훅

사용자 정의 훅
사용자 정의 훅 템플릿 작성
사용자 정의 훅 구현
There are no rows in this table

View of Tasks for launch
Not configured
Task 1
Task 2
Task 3
Task 4
Task 5
Task 6
Task 7
Task 8
Apr 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
May 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Jun 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Jul 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Aug 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Sep 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Oct 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Nov 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Dec 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Task 1
Task 2
Task 3
Task 4
Task 5
Task 6
Task 7
Task 8
Month
TodayFit











Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.