- โฐ ์คํฐ๋ ์ผ์: ๋งค์ฃผ ์์์ผ 21์(์จ๋ผ์ธ)
- ๐ ์คํฐ๋ ์๋ฃ: ์ ๋ฐ๋ฏธ [์ต์ 2024๋ฒ์ ] ํด๋ฆฐ์ฝ๋ ๋ฆฌ์กํธ (https://www.udemy.com/course/clean-code-react/?couponCode=KEEPLEARNING )
- ์ด๋ฒ์ฃผ ๋ฐฐ์ด ๋ด์ฉ์ ๋ํด ๋ฆฌ๋ทฐํ๊ณ ์๋ก ๐๋ฌธ์ ๋ฅผ ๋ง๋ค์ด์์ ๋ง์ถฐ๋ณด์์
- ๊ธ์ฃผ ๋ฐฐ์ด ๋ด์ฉ ๋ฐํ๋ ๋๋ ค๋๋ ค ๋๋ฆผํ~
- ๋งค์ฃผ ๊ณต๋ถํ ๋ด์ฉ์ ๋ฐํ์ผ๋ก ๋งํฌ๋ค์ด์ผ๋ก ์ ๋ฆฌํด์
- ์ ๋ฆฌ ์์์ ์์ !
- ๋ ํ์งํ ๋ฆฌ๋ฅผ cloneํด์ฃผ์ธ์.
- main ๋ธ๋์น์์ [์์ด๋] ๋ธ๋์น๋ฅผ ๋ง๋ค์ด์ฃผ์ธ์. ex) juhui88
- [์์ด๋] ๋ธ๋์น์์ ๋ณธ์ธ์ ์ฃผ์ฐจ ํด๋์ ์ ๋ฆฌํ ๋ด์ฉ์ push ํด์ฃผ์ธ์. ex) ์กฐ์ฃผํฌ/1์ฃผ์ฐจ/README.md
- [์์ด๋] ๋ธ๋์น์์ main ๋ธ๋์น๋ก PR(Pull Request)๋ฅผ ๋ณด๋ด์ฃผ์ธ์. ex) docs: 000 ์ฑํฐ 00๋ด์ฉ ํ์ต
- PR๊ณผ ๋จธ์ง๋ ๋ณธ์ธ์ด!!
- ์คํฐ๋ ์ผ์๊น์ง ์ ๋ฆฌํ์ง ๋ชป ํ ์ฌ๋์ ๋ฐํ!
- ๋ฌธ์ ์ ๋ง๋ค์ด์จ ์ฌ๋๋ ๋ฐํ!
- 1์ฃผ์ฐจ : ์๊ฐ ~ State: ๋ถํ์ํ ์ํ
- 2์ฃผ์ฐจ : State : useState ๋์ useRef ~ State: ์ด์ ์ํ ํ์ฉํ๊ธฐ
- 3์ฃผ์ฐจ : Props : ๋ถํ์ํ Props ๋ณต์ฌ ๋ฐ ์ฐ์ฐ ~ Props : ์ธ๋ผ์ธ ์คํ์ผ ์ฃผ์ํ๊ธฐ
- 4์ฃผ์ฐจ : Props: Css in Js ์ธ๋ผ์ธ ์คํ์ผ ์ง์ํ๊ธฐ ~ ๊ฐ์ฒด๋ณด๋ค๋ ๋จ์ํ Props์ ์ฅ์
- 5์ฃผ์ฐจ : Components : ์ปดํฌ๋ํธ ์๊ฐ ~ Components : Fragment ์ง์ํ๊ธฐ
- 6์ฃผ์ฐจ : Components : ์์๋๋ฉด ์ข์ ์ปดํฌ๋ํธ ๋ค์ด๋ฐ ~ Components : ์ปดํฌ๋ํธ ๊ตฌ์ฑํ๊ธฐ
- 7์ฃผ์ฐจ : Rendering
- 8์ฃผ์ฐจ : Hooks
- 9์ฃผ์ฐจ : Etc
| ํ์ฅ | ํ์ | ํ์ | ํ์ | ํ์ |
|---|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
| ์กฐ์ฃผํฌ | ์๋ค์ | ๋ฐฑํฌ๋ฏผ | ์กฐ์๊ธฐ | ์ํ๋ จ |




