์ด ์ ์ฅ์๋ ํ๋ค๋ง์ผ ํ๋ก์ ํธ์ ํ๋ก ํธ์๋ ์ฝ๋๋ฅผ ๊ด๋ฆฌํ๋ ๊ณณ์ ๋๋ค. ํ๋ก์ ํธ๋ฅผ ํด๋ก ํ์ฌ ๊ฐ๋ฐ ํ๊ฒฝ์ ์ค์ ํ๊ณ , ๊ฐ ๋ธ๋์น์์ ํด๋น ์คํ๋ฆฐํธ ๋ฏธ์ ์ ์ํํด ์ฃผ์ธ์! ๐ ๏ธ
์๋
ํ์ธ์! ํ๋ค๋ง์ผ ํ๋ก์ ํธ์ ์ค์ ๊ฒ์ ํ์ํฉ๋๋ค! ๐ฅณ
ํ๋ค๋ง์ผ์ ๋ฐ๋ปํ ์ค๊ณ ๊ฑฐ๋๋ฅผ ์ํ ์ปค๋ฎค๋ํฐ ํ๋ซํผ์ด์์. ์ฌ๋ฌ๋ถ์ ์ด๊ณณ์์ ์ํ์ ๋ฑ๋กํ๊ณ , ๋ค๋ฅธ ์ฌ์ฉ์๋ค๊ณผ ์ํตํ๋ฉฐ, ์์ ๋กญ๊ฒ ์ด์ผ๊ธฐ๋ฅผ ๋๋ ์ ์์ด์. ๋งค์ฃผ ์คํ๋ฆฐํธ ๋ฏธ์
์ ํตํด ๊ธฐ๋ฅ์ ํ๋์ฉ ๋ง๋ค์ด ๊ฐ๋ฉฐ ์ฑ์ฅํด ๋๊ฐ๋ ์ฌ์ ์ ํจ๊ปํด์. ๐

์ ์ด๋ฏธ์ง๋ ํ๋ค๋ง์ผ์ ๋ํ ์ด๋ฏธ์ง์
๋๋ค. ๐ธ
์คํ๋ฆฐํธ ๋ฏธ์ ์ ํ๋์ ๊ฐ์ธ ํ๋ก์ ํธ๋ฅผ ๊ธธ๊ฒ ์งํํ๋ฉด์, ๊ทธ ๊ณผ์ ์์ ์ฃผ๊ธฐ์ ์ผ๋ก ํผ๋๋ฐฑ์ ๋ฐ์ ์ ์๋ ์์คํ ์ด์์. ๊ฐ ์คํ๋ฆฐํธ๋ง๋ค ๋ฐฐ์ด ์ด๋ก ์ ์ ์ฉํด ๋ณด๊ณ , ๋ฉํ ๋๊ป ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ์๊ฐ๋ฉฐ ์ค๋ ฅ์ ์ฅ์ฅ ํค์๊ฐ ์ ์๋ ์ค์ํ ๊ฐ์ธ ๊ณผ์ ๋๋๋ค. ๐ช
- ์ํ ๋ฑ๋ก: ๋ด๊ฐ ๊ฐ์ง ๋ฌผ๊ฑด์ ์ฌ๋ฆฌ๊ณ , ์ฌ์ง๊ณผ ์ค๋ช ์ ์ถ๊ฐํด ์ง์ ํ๋งคํ ์ ์์ด์!
- ๋ฌธ์ ๋๊ธ: ์ํ์ ๋ํ ๊ถ๊ธํ ์ ์ด๋ ์๊ฒฌ์ ์์ ๋กญ๊ฒ ๋จ๊ธธ ์ ์๋ต๋๋ค. ๐
- ์์ ๊ฒ์ํ: ๋ค์ํ ์ฃผ์ ๋ก ์น๊ตฌ๋ค๊ณผ ์ด์ผ๊ธฐ๋ฅผ ๋๋๊ณ , ์ ๋ณด๋ฅผ ๊ณต์ ํ ์ ์๋ ๊ณต๊ฐ์ด์์! ๐ฃ๏ธ
ํ๋ก์ ํธ๋ ๋จ๊ณ๋ณ๋ก ๋๋์ด ์๊ณ , ๊ฐ ์คํ๋ฆฐํธ ๋ฏธ์ ์ ๋ง๋ ๋ธ๋์น๊ฐ ์์ด์. ๊ฐ ๋ธ๋์น๋ฅผ ํตํด ์ฒด๊ณ์ ์ผ๋ก ๊ฐ๋ฐํ๋ฉฐ ํ์ตํ ์ ์์ด์. ๐ฏ
-
basic (part1): ์คํ๋ฆฐํธ ๋ฏธ์ 1 ~ 4 FE ์๊ตฌ์ฌํญ
- ๊ธฐ๋ณธ์ ์ธ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ธฐ๋ฅ ๊ตฌํ์ ์ํ ์ด๊ธฐ ๋ธ๋์น์ ๋๋ค. HTML, CSS, JavaScript ๋ฑ์ ์ฌ์ฉํด ๊ธฐ๋ณธ์ ๋ค์ง๋๋ค.
- ์คํ๋ฆฐํธ ๋ฏธ์ 1๋ถํฐ 4๊น์ง์ ํ๋ก ํธ์๋ ๋ด์ฉ์ ํฌํจํ๊ณ ์์ด์.
-
react (part2): ์คํ๋ฆฐํธ ๋ฏธ์ 5 ~ 7 FE ์๊ตฌ์ฌํญ
- React ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํด ํ๋ก ํธ์๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๋ธ๋์น์ ๋๋ค. ์ปดํฌ๋ํธ ๊ธฐ๋ฐ ์ํคํ ์ฒ์ ์ํ ๊ด๋ฆฌ๋ฅผ ๋ฐฐ์๋๋ค.
- ์คํ๋ฆฐํธ ๋ฏธ์ 5๋ถํฐ 7๊น์ง, ๊ทธ ์ดํ์ ํ๋ก ํธ์๋ ๋ด์ฉ์ ํฌํจํ๊ณ ์์ด์.
- ๋ง์ฝ ์คํ๋ฆฐํธ ๋ฏธ์ 9๋ถํฐ ํ๋ก ํธ์๋ ์ฝ๋๋ฅผ Next๊ฐ ์๋ React๋ก ๊ตฌํํ๊ณ ์ถ๋ค๋ฉด react ๋ธ๋์น๋ฅผ ์ฌ์ฉํด์.
-
next (part3,4): ์คํ๋ฆฐํธ ๋ฏธ์ 8 FE ์๊ตฌ์ฌํญ~
- Next.js๋ฅผ ์ฌ์ฉํด ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR)๊ณผ ์ ์ ์ฌ์ดํธ ์์ฑ(SSG) ๋ฑ ๊ณ ๊ธ ๊ธฐ๋ฅ์ ๊ตฌํํฉ๋๋ค.
- ์คํ๋ฆฐํธ ๋ฏธ์ 8๋ถํฐ ์์ํ๋ ํ๋ก ํธ์๋ ๋ด์ฉ์ ํฌํจํ๊ณ ์์ด์.
- ๋ง์ฝ ์คํ๋ฆฐํธ ๋ฏธ์ 9๋ถํฐ ํ๋ก ํธ์๋ ์ฝ๋๋ฅผ React๊ฐ ์๋ Next๋ก ๊ตฌํํ๊ณ ์ถ๋ค๋ฉด next ๋ธ๋์น๋ฅผ ์ฌ์ฉํด์.
์คํ๋ฆฐํธ ๋ฏธ์ ๋ด ๋ฐฑ์๋ ์๊ตฌ์ฌํญ์ ๋ฐฑ์๋ ๋ ํฌ์งํ ๋ฆฌ์ ๋ธ๋์น์์ ๊ด๋ฆฌํด์ฃผ์ธ์
๋ณธ ํ๋ก์ ํธ๋ ์ฝ๋์์ ์์ ์ด๋ฉฐ, ๊ต์ก ๋ชฉ์ ์ผ๋ก๋ง ์ฌ์ฉ๋ฉ๋๋ค. ยฉ 2025 Codeit. All rights reserved.