Skip to content
Gallery
My first Coda doc
리액트
자바스크립트
REST API
Keep a journal
Track my tasks
Make a reading list
m1 단축키
아~
HTML
console
개발해보고 싶은 서비스
More
Share
Explore

icon picker
리액트


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

개요

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

리액트
1
목차
Start date
Status
Notes
Number
1

리액트

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

리액트와 CSS

6/27/2024
​
Open
​
11
inline Styles
6/27/2024
Done
Open
134~135
12
CSS Modules
6/27/2024
Done
Open
135~138
13
Styled JSX
6/27/2024
Done
Open
139~143
14
styled components
6/27/2024
Failed to resolve
Open
143~147
15
Emotion
7/1/2024
​
Open
147~153
16
tailwind CSS
7/1/2024
Failed to resolve
Open
153~158
17
​
7/4/2024
​
Open
​
18

재렌더링 구조와

최적화

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

글로벌 State 관리

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

리액트와

타입스크립트

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

react youtube

VOCA

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

사용자 정의 훅

​
Open
​
43
사용자 정의 훅
​
Open
​
44
사용자 정의 훅 템플릿 작성
​
Open
​
45
사용자 정의 훅 구현
​
Open
​
There are no rows in this table
⁠

View of Tasks for launch
1
Not configured
Task 1
Task 2
Task 3
Task 4
Task 5
Task 6
Task 7
Task 8
Apr 2024
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 2024
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 2024
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 2024
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 2024
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 2024
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 2024
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 2024
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 2024
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.