ํ๊ณ ๊ฐ ๋ง์ด ๋ฆ์๋ค์.. ์คํ๋ฆฐํธ 2์ฐจ๊ฐ 6์7์ผ์ ๋๋ฌ์ต๋๋ค. ์ง๊ธ๊น์ง ๋ฐ๋ธ์ฝ์ค๋ฅผ ํ๋ฉด์ ์ ๊ณตํ๋ ๊ฐ์ ์ธ ์ด๋ค ํ๋๋ค์ ํ๋์ง ์์ฃผ๋ก ๋จ๊ฒจ๋์ผ๋ ค๊ณ ํฉ๋๋ค! ํ๋ก๊ทธ๋๋จธ์ค ๋ฐ๋ธ์ฝ์ค ๊ณ ๋ฏผ์ค์ด์ ๋ถ๋ค๊ป ๋์์ด ๋์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
๋งค์ฃผ ์ ์ตํ์ง ์์ ์ ์ด ์๋ ๋ฆฌ์กํธ ์คํฐ๋


4์๋ง๋ถํฐ ํ์ฌ๊น์ง ๋ฆฌ์กํธ ์คํฐ๋๋ฅผ ์งํํ๊ณ ์๋ ์ค์ ๋๋ค. ์ฐธ์ฌ๋ฅผ ํฌ๋งํ๋ 9๋ช ์ด ๋ชจ์ฌ ๋ชจ๋ ๋ฆฌ์กํธ ๋ฅ๋ค์ด๋ธ ์ฑ ์ ์ฝ๊ณ ๋ฉด์ ์ง๋ฌธ์ ๋ง๋ค์ด์ ์ง๋ฌธํ๊ณ ๋ตํ๋ ํํ๋ก ์คํฐ๋๊ฐ ์ด๋ค์ก์ต๋๋ค. ๋ฆฌ์กํธ ๋ฅ๋ค์ด๋ธ ์ฑ ์ด ๋์ด๋๊ฐ ์๋ค๋ณด๋ ๊ฐ๋ฐํ๋ฉด์ ์๊ฐํด๋ณด์ง ๋ชปํ๋ ๊น์ ๋ด์ฉ๊น์ง ๊ณต๋ถํ ์ ์์์ต๋๋ค. ๋ํ ๋ฉด์ ์ง๋ฌธ ํ์์ ํตํด ๋ต์ ํ ์ ์๋๋ก ๊ณต๋ถํ ๋ด์ฉ์ ๊ธฐ์ตํ๋ ค๊ณ ํ์๋๋ฐ ๊ต์ฅํ ์ ์ฉํ์ต๋๋ค. ์๋ก์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํด ์๊ฒ๋๊ณ , ๋ฆฌ์กํธ์ ๋ฒ์ ์ ๋ฐ๋ฅธ ์ฐจ์ด๋ SSR, CSR์ ๋ํ ๊ฐ๋ ๋ฑ ์ค์ ๋ก ์ ์ฉํ ์ ์๋ ๋ถ๋ถ๋ค๋ ๊ณต๋ถํ ์ ์์์ต๋๋ค. ๋งค์ฃผ ๊ฑฐ์ 100ํ์ด์ง ๊ฐ๊น์ด ๋๋ ๋ด์ฉ์ ๊ณต๋ถํด์์ผ ํ๋ค๋ณด๋ ์ ์ ๊ฒฝ์ฐ ๋ชจ๋ ๋ด์ฉ์ ๋ค ์ดํดํ ์๋ ์์์ง๋ง ํต์ฌ์ ์ธ ๋ด์ฉ์ ๊ผญ ๋ค ์ดํดํ๋ ค๊ณ ๋ ธ๋ ฅํ์ต๋๋ค.
https://github.com/Modern-React-DeepDive/Modern-React-DeepDive
GitHub - Modern-React-DeepDive/Modern-React-DeepDive: [๋ชจ๋ ๋ฆฌ์กํธ Deep Dive] ์ ๋ ์คํฐ๋ ํ์ต ๋ด์ฉ ์ ๋ฆฌ ๋ ํฌ
[๋ชจ๋ ๋ฆฌ์กํธ Deep Dive] ์ ๋ ์คํฐ๋ ํ์ต ๋ด์ฉ ์ ๋ฆฌ ๋ ํฌ์ ๋๋ค๐. Contribute to Modern-React-DeepDive/Modern-React-DeepDive development by creating an account on GitHub.
github.com
๋ฆฌ์กํธ ์คํฐ๋์ ๊ฐ์ฅ ์ข์ ์ ์ ์ ๋ณด๋ค ์ค๋ ฅ์ด ์๋ ํ์๋ค์ ๋ต์ ๋ค์ ์ ์๋ ๊ฒ์ ๋๋ค. ์ง๋ฌธ๊ณผ ๋ต์ ์ฑ ๊ธฐ๋ฐ์ผ๋ก ๊ตฌ์ฑํด์ค์ง๋ง ์ด๋ฅผ ๋์ด ๋ค๋ฅธ ํ์๋ค์ ์ถ๊ฐ์ ์ธ ์ค๋ช ์ด๋ ์ง์์๋ต์ ํตํด ๊น๊ฒ ์๊ฐํด๋ณผ ์ ์์๋ ์๊ฐ๋ค์ด ์คํฐ๋๋ฅผ ๋ ์ ์ตํ๊ฒ ๋ง๋ค๊ณ ์์ต๋๋ค.
์ดํ ์งํํ ๋ฆฌ์กํธ ์คํฐ๋์์๋ ๋ชจ๋ ๋ฆฌ์กํธ ๋ฅ๋ค์ด๋ธ์ 1-5์ฅ์ ๊ณ์ํด์ ์ปค๋ฒํ๊ณ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉด์ ์ง๋ฌธ์ ๊ฐ์ ธ์ค๋ ๊ฒ์ผ๋ก ๋ณ๊ฒฝ๋์ด์ ์์ผ๋ก๋ ๋ฆฌ์กํธ&์๋ฐ์คํฌ๋ฆฝํธ ๋ฉด์ ์คํฐ๋๊ฐ ๋ ์์ ์ธ๋ฐ์, ๋ค์ ํ๊ณ ์์ ํ๊ธฐ๋ฅผ ๋จ๊ฒจ๋ณด๊ฒ ์ต๋๋ค.
์ข์ ์ฌ๋๋ค๊ณผ ํจ๊ป ์ฑ์ฅํ ์ ์๋ ํ ํ๋
๋งค์ฃผ ์งํํ ํ๋ฏธํ
ํ๋ก๊ทธ๋๋จธ์ค ๋ฐ๋ธ์ฝ์ค์์๋ 3๋ฒ ์ ๋ ํ์ ๊พธ๋ ค ํ๋์ ํ ์ ์๋๋ฐ์. ์ด๋ฒ ์คํ๋ฆฐํธ ํํ๋์๋ ๋งค์ฃผ ๋ฏธํ ์ด ์์์ต๋๋ค. ์๋ ์ฌ์ง์ฒ๋ผ ๋ฏธํ ์์ ๋งค์ฃผ ๊ฐ์๋ฅผ ํตํด ๋ฐฐ์ด ๋ด์ฉ๊ณผ ์ถ๊ฐ์ ์ผ๋ก ๊ณต๋ถํ ๋ด์ฉ์ ์ ๋ฆฌํด์ ๊ณต์ ํ์ต๋๋ค. ํ ์ฃผ ๋์ ๋ง์ ๋ด์ฉ์ ๋ฐฐ์ฐ๊ธฐ ๋๋ฌธ์ ์๋ก ์ค์ํ ๋ด์ฉ์ ์ ๋ฆฌํด์ ๊ณต์ ํ๊ฒ ๋๋๋ฐ์, ์ ๊ธฐํ ๊ฑด ๊ฐ์ ๊ฐ์ง๊ณ ์ค๋ ๋ด์ฉ์ด ๊ฒน์น๋ ๊ฒฝ์ฐ๊ฐ ์์๋ค๋ ๊ฒ๋๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ๋ค์ํ ๋ด์ฉ์ ๋ณต์ตํ๊ฑฐ๋ ์๋ก ์๊ฒ๋๋ค๋ ์ ์์ ๊ต์ฅํ ์ ์ตํ์ต๋๋ค. ๋ํ ๋ค๋ฅธ ์ฌ๋์๊ฒ ๋ด๊ฐ ๋ฐฐ์ด ๋ด์ฉ์ ๋ฐํํ๋ ๊ธฐํ ๋ํ ํด๋น ๊ฐ๋ ์ ์ ์ดํดํ๊ณ ์๋ ์ง ํ์ธํ ์ ์์์ต๋๋ค.

์คํ๋ผ์ธ ๋ฏธํ

์ ํฌ ํ์ ๋งค์ฃผ ์จ๋ผ์ธ์ผ๋ก ๋ง๋์ง๋ง ๋ ์ ๋ฐ๋ก ์ก์ ์คํ๋ผ์ธ์ผ๋ก๋ ๋ ๋ฒ ๋ง๋ฌ์ต๋๋ค. ๊ฐ์ด ์ด์ผ๊ธฐ ํ๋ฉด์ ์น๋ชฉ๋ ๋ค์ง๊ณ , ์ผ๊ตด์ ๋ณด๋ฉฐ ๋ฐฐ์ด ๋ด์ฉ์ ๊ณต์ ํ๋๊น ์จ๋ผ์ธ๋ณด๋ค ํจ์ฌ ํจ์จ์ ์ด์์ต๋๋ค. ๋ฐ๋ธ์ฝ์ค๊ฐ ๋๋ถ๋ถ์ ๊ธฐ๊ฐ์ ๋น๋๋ฉด์ผ๋ก ์งํํ๋ค๋ณด๋ ์ด๋ ๊ฒ ๋๋ฉด์ผ๋ก ๋ชจ์ด๋ ๊ฒ์ด ๋ ์ข์์ต๋๋ค.
์ ํฌ ํ์ ํ์๋ค์ด ์ ๋ง ์ข์์ ๋๋ฒ์งธ ํ๋น๋ฉ๋ ๊ทธ๋๋ก ์ ์งํ๋ ๊ฑธ๋ก ๋๋๋ฐ์,
์์ผ๋ก ๋ฐ๋ธ์ฝ์ค๊ฐ ๋๋๊ณ ๋ ์ทจ์ ํด์ ๊ณ์ ๋ง๋ ์ผ์๊ธฐ, ๊ฐ๋ฐ์๊ธฐ ์ค๋์ค๋ ํ๊ณ ์ถ์ ์ฐ๋ฆฌ '์ฝ๋ฉํ๋ ์์ด๋ค'ํ์ ๋๋ค!
์์นจ 3์๊ฐ ๊ณต๋ถ ํ๋ณด ๋ชจ๋ ๋ชจ๊ฐ์ฝ ์คํฐ๋

5์๋ถํฐ ํ์ฌ๊น์ง ์์นจ๋ง๋ค ์งํํ๋ ์คํฐ๋์ ์ฐธ์ฌ์ค์ ๋๋ค. ๋ชจ๋ ๋ชจ๊ฐ์ฝ ์คํฐ๋๋ ์์นจ์ ์ผ์ฐ ์ผ์ด๋์ ๊ณต๋ถํ๋ ์ต๊ด์ ๊ธฐ๋ฅด๊ธฐ ์ํ ์คํฐ๋์ธ๋ฐ์, ๋ฉํ๋ฒ์ค ํ๋ซํผ์ธ ZEP์ ์ด์ฉํ์ฌ ์์นจ๋ง๋ค ์คํฐ๋์๋ค๊ณผ (๊ฐ์) ๊ณต๋ถํ ์ ์์ต๋๋ค. ์๋ ์งํ ๋ฐฉ์์ฒ๋ผ 1์ฐจ์ 2์ฐจ๋ฅผ ์งํํ์ฌ ์ด 3์๊ฐ์ ๊ณต๋ถ์๊ฐ์ ๋ง๋ จํ ์ ์์์ต๋๋ค.

์ ๋ ์์นจํ ์ธ๊ฐ์ด ์๋๋ผ์ ์ฒ์์๋ ๋๋ฌด ํ๋ค์์ต๋๋ค. ๋ฌผ๋ก ์ง๊ธ๋ ๋ฆ๊ฒ ์๋๋ ์จ์ ํ 3์๊ฐ์ ๋ค ์ง์คํ์ง ๋ชปํ ๋๋ ์์ต๋๋ค. ํ์ง๋ง ์ด๋ฐ ๋ ๋ค์ ์์ ๊ผฝ๊ณ , ์บ ์ ์ผ๊ณ ์งํํ๊ธฐ ๋๋ฌธ์ ๊ฐ์ ๋ก ์ง์คํ๊ฒ ๋ฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ค๋ฅธ ์ฌ๋๋ค์ ๊ณต๋ถํ๋ ๋ชจ์ต์ ๋ณด๋ฉด ์๊ทน๋ ๋ฐ์์ ์ด์ฌํ ๊ณต๋ถํ๊ณ ์์ต๋๋ค.
์ด๋ฒ ํ๊ณ ์๋ ๊ณตํต์ ์ด ํ ๊ฐ์ง ์์ต๋๋ค. ๋ชจ๋ ๋ค๋ฅธ ์ฌ๋๋ค๊ณผ ํจ๊ป ํ๋ค๋ ๊ฒ์ ๋๋ค. ์ ๋ ์๋ ํผ์์ ๊ณต๋ถ๋ฅผ ๋ง์ด ํ๊ณ ๋งจ๋ ์ ํด๋ฉ์ ๋ง์ด ํ๋ ์ฌ๋์ด์๋๋ฐ, ํจ๊ปํ๋ ๊ฒ์ ๊ฐ์น๋ฅผ ๊นจ๋ฌ์ ์ดํ ์์ ๊ฐ์ ํ๋์ ์ ๊ทน์ ์ผ๋ก ์ฐธ์ฌํ๋ ค๊ณ ๋ ธ๋ ฅํ๋ ์ค์ ๋๋ค. ํ๋ก๊ทธ๋๋จธ์ค ๋ฐ๋ธ์ฝ์ค๋ ์ด๋ฐ ๊ธฐํ๋ค์ ๋ง์ด ์ ๊ณตํด์ค๋๋ค. ๋ฌผ๋ก ๋ณธ์ธ์ด ์์ง๋ฅผ ๊ฐ์ง๊ณ ์ฐธ์ฌํด์ผ๊ฒ ์ง๋ง, ๋ค๋ฅธ ์ฌ๋๊ณผ ํ ์ ์๋ ๊ธฐํ๊ฐ ์๊ธด๋ค๋ฉด ๊ทธ ๊ธฐํ๋ฅผ ๊ผญ ์ก๋ ๊ฒ์ด ์ข๋ค๊ณ ์๊ฐํฉ๋๋ค.
๋์ค์ฝฐ์ด์์ ํจ๊ปํ๋ ๊ฒ์ ์ค์์ฑ์ ๋ด์ ๊ธ์ ์์ฑํ ์ ์ด ์๋๋ฐ์, ๋งํฌ ๋จ๊ฒจ๋๊ฒ ์ต๋๋ค.
ํผ์ ๋ค ๊ฐ๋นํ์ค ์ ์๊ฒ ์ต๋๊น? | Disquiet*
์ฐ๋ฆฌ๋ ๋งค์ผ ๊ฐ์์๊ฒ ์ฃผ์ด์ง ์ผ๋ค์ด ์์ต๋๋ค. ๋งค์ผ ๊ทธ ์ผ๋ค์ ์ฒ๋ฆฌํ๋ฉฐ ๋ค ํ์ ๋๋ ์ฑ์ทจ๊ฐ์, ๋คํ์ง ๋ชปํ์ ๋๋ ์์ฌ์์ผ๋ก ํ๊ณ ํ๊ณ ๋ด์ผ์ ๊ณํํ์ฃ .์ ์ญ์๋ ๋งค์ผ ํด์ผ ํ ์ผ์ ๋ฆฌ์ค
disquiet.io
'๋ฐ๋ธ์ฝ์ค' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [ํ๊ณ ] ํ๋ก๊ทธ๋๋จธ์ค ํ์คํ ๋ฐ๋ธ์ฝ์ค ๋จ์ 1์ฐจ (0) | 2024.05.20 |
|---|---|
| [ํ๊ณ ] ํ๋ก๊ทธ๋๋จธ์ค ํ์คํ ๋ฐ๋ธ์ฝ์ค 3์ฃผ์ฐจ (0) | 2024.05.01 |
| [ํ๊ณ ] ํ๋ก๊ทธ๋๋จธ์ค ํ์คํ ๋ฐ๋ธ์ฝ์ค 2์ฃผ์ฐจ (2) | 2024.04.22 |
| [Git] git์ผ๋ก ํ๋ก์ ํธ ์์ํ๊ธฐ(github ์ฐ๊ฒฐ, git init) (0) | 2024.04.14 |
| [ํ๊ณ ] ํ๋ก๊ทธ๋๋จธ์ค ํ์คํ ๋ฐ๋ธ์ฝ์ค 1์ฃผ์ฐจ (0) | 2024.04.13 |