Skip to content

read-with-us/react-docs

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

44 Commits

adding-interactivity

adding-interactivity

Β 
Β 

challenges

challenges

Β 
Β 

describing-the-ui

describing-the-ui

Β 
Β 

escape-hatches

escape-hatches

Β 
Β 

images

images

Β 
Β 

installation

installation

Β 
Β 

managing-state

managing-state

Β 
Β 

quick-start

quick-start

Β 
Β 

CONTRIBUTING.md

CONTRIBUTING.md

Β 
Β 

README.md

README.md

Β 
Β 

Repository files navigation


React 둜고 μ•„μ΄μ½˜

React 곡식 λ¬Έμ„œ μŠ€ν„°λ””

React 곡식 λ¬Έμ„œ 완독을 λͺ©ν‘œλ‘œ λͺ¨μ—¬μ„œ ν•¨κ»˜ μ½λŠ” μŠ€ν„°λ””

View Notion

Note

λͺ¨μ—¬μ„œ ν•¨κ»˜ μ½λŠ” μŠ€ν„°λ””λŠ” μŠ€ν„°λ”” μ‹œκ°„μ— μ£Όμ°¨λ³„λ‘œ 정해진 λΆ„λŸ‰μ„ 같이 읽고 μ€‘μš”ν•˜λ‹€κ³  μƒκ°ν•œ 뢀뢄에 λŒ€ν•΄ μ„œλ‘œ ν† μ˜ν•˜λŠ” λ°©μ‹μœΌλ‘œ μ§„ν–‰λ˜λ―€λ‘œ 사전에 μ€€λΉ„ν•  ν•„μš”κ°€ μ—†μ–΄ 뢀담없이 μ°Έμ—¬ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λ¬Έμ„œλ₯Ό μ½λŠ” 것에 κ·ΈμΉ˜μ§€ μ•Šκ³  ν•œ λ²ˆμ΄λΌλ„ 본인이 μž‘μ„±ν•˜λŠ” μ½”λ“œμ— μƒˆλ‘­κ²Œ μ•Œκ²Œ 된 지식을 μ μš©ν•΄λ³΄κ³  κ²½ν—˜μ„ κ³΅μœ ν•˜λŠ” κΈ°νšŒκ°€ λ˜μ—ˆμœΌλ©΄ ν•©λ‹ˆλ‹€.

이 레포λ₯Ό 보고 μœ μ‚¬ν•œ μŠ€ν„°λ””λ₯Ό μ§„ν–‰ν•˜κ³  싢은 뢄듀을 μœ„ν•΄ μŠ€ν„°λ”” 진행 μ‹œ μ†Œμš” μ‹œκ°„μ„ μž‘μ„±ν•΄λ‘μ—ˆμœΌλ‹ˆ 도움이 λ˜μ‹œκΈΈ λ°”λžλ‹ˆλ‹€.

μ°Έμ—¬ 방법

ν”„λ‘œμ νŠΈμ— μ°Έμ—¬ν•˜κΈ° μ „ CONTRIBUTING λ¬Έμ„œλ₯Ό μ½μ–΄μ£Όμ„Έμš”.

진행 상황

회차 λͺ©μ°¨ λ°œν‘œ 기둝 λ‚ μ§œ βœ… μ†Œμš” μ‹œκ°„
1 Installation @yisu-kim @youjin-10 2023/5/7 (일) βœ… (OT 진행)
50λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
40λΆ„ ν† μ˜
2 Quick Start @yisu-kim @Ajihey77 2023/5/14 (일) βœ… 60λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
50λΆ„ ν† μ˜
3 Describing the UI 1/2 @jiindev @Ajihey77 2023/5/21 (일) βœ… 45λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
40λΆ„ ν† μ˜
4 Describing the UI 2/2 @youjin-10 @Jooeun-K 2023/5/28 (일)
*μ˜€ν”„λΌμΈ λͺ¨μž„		 βœ… 50λΆ„ λ…μ„œ
5λΆ„ νœ΄μ‹
45λΆ„ ν† μ˜
5 Adding Interactivity 1/2 @Jooeun-K @jiindev 2023/6/4 (일) βœ… 60λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
80λΆ„ ν† μ˜
6 Adding Interactivity 2/2 @youjin-10 @yisu-kim 2023/6/11 (일) βœ… 60λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
60λΆ„ ν† μ˜
7 Managing State 1/2 @yisu-kim @Ajihey77 2023/6/18 (일) βœ… 55λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
60λΆ„ ν† μ˜
8 Managing State 2/2 @yisu-kim @youjin-10 2023/6/25 (일) βœ… 70λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
50λΆ„ ν† μ˜
9 Escape Hatches 1/3 @Jooeun-K @youjin-10 2023/7/2 (일)
*μ˜€ν”„λΌμΈ λͺ¨μž„		 βœ… 85λΆ„ λ…μ„œ
5λΆ„ νœ΄μ‹
80λΆ„ ν† μ˜
10 Escape Hatches 2/3 @Jooeun-K @youjin-10 2023/7/9 (일) βœ… 100λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
65λΆ„ ν† μ˜
11 Escape Hatches 3/3 @Ajihey77 @jiindev 2023/7/16 (일) βœ… 70λΆ„ λ…μ„œ
10λΆ„ νœ΄μ‹
50λΆ„ ν† μ˜
12 Challenges - - 2023/7/23 (일) βœ… 120λΆ„ 문제 풀이
10λΆ„ νœ΄μ‹
35λΆ„ ν† μ˜

진행 방법

파트 1. λ…μ„œ

  • μŠ€ν„°λ”” λ¦¬λ”λŠ” μŠ€ν„°λ”” μ‹œμž‘ μ „ λ¬Έμ„œλ₯Ό 읽고 ν•΄λ‹Ή μ±•ν„°μ˜ μ˜ˆμƒ μ‹œκ°„μ„ μΈ‘μ •ν•©λ‹ˆλ‹€.
  • μŠ€ν„°λ”” μ‹œκ°„μ—λŠ” λ‹€ν•¨κ»˜ λ¬Έμ„œλ₯Ό 읽으며 각자 μ€‘μš”ν•˜λ‹€κ³  μƒκ°ν•˜λŠ” λΆ€λΆ„μ΄λ‚˜ μΈμƒκΉŠμ€ λ‚΄μš©μ„ ν•˜μ΄λΌμ΄νŠΈν•©λ‹ˆλ‹€.
  • μ΄λ•Œ, ν•˜μ΄λΌμ΄νŠΈλ₯Ό λ‚¨κΈ°λŠ” λ¬Έμ„œλŠ” μ˜μ–΄μ™€ ν•œκ΅­μ–΄λ‘œ μ½λŠ” μ‚¬λžŒ λͺ¨λ‘λ₯Ό κ³ λ €ν•˜μ—¬ λ²ˆμ—­μ΄ λ³‘κΈ°λœ 비곡식 ν•œκΈ€ λ²ˆμ—­ λ¬Έμ„œλ₯Ό κΈ°μ€€μœΌλ‘œ ν•©λ‹ˆλ‹€.
  • μ˜ˆμƒ μ‹œκ°„ 내에 λͺ»λ‹€ 읽은 인원이 있으면 5~10λΆ„ λ‹¨μœ„λ‘œ μ‹œκ°„μ„ μ—°μž₯ν•©λ‹ˆλ‹€.
  • λ…μ„œ μ‹œκ°„μ΄ μ’…λ£Œλ˜λ©΄ 10λΆ„κ°„ νœ΄μ‹ν•©λ‹ˆλ‹€.

파트 2. ν† μ˜

  • 였늘의 λ°œν‘œμžλŠ” νŽ˜μ΄μ§€ λ‹¨μœ„λ‘œ λŠμ–΄μ„œ 본인이 ν•˜μ΄λΌμ΄νŠΈν•œ λ¬Έμž₯을 μ½μŠ΅λ‹ˆλ‹€.
  • λ‚˜λ¨Έμ§€ νŒ€μ›λ“€μ€ 본인이 ν•˜μ΄λΌμ΄νŠΈν•œ λ¬Έμž₯ λ˜λŠ” λ°œν‘œμžκ°€ ν•˜μ΄λΌμ΄νŠΈν•œ λ¬Έμž₯에 λŒ€ν•΄ 생각을 κ³΅μœ ν•˜κ³  μ§ˆλ¬Έν•©λ‹ˆλ‹€.
  • 였늘의 μž‘μ„±μžλŠ” λ°œν‘œμžμ™€ νŒ€μ›λ“€μ˜ ν† μ˜ λ‚΄μš©μ„ κΈ°λ‘ν•©λ‹ˆλ‹€.

파트 3. 기둝

  • μž‘μ„±μžλŠ” μŠ€ν„°λ”” μ’…λ£Œ ν›„ ν•΄λ‹Ή 챕터 νŒŒμΌμ— λ‚΄μš©μ„ μ •λ¦¬ν•©λ‹ˆλ‹€.
  • 좔가적인 기둝을 남기고 싢은 μŠ€ν„°λ”” 멀버 λˆ„κ΅¬λ‚˜ νŒŒμΌμ— λ‚΄μš©μ„ μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • κΈ°λ³Έ 파일 외에 개인 기둝 νŒŒμΌμ„ μƒμ„±ν•˜κ±°λ‚˜ 본인의 λΈ”λ‘œκ·Έ, λ…Έμ…˜ 링크λ₯Ό 남길 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

μ‚¬μš© 툴

Hypothesis

μ›Ή λ¬Έμ„œμ— ν•˜μ΄λΌμ΄νŠΈλ₯Ό 남기고 μ‹€μ‹œκ°„μœΌλ‘œ κ³΅μœ ν•  수 μžˆλŠ” ν˜‘μ—… νˆ΄μž…λ‹ˆλ‹€.

λ°œν‘œμžκ°€ μ›Ή λ¬Έμ„œμ—μ„œ ν•˜μ΄λΌμ΄νŠΈν•œ λ¬Έμž₯을 μ°ΎκΈ° 쉽도둝 ν•˜κ³ , μž‘μ„±μžκ°€ κΈ°λ‘ν•˜λŠ” λΆ„λŸ‰μ„ μ΅œμ†Œν™”ν•˜μ—¬ ν† μ˜μ— μ°Έμ—¬ν•˜λŠ” μ‹œκ°„μ„ 늘릴 수 μžˆλ„λ‘ λ„μž…ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€.

  • 무료둜 제곡되며 κ°€μž… ν›„ μ›Ή μ΅μŠ€ν…μ…˜μ„ μ„€μΉ˜ν•˜μ—¬ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • ν•˜μ΄λΌμ΄νŠΈ/μ–΄λ…Έν…Œμ΄μ…˜/νŽ˜μ΄μ§€ λ…ΈνŠΈ νƒ€μž…μ˜ 기둝을 남길 수 μžˆμŠ΅λ‹ˆλ‹€.
  • ν•˜μ΄λΌμ΄νŠΈμ™€ μ–΄λ…Έν…Œμ΄μ…˜μ€ μ‹œκ°„ 순이 μ•„λ‹Œ λ‚΄μš© 순으둜 μ •λ ¬λ˜λ―€λ‘œ νŽ˜μ΄μ§€ λ‚΄μš©μ„ μœ„μ—μ„œλΆ€ν„° μ°¨λ‘€λ‘œ μ½μ–΄λ‚˜κ°ˆ 수 μžˆμŠ΅λ‹ˆλ‹€.
  • ν•˜μ΄λΌμ΄νŠΈ λ˜λŠ” μ–΄λ…Έν…Œμ΄μ…˜ μΉ΄λ“œλ₯Ό ν΄λ¦­ν•˜λ©΄ ν•΄λ‹Ή μœ„μΉ˜λ‘œ μŠ€ν¬λ‘€λ˜μ–΄ λ‚΄μš©μ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • 그룹을 λ§Œλ“€μ–΄ μ΄ˆλŒ€ 링크λ₯Ό κ³΅μœ ν•œ μ‚¬λžŒλ“€κ³Ό 내역을 κ³΅μœ ν•˜κ³  λŒ“κΈ€μ„ 남길 수 μžˆμŠ΅λ‹ˆλ‹€.
  • κ·Έλ£Ή μ•‘ν‹°λΉ„ν‹° νŽ˜μ΄μ§€μ—μ„œλŠ” λ§ν¬λ§ˆλ‹€ 그룹원듀이 남긴 기둝을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

μœ μš©ν•œ λ¦¬μ†ŒμŠ€

About

πŸ“š React 곡식 λ¬Έμ„œ 완독을 λͺ©ν‘œλ‘œ λͺ¨μ—¬μ„œ ν•¨κ»˜ μ½λŠ” μŠ€ν„°λ””

Resources

Readme
Activity
Custom properties

Stars

3 stars

Watchers

1 watching

Forks

1 fork
Report repository

Releases

No releases published

Packages

No packages published

Contributors 5