
1. ์ง์ ๊ณ๊ธฐ — ์ ๋ถ์คํธ์บ ํ์๋๊ฐ
์ฐ์ , ๋๋ ๋ถ์คํธ์บ ํ๋ฅผ ์ง์ ๋น์ ๋๋ ์กธ์ ์ ์๋๊ณ ์ทจ์ ์ค๋น๋ฅผ ํ๊ณ ์๋ ์ํ์๋ค. ๋ฐ๋ก ์ทจ์ ์ค๋น๋ฅผ ํ ์ง ๊ณ ๋ฏผํ๋ค๊ฐ, ์ฐ๋ ์ด ํ๋ฝ์ ๊ณ ๋น๋ฅผ ๋ง์ จ๊ณ ... ๐ฅน
- [๋ค์ด๋ฒํ์ด] ์ฑ์ฉ ์ฐ๊ณํ FE ๊ฐ๋ฐ ์ธํด์ญ - ์๋ฅ ํฉ, FE ํ ์คํธ ํ๋ฝ
- ICT ๊ธ๋ก๋ฒ ์ธํด์ญ 1์ฐจ - ์๋ฅ ์ ๋ถ ํ๋ฝ
- ICT ๊ธ๋ก๋ฒ ์ธํด์ญ 2์ฐจ - ์๋ฅ ํ๊ณณ ํต๊ณผ, ์ต์ข ๋ฉด์ ํ๋ฝ
- ์ฐ์ํ ํ ํฌ์ฝ์ค 6๊ธฐ ํ๋ฆฌ์ฝ์ค ํ๋ฝ
- [๋ค์ด๋ฒ๋ฉ์ค] Frontend Engineer (์ธํด์ญ/์์จ์ฃผํ) ์๋ฅ ํ๋ฝ
- ์นด์นด์ค ๊ณต์ฑ 1์ฐจ ์ฝ๋ฉํ ์คํธ ํ๋ฝ
- [ํ ์ค] Frontend Developer Assistant ํ๋ฝ
์ค์ค๋ก ๋ ์ฑ์ฅ๊ณผ ํ์ต์ด ํ์ํ๊ฒ ๋ค๋ ๊ฒฐ๋ก ์ ๋ด๋ ธ๋ค.
์คํจ ์์ธ์ ๋ถ์ํด๋ณด์์ ๋ ํฌ๊ฒ 3๊ฐ์ง ์ด์ ๊ฐ ์์๋ค.
- ์ง๋์น๊ฒ ํ๋ก ํธ์๋ ์ชฝ์๋ง ํธํฅํด์ ํ์ต๊ณผ ๊ฐ๋ฐ ๊ฒฝํ์ ์์์ค๋๋ผ ์น ๊ฐ๋ฐ ์ ๋ฐ์ ์ผ๋ก ์ถฉ๋ถํ ์ง์๊ณผ ๊ฒฝํ์ด ๋ถ์กฑํ๋ค. ( ICT ์ธํด์ญ์ ํ์คํ ๊ฐ๋ฐ ๊ฒฝํ์ ์๊ตฌํ๋๋ฐ, ๊ทธ ๋น์ ๋๋ ํ๋ก ํธ์๋ ์์ฃผ์ ๊ฒฝํ ๋ฐ์ ์์๊ณ , ๋ฐ๋ผ์ ๋ฉด์ ๋ ๋ฐฑ์๋ ๊ด๋ จ ์ง๋ฌธ์ผ๋ก Elastic Search ์ ์ธ๋ฑ์ค์ B-Tree ๊ตฌ์กฐ์ ๊ดํด์ ๋ฌผ์ด๋ดค๋๋ฐ, ์ ๋๋ก ๋ต์ ํ์ง ๋ชปํ๋ค. )
- ์ด๋ก ์ ์ธ ์ง์๋ค์๋ง ์ง์คํด์๊ณ ์ค๋ฌด์ ์ธ ํ๋ก์ ํธ ๊ฐ๋ฐ ๊ฒฝํ์ด ๋ชจ์๋๋ค. ( ์ ๋ง ์ฌ์ํ ์ค์ ํ๋๋ก TC ๋ฅผ ๋ค ๋ ๋ ค๋ฒ๋ฆฌ๋ ๋ฐ๋์ ์ ๋ง ์์ฌ์ ์ง๋ง, ๊พธ์คํ FE ๊ฐ๋ฐ์ ํ๋ค๋ฉด ๋ค์ด๋ฒ ํ์ด ๊ณผ์ ํ ์คํธ๋ ํต๊ณผํ์ ๊ฒ ๊ฐ๋ค. )
- ๋ด ์ค์ค๋ก ์๊ฐํ๊ธฐ์ ์ ๋ง ์๋ฏธ ์๋ ๊ธฐ์ ์ ๋์ ์ ํด๋ณด์ง ๋ชปํ๋ค.
- 1์ผ 1์ฝํ ์ ๊ฝํ ์์๋๋ฐ, ์ด๋ ค์ด ๋ฌธ์ ๋ฅผ ํธ๋๊ฑฐ์ ์ฌ์ทจํด์ ์ ์ ์ค์ํ FE ๊ฐ๋ฐ์ ์ ๊ฒฝ์ฐ์ง ๋ชปํ๋ค..
- ์ด๋ ฅ์ ์ฐ๋ ๋ฐฉ๋ฒ์ ์ ๋ชฐ๋๋ค.
๋ณด๋ค ๋ ๋์ ์์ผ์์ ์น ๊ฐ๋ฐ์ ๋ฐ๋ผ๋ณผ ์ ์๋ ์ญ๋์ ๊ธฐ๋ฅด๊ธฐ ์ํด์ ๋ค์ด๋ฒ ๋ถ์คํธ ์บ ํ์ ์ง์ํ๊ณ ์ ํ๋ค!
์ฌ์ค ๋ค๋ถ์บ ์ ์๋ ์๋ฌธ์ด ์์ํ๊ธฐ์ ํ๋ฒ์ฏค ๊ฒช์ด๋ณด๊ณ ์ถ์ ๊ต์ก ๊ณผ์ ์ด๊ธฐ๋ ํ๋ค. ๋๋ถ๋ถ์ ์ฃผ์ธ๊ณต๋ค์ด ์๋ง์ ํ๋ฝ์ ๊ณ ๋น๋ฅผ ๋ง์ฃผํ๊ณ ๋์ ๊ทน์ ์ธ ์ฑ์ฅ์ ์ด๋ฃจ๋๋ฐ, ๋ค์ด๋ฒ ๋ถ์คํธ์บ ํ๊ฐ ๋์ ์ฑ์ฅ์ ๋ณ๊ณก์ ์ด ๋์ด์ฃผ๊ธฐ๋ฅผ ๋ฐ๋๋ค. ๐
2. ๋ฉค๋ฒ์ญ ์์ ์ ๋์ ์์ค
- ๊ธฐ์ ์ญ๋
- ํ์ ๊ฒฝํ
- ๋ฌธ์ ํด๊ฒฐ ๋ฐฉ์
- ๋ถ์กฑํ๋ค๊ณ ๋๊ผ๋ ๋ถ๋ถ
์ฐ์ , ๋๋ ๊ทธ ๋์ 10๊ฐ ๋ด์ธ ์ ๋๋ก ํฌ๊ณ ์์ ์น ๊ฐ๋ฐ ํ๋ก์ ํธ๋ฅผ ๊ฒฝํํด์์๋ค. ๊ธฐํ์๋ ๋์์ด๋ ๋ถ๊ณผ๋ ํ์ ํ๊ธฐ๋ ํ์๊ณ , ๋๋ถ๋ถ์ ํ๋ก์ ํธ์์ ์ด์ฌํ ์ฐธ์ฌํด์ ์ ์๋ฏธํ ๊ฒฐ๊ณผ๋ฅผ ๋ง๋ค์ด์์๋ค.
๋๋ถ๋ถ์ ํ๋ก์ ํธ์์ ํ๋ก ํธ์๋๋ฅผ ๋งก์๊ณ , React, Redux, Recoil, SASS, Tailwind, Next.js ๋ฑ ๋๋ถ๋ถ์ ๊ธฐ์ ๋ค์ ํ๋ฒ์ฉ ์ฌ์ฉํด๋ณธ์ ์ด ์๊ณ ์ด๋ ต์ง ์๊ฒ ์ฌ์ฉํ ์ ์๋ ์์ค์ด์๋ค.
์ ๋นํ ๋์ด๋ ์๋ ์์ค์ ๋ ์ด์์์ด๋ ์ปดํฌ๋ํธ๋ค์ ์ค์ค๋ก ๊ตฌํํ ์ ์์๋ค. ๋ค๋ง, ์ข ์ข ๋ฒ๊ทธ๋ฅผ ํด๊ฒฐํจ์ ์์ด์ ํ์คํ ์ด์ ๋ฅผ ์ฐพ์์ ํด๊ฒฐํ๋ ๊ฒ์ด ์๋๋ผ, ์ฝ๋๋ฅผ ๋์ถฉ ์์ ํด์ ๊ฒฐ๊ณผ๋ก ์ ์ผ๋ก ์ ๋์๊ฐ๊ฒ ๋์๋ค๋ฉด ๋ง์กฑํ๋ ๋์ ์ต๊ด์ ๊ฐ์ง๊ณ ์์๋ค. ํน์ ๊ธฐ๋ฅ์ด ์ด์ํ๊ฒ ๋์๊ฐ ๋, ์ ๊ฒฐ๊ณผ๊ฐ ์ด๋ ๊ฒ ๋๊ณ ์ ๋์๊ฐ์ง ์๋์ง ๋ฆฌ์กํธ์ ์๋ ํ๋ฆ์ A-Z ๋ก ์๋ฒฝํ๊ฒ ์ดํด๋ฅผ ํ์ง๋ ๋ชปํ๊ณ ์๋ค๊ณ ๋๊ผ๋ค.
๋ํ, ๋จ์ํ ๊ธฐ๋ฅ ๊ตฌํ์ ๋์ด์ ํด๋ฆฐ ์ฝ๋ ์ธก๋ฉด์์ ํ๋ก ํธ์๋ ์ปดํฌ๋ํธ๋ฅผ ์ด๋ป๊ฒ ์ชผ๊ฐ์ผํ๊ณ , ์ด๋ป๊ฒ ๋ ๋๋ง์ ์ต์ ํํ๊ณ , Hook์ ์ด๋ ์ ๋ ์์ค์ผ๋ก ์ ์ ํ ์ถ์ํํ๊ณ , ์ด๋ป๊ฒ ์ง๊ด์ ์ผ๋ก ์ํ ๊ด๋ฆฌ๋ฅผ ํด์ผํ๋์ง, TS ๋ฅผ ์ ํ์ฉํ๋ ๋ ธํ์ฐ์ ๋ํ ์ค์ค๋ก์ ๊ฒฝํ์ด๋ ํ๋จ ๊ธฐ์ค์ด ๋ถ์กฑํ๋ค๊ณ ๋๊ผ๋ค.
๋ํ, ๋๋ถ๋ถ์ ํ๋ก์ ํธ๊ฐ ํ๋ฌ ๋ด์ธ์ ์งง์ ๊ธฐํ ๋์ ์ด๋ฃจ์ด์ ธ์ ๋ฐ์ดํฐํต์ , ์๋ฌ์ฒ๋ฆฌ, ์์ฒญ์ทจ์, ๋ก๋ฉ๊ณผ ์บ์ฑ์ฒ๋ฆฌ(SWR) ๊ณผ ๊ด๋ จํ ์๋ฏธ ์๋ ๊ฒฝํ์ ์์๋ณด์ง ๋ชปํ๋๊ฒ ์์ฝ๊ธฐ๋ ํ๋ค.
ํนํ๋ ๋ฆฌ์กํธ์์ Socket.io ๊ฐ ์๋๋ผ ์์ Websocket ์ ๋์ ํ๋ฉด์ ์ด๊ฑฐ๋ฅผ ์ด๋ป๊ฒ ๋ฆฌ์กํธ์์ ์ ๊ตฌ๋๋๋๋ก ( Hook ์ผ๋ก ๊ด๋ฆฌํ ์ง, ContextAPI ๋ก ๊ด๋ฆฌํ ์ง ) ๊ณ ๋ฏผํ๋ ๊ณผ์ ์์ ๊ต์ฅํ ์ ๋ฅผ ๋จน์๋ ๊ธฐ์ต์ด ์๊ณ , ๋ฆฌ์กํธ์ ๋ํ ๋ณด๋ค ๋ ๋ณธ์ง์ ์ธ ์ดํด๊ฐ ํ์ํ๋ค๊ณ ๋๊ผ๋ค.
๋ฐฑ์๋๋ MongoDB+Node.js ๋ฅผ ํ์ฉํ ๊ฐ๋จํ CRUD API ๋ฐฑ์๋ ๊ฐ๋ฐ ์ ๋ ํ ์ค ์์๋ค.
3. ๋ฉค๋ฒ์ญ์์ ๊ฒฝํํ ํต์ฌ ๊ณผ์
- ๋ฉค๋ฒ์ญ ๋ชฉํ
- ๊ณผ์
- ํ์ต ๋ฐฉ์ (์์จ์ฑ, ๋ฏธ์ , ์ฝ๋ ๋ฆฌ๋ทฐ ๋ฑ)
- ํ์ ๋ฐฉ์
- ํ๋ค์๋ ์
์ฐ์ , ๋ค์ด๋ฒ ๋ถ์คํธ์บ ํ ๋ฉค๋ฒ์ญ์ ํฌ๊ฒ 3๊ฐ์ง ๊ณผ์ ์ผ๋ก ๋๋๋ค.
- ํ์ต ์คํ๋ฆฐํธ (๊ฐ์ธ)
- ๊ทธ๋ฃน ์คํ๋ฆฐํธ (ํ)
- ๊ทธ๋ฃน ํ๋ก์ ํธ (ํ)
๋ฉค๋ฒ์ญ ๋ชฉํ
๋ด๊ฐ ๋ถ์คํธ์บ ํ ๊ณผ์ ์์ ์ฌ์ฉํ๋ ๋
ธ์
์ ๋์๋ณด๋, ๋ค์๊ณผ ๊ฐ์ด ๋ด๊ฐ ๋ฉค๋ฒ์ญ ๊ณผ์ ์์ ์ด๋ฃจ๊ณ ์ถ์ ๋ชฉํ(๋ฐฉํฅ์ฑ)๊ณผ
๋ฉค๋ฒ์ญ ๊ณผ์ ์ ๋ฐ์์์ ๊ท์น ๋ฐ ๋๋ง์ ์งํ ๋
ธํ์ฐ๊ฐ ๋ด๊ฒจ์ ธ ์๋ ํ์ด์ง๋ฅผ ํ์ธํ ์ ์์๋ค. ๋ช ์ฃผ ๊ฐ์ ์ค์ค๋ก์ ์ฒด๊ณ์ ๊ท์น์ ์๊ณ ์ ๋
ธ๋ ฅํ๋ ๊ฒ ๊ฐ๋ค. ๊ทธ ๊ฒฐ๊ณผ, ๊ทธ ๊ณผ์ ์์ ํ์คํ AI ๋ฅผ ์ ํ์ฉํ๋ ๋๋ง์ ๋
ธํ์ฐ๋ฅผ ๋ถ๋ช
ํ ์ ๋ฆฝํ ์ ์์๋ค. ํนํ CLAUDE.md ์ ์ด๋ค ๋ด์ฉ์ด ๋ค์ด๊ฐ๋ฉด ์ข์์ง ์ฌ๋ฌ๊ฐ์ง ๊ฒ๋ค์ ์๋ํด๋ณด๊ณ ์คํํด๋ณด์๋ค.


)

ํ์ต ์คํ๋ฆฐํธ (๊ฐ์ธ)
ํ์ต ์คํ๋ฆฐํธ์์๋ ์ฅ์ฅ 10์ฃผ์ฐจ์ ๊ฑธ์ณ์ ์ผ์ ์ฃผ๊ธฐ๋ณ๋ก ํ๋ก์ ํธ๊ฐ ๋ฐ๋๊ณ ๋ฏธ์
์ด ์ฃผ์ด์ง๋ค.
ํ ํ๋ก์ ํธ ๋จ์๋ก ๊ธฐํ๊ณผ ์๊ตฌ์ฌํญ์ ๋ถ๋์ด ๊ต์ฅํ ๋ง์๋ฐ๋ ๋ถ๊ตฌํ๊ณ 2์ฃผ ๋จ์๋ก ํ๋ก์ ํธ๊ฐ ๋ฐ๋๊ณ ์ด๋ง๋ฌด์ํ ๋ถ๋์ ์๊ตฌ์ฌํญ์ด ์ฃผ์ด์ง๋ค.
- 1 ~ 2์ฃผ์ฐจ : ์ฝ๋ ์คํ๊ทธ๋จ
- 2 ~ 4์ฃผ์ฐจ : ์ด์ ํธ๋์ปค
- 4 ~ 7์ฃผ์ฐจ : ์ฝ๋์คํ๊ทธ๋จ WAS
๊ฑฐ๊ธฐ์ ๋์ค๋ ์๊ตฌ์ฌํญ์ ๊ตฌํํ๊ณ ์น ๊ธฐ์ ์ ๋ํด ๋ณด๋ค ๋ ๊ทผ๋ณธ์ ์ธ ์ดํด๋ฅผ ํ๋ฉด์ ์ค๋ ฅ์ด ๊ฐ์ฅ ๋ง์ด ์ฑ์ฅํ๋ค๊ณ ๋๊ผ๋ค.
ejs ๊ฐ์ ํ ํ๋ฆฟ ์์ง์ ์ฌ์ฉํ๋ฉด์ ์๋ฒ์์ ์ง์ HTML ์ ๋ด๋ ค์ฃผ๋ ์ ํต์ ์ธ ๋ฐฉ์์ ์น ๊ฐ๋ฐ ํจ๋ฌ๋ค์์ ๊ฒฝํํ ์ ์์๊ณ ,
Node.js net ๋ชจ๋ ๋ง์ผ๋ก ๋์ํ๋ HTTP ์๋ฒ๋ฅผ ๋ง๋ค์ด๋ณด๊ธฐ๋ ํ๊ณ ,
๋ฆฌ์กํธ ํ๋ ์์ํฌ ์์ด Vanila JS ๋ง์ผ๋ก SPA ์น์ฑ์ ๊ตฌ์ถํด๋ณด๊ธฐ๋ ํ๋ฉด์ ESM ๋ฐฉ์์ผ๋ก ๋ชจ๋์ ๋ถ๋ฆฌํ๊ณ DOM API ๋ ์ง์ ๋ค๋ฃจ๊ณ , Diffing ์๊ณ ๋ฆฌ์ฆ๊ณผ DOM ์ต์ ํ์ ๋ํด์ ๊ณ ๋ฏผํ ์ ์์๋ค.
ํนํ ๋ฉค๋ฒ์ญ ๊ณผ์ ์์ ์์ ์ธ์์ ๋ํด์ ๋ผ์ด์ง์์ ๋ฐํํ ๊ธฐํ๊ฐ ์์๋๋ฐ, ์ฐ์ฐํ ์ข์ ์ ์๋ฅผ ๋ฐ์์ 200๋ช ๋ถ์คํธ์บ ํผ ๋ถ๋ค ๋์์ผ๋ก 30๋ถ ๋์ ์น ๊ฐ๋ฐ ๊ด๋ จํ ๊ฐ์ฐ์ ์งํํ ์ ์์๋ค! :D
์ ํต์ ์ธ ์น ํ์ด์ง ๋์ ๋ฐฉ์๋ถํฐ ํ๋ ์น ๋ ๋๋ง ํจ๋ฌ๋ค์ ๊น์ง
์น ๋ ๋๋ง ํจ๋ฌ๋ค์์ ์งํ: MPA์์ SPA, SSR์ ๊ฑฐ์ณ ํ๋ ํ์ด๋ธ๋ฆฌ๋ ๋ฐฉ์์ผ๋ก

)

)

์ฌ์ค ์ฒ์์๋ ๋ง์ฐํ ๋๋ ค์์ด ์์ฐ๋๋ฐ, ๊ทธ๋งํผ ๋ด๊ฐ ์ ๋๋ก ๋ + ์ ์ตํ ์ ๋ณด๋ฅผ ์ ๊ณตํ๊ธฐ ์ํด์ ๋ด๊ฐ ์ ๊ณตํ๋ ๊ธฐ์ ์ ์ธ ์ ๋ณด๊ฐ ์ ๋ง ์ฌ๋ฐ๋ฅธ ๊ฒ์ด ๋ง๋์ง ๋์ ์์ด ์์ฌํ๊ณ ๊ฒ์ฆํ๊ณ ์ ๋
ธ๋ ฅ์ ๋ง์ด ๊ธฐ์ธ์๋ค.
๊ทธ ์ฃผ์ ์ฒด๊ฐ์ 10~20์๊ฐ์ ๋ฐํ ์ค๋น์ ์์๋ ๊ฒ ๊ฐ๋ค.
( ์ฌ์ค ๋๋ ์ด๋ฐ ๋ง์ ์ฌ๋๋ค ๋์์ผ๋ก ํ๋ ๋ฐํ์์ ํฐ ์ค์๋ฅผ ํ ์ ์ด ์์ด์ ํฐ ํธ๋ผ์ฐ๋ง๋ก ๋จ์ ์๋ค.. ๐ญ '๋ด๊ฐ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ ๋ํ ์ง๋ฌธ์ด ๋ค์ด์ค๋ฉด ์ด๋กํ์ง?' ํ๊ณ ๊ฒ์ ๋จน๊ธฐ๋ ํ์์ง๋ง, ๋ด๊ฐ ํ ์ ์๋ ์ต์ ์ ๋
ธ๋ ฅ+์ค๋น๋ก ์ด๊ฒจ๋ด๊ณ ์ ํ๋ค. )
๊ทธ๋ฆฌ๊ณ ํนํ CSR ๊ณผ SSR ์ ๋ํด์ ์ ์ดํด๊ฐ ๊ฐ์ง ์๋ ๋ถ๋ถ์ ์ง์ํ๊ฒ ํ๊ณ ๋ค๋ฉด์ ๊ทผ๋ณธ์ ์ธ ์๋ฆฌ๋ฅผ ์ดํดํ๊ธฐ๋ฅผ ๋ฐ๋๋ค.
๋ณดํต ์ด๊ธฐ ๋ก๋ฉ ์๋ ํฅ์์ ์ํด์ SSR ์ ์ ํํ๋๋ฐ, SSR ์ด CSR ๋ณด๋ค FCP ๊ฐ ๋น ๋ฅธ๊ฒ ์ ๊ทธ๋ ์ง?
CSR ์ด TTFB ๊ฐ ๋ ๋น ๋ฅด๋ค๋ฉด์ ์ ๋ ๋๋ง ์๋๋ ๋ ๋๋ฆฌ์ง?

์ผ๋ฐ์ ์ผ๋ก SSR์ HTML ์ ์๋ฒ์์ ๋ ๋๋ง ํด์ฃผ๊ธฐ ๋๋ฌธ์ API ์์ฒญ์ ๋ณด๋ด๊ณ ๋์ ํ๋ฉด์ ๊ทธ๋ ค์ผํ๋ CSR ๋ณด๋ค๋ FCP ๊ฐ ๋น ๋ฅด๋ค๋ ๊ฒ์ด ์ผ๋ฐ์ ์ด๋ค. ํ์ง๋ง ๋๋ ์ฌ๊ธฐ์ ํ ๋ฐ์๊ตญ ๋ ๋์๊ฐ์, ๋ค์๊ณผ ๊ฐ์ ์ง๋ฌธ์ ๋์ก๋ค.
SSR ์ ์๋ฒ์์ HTML ์ ๋ ๋๋งํ๋๋ฐ ๊ทธ๋งํผ ์๊ฐ์ด ๊ฑธ๋ฆฌ๋๊น ๋น ํ ํ๋ฆฟ์ ์ฃผ๋ CSR ์ด API ์์ฒญ์ ๋นจ๋ฆฌ ๋ฐ์์ค๋ฉด ๋ ๋น ๋ฅด๊ฒ ํ๋ฉด์ ๊ทธ๋ฆด์๋ ์๋๊ฑฐ ์๋์ผ?

๊ฒฐ๊ตญ CSR ๊ณผ SSR ์ ๊ทผ๋ณธ์ ์ธ ๋ก๋ฉ ์ฑ๋ฅ ์ฐจ์ด๋ ๋๋ฆฐ JS ๋ก DOM ์ ๋์ ์ผ๋ก ์กฐ๋ฆฝํ๋๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ vs C/C++ ๊ธฐ๋ฐ HTML ํ์๋ก ์์ฑ๋ HTML ์ ํ์ฑํ๋๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ ์ฐจ์ด์์๋ ๋น๋กฏ๋๊ฑฐ๋ผ๊ณ ๋ณผ์๋ ์์๋ค. ๋ฏธ๋ฆฌ ์์ฑ๋ HTML ์ ํ๋ฉด์ ๋์ฐ๋๊ฑด ์ผ๋ง ๊ฑธ๋ฆฌ์ง ์๋๋ค๋ ๊ฒ์ด๋ค!
์๋๋ ๋ด๊ฐ ๋ฐํ๋ฅผ ์ค๋นํ๋ฉด์ ์ฃผ๊ฐ ํ์ต ํผ๋๋ฐฑ์ ์ด ๋ด์ฉ ์ค ์ผ๋ถ์ด๋ค!
Q1. ์ด๋ฒ์ฃผ์ ์๋กญ๊ฒ ํ์ตํ ๋ด์ฉ ์ค ๊ฐ์ฅ ๊ธฐ์ต์ ๋จ๋ ๊ฒ์ ๋ฌด์์ธ๊ฐ์? ํด๋น ๋ด์ฉ์ ๋ฌธ์ ํด๊ฒฐ์ ์ด๋ป๊ฒ ์ ์ฉํ๋์?
์ด๋ฒ ์ฃผ์ ์๋กญ๊ฒ ํ์ตํ ๋ด์ฉ ์ค ๊ฐ์ฅ ๊ธฐ์ต์ ๋จ๋ ๊ฒ์ SSR(Server-Side Rendering)๊ณผ SPA(Single Page Application)์ ์ฐจ์ด์ ๋๋ค. ๊ธฐ์กด์๋ ๋จ์ํ SSR์ ์๋ฒ์์ HTML์ ๋ง๋ค์ด ๋ด๋ ค์ฃผ๊ณ , SPA๋ ํด๋ผ์ด์ธํธ์์ ํ๋ฉด์ ๊ทธ๋ฆฐ๋ค๋ ์ ๋๋ง ์๊ณ ์์๋๋ฐ, ์ด๋ฒ ํ์ต์ ํตํด ๊ณ ์ ์ ์ธ SSR๊ณผ ํ๋์ ์ธ React/Vue ๊ธฐ๋ฐ SSR์ ์ฐจ์ด๋ฅผ ๋ช ํํ ์ดํดํ๊ฒ ๋์์ต๋๋ค. ๊ณ ์ ์ ์ธ SSR์ PHP, JSP, Django์ฒ๋ผ ์๋ฒ ํ ํ๋ฆฟ ์์ง์ ์ฌ์ฉํด ์์ฑ๋ HTML์ ๋ด๋ ค์ฃผ๋ ๋ฐฉ์์ผ๋ก, ๋ณ๋์ ๋ฒ๋ค๋ง ๊ณผ์ ์ด ํ์ํ์ง ์์ต๋๋ค. ๋ฐ๋ฉด ํ๋์ ์ธ SSR์ Next.js, Nuxt.js ๊ฐ์ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ์ฌ ๋์ผํ ์ปดํฌ๋ํธ ์ฝ๋๋ฅผ ์๋ฒ์ ํด๋ผ์ด์ธํธ์์ ๋ชจ๋ ์คํํ๊ณ , ํด๋ผ์ด์ธํธ ์ธก์์๋ Hydration ๊ณผ์ ์ ํตํด ์ด๋ฒคํธ์ ์ํ๋ฅผ ์ด์ด๋ฐ์ต๋๋ค. ์ด ๋๋ฌธ์ ์๋ฒ ๋ฒ๋ค๊ณผ ํด๋ผ์ด์ธํธ ๋ฒ๋ค์ ๋ฐ๋ก ๋น๋ํด์ผ ํ๊ณ , ๋ฐฐํฌ ๊ณผ์ ๋ ๋จ์ ์ ์ ํ์ผ ๋ฐฐํฌ์ ๋ฌ๋ฆฌ ํ๋ก๋์ SSR ์๋ฒ๋ฅผ ์ด์ํด์ผ ํ๋ค๋ ์ ์ ์๊ฒ ๋์์ต๋๋ค. ์ด ํ์ต์ ํ๋ก์ ํธ์ ์ ์ฉํ๋ฉด์, ๋จ์ํ “SSR์ ์ด๊ธฐ ๋ก๋ฉ์ด ๋น ๋ฅด๋ค”๋ผ๋ ํผ์์ ์ธ ์ดํด๊ฐ ์๋๋ผ ์ JS ๋ฒ๋ค์ด ์ฌ์ ํ ํ์ํ์ง, ๊ทธ๋ฆฌ๊ณ ์ด๋ค ๊ฒฝ์ฐ์ SPA ๋ฐฉ์์ด ๋ ์ ํฉํ ์ ์๋์ง๋ฅผ ๊ณ ๋ คํ๊ฒ ๋์๊ณ , ๊ฒฐ๊ณผ์ ์ผ๋ก ๊ตฌํ ๋ฐฉ์์ ์ ํํ ๋ ์ฅ๋จ์ ์ ๊ท ํ ์๊ฒ ํ๋จํ ์ ์๋ ์์ผ๋ฅผ ์ป์ ์ ์์์ต๋๋ค.
์ด๋ฒ ์ฃผ์ ๊ฐ์ฅ ๊ธฐ์ต์ ๋จ๋ ํ์ต ๋ด์ฉ์ SSR๊ณผ CSR์ ํผํฉ ์ ๋ต์ ๋ํ ์ดํด์์ต๋๋ค. ์ฒ์์๋ ์ ๋๋ก ๊ฐ๋ ์ ์๋ฒฝํ๊ฒ ์ดํดํ์ง ๋ชปํ์ฑ๋ก SSR=MPA, CSR=SPA ๋ผ๊ณ ๋ง์ฐํ๊ฒ ์๊ณ ์์์ง๋ง, ์ค์ ๋ก SSR ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌํํ๋ฉด์ ์ด ๊ตฌ๋ถ์ด ์ ์ ๋ฌด๋์ง๊ณ ์์์ ์ฒด๊ฐํ์ต๋๋ค. ํ๋ ์น์์๋ ํ์ด์ง ๋จ์, ์ฌ์ง์ด ์ปดํฌ๋ํธ ๋จ์๋ก๋ SSR๊ณผ CSR์ ํผํฉํด ์ ์ฉํ ์ ์๋ค๋ ์ ์ด ๊ฐ์ฅ ํฐ ๊นจ๋ฌ์์ด์์ต๋๋ค.
์ ํต์ ์ธ SSR/MPA์์๋ API๊ฐ ํ์ํ์ง ์์์ต๋๋ค. ์๋ฒ๊ฐ DB๋ฅผ ์กฐํํด ์์ฑ๋ HTML(View+Model)์ ๋ด๋ ค์ฃผ๊ธฐ ๋๋ฌธ์ ๋๋ค. ๊ทธ๋ฌ๋ ๋์ ์ํธ์์ฉ์ด ์ถ๊ฐ๋๋ฉด Ajax ์์ฒญ์ด ํ์๋ก ๋ฑ์ฅํฉ๋๋ค. ์ข์์, ๋๊ธ, ๋ถ๋งํฌ์ ๊ฐ์ ๊ธฐ๋ฅ์ ์ฒ๋ฆฌํ๋ ค๋ฉด ํด๋ผ์ด์ธํธ๊ฐ ์๋ฒ์ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์์ผ ํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ด๋ฅผ ์ง์ ๊ตฌํํ๋ฉฐ “SSR๋ง์ผ๋ก๋ ๋์ UI๋ฅผ ๊ฐ๋นํ๊ธฐ ์ด๋ ต๊ณ , ๊ฒฐ๊ตญ API๋ฅผ ์ค์ฌ์ผ๋ก ํ CSR ์ ๋ต์ด ๋ถ๊ฐํผํ๋ค”๋ ์ฌ์ค์ ์ค๊ฐํ์ต๋๋ค.
๋ ํ๋ ์ธ์์ ์ด์๋ ์ ์ ๋ ๋๋ง ์ ๋ต์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฒด๊ฐ ์๋๋ผ ํ์ด์ง ๋จ์๋ก ๊ณ ๋ฏผํด์ผ ํ๋ค๋ ๊ฒ์ด์์ต๋๋ค. ์๋ฅผ ๋ค์ด ์ ์ ์ฑ๊ฒฉ์ด ๊ฐํ ํ์ด์ง(๊ณต์ง, ์๊ฐ, ๋ฌธ์)๋ SSR๋ก ์ฒ๋ฆฌํ๋ฉด SEO์ ์ด๊ธฐ ๋ก๋ฉ ์๋๋ฅผ ์ต์ ํํ ์ ์๊ณ , ๋ฐ๋๋ก ๋๊ธ์ด๋ ์ข์์์ฒ๋ผ ์ํธ์์ฉ์ด ๋ง์ ํ์ด์ง๋ CSR๋ก ์ฒ๋ฆฌํด์ผ ๋ฐ์์ฑ์ด ์ข์์ง๋๋ค. ์ด๋ ๊ฒ ์ฑ๊ฒฉ์ ๋ง๊ฒ ์ ๋ต์ ๋๋ ๋ ๋น๋ก์ ์ ์ฐํ ์ ํ๋ฆฌ์ผ์ด์ ์ด ์์ฑ๋ฉ๋๋ค.
์ด ๋ฐฐ์์ ๋ฌธ์ ํด๊ฒฐ์ ์ ์ฉํ์ฌ ๋ชจ๋ ํ์ด์ง๋ฅผ ๋์ผํ๊ฒ SSR/CSR๋ก ๊ณ ์ ํ๋ ๋์ , ๊ฐ ํ์ด์ง์ ํน์ฑ์ ๊ธฐ์ค์ผ๋ก ๋ฆฌํฉํ ๋ง ๋ฐฉํฅ์ ์ก์์ต๋๋ค. ํนํ “ํ์ด์ง ์ ํ๋ ๋์ UI๋ก ๋ณผ ์ ์๋๊ฐ?”๋ผ๋ ์ง๋ฌธ์ ๋์ง๋ฉฐ, ์ต์ด 1ํ SSR ์ดํ์๋ ์ฌ์ค์ SPA์ฒ๋ผ CSR ์ค์ฌ์ผ๋ก ์ด์ํ ์๋ ์์์ ๊นจ๋ฌ์์ต๋๋ค. ๊ฒฐ๊ตญ ์ด๋ฒ ํ์ต์ ํตํด ๋จ์ํ ๊ธฐ์ ๊ฐ๋ ์ ์๋ ๋ฐ ๊ทธ์น์ง ์๊ณ , ์ค์ ์๊ตฌ์ฌํญ๊ณผ ๊ตฌ์กฐ์ ๋ง๊ฒ ์ ๋ต์ ์ ํํ๊ณ ์ ์ฉํ๋ ๊ฒ์ด ๊ฐ๋ฐ์์๊ฒ ์ค์ํ ์ญ๋์ด๋ผ๋ ์ ์ ๊นจ๋ฌ์ ๊ฒ์ด ๊ฐ์ฅ ํฐ ์ฑ๊ณผ์์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ์ด ๋ชจ๋ ๊ณผ์ ์์ ๊ทธ ๋ฌด์๊ณผ๋ ๋์ฒดํ ์ ์๋ ๊ธฐ์ ์ ์ธ ํ ๋ ์ง์์ด ๋จ๋จํด์ก๋ค ๊ณ ๋๊ผ๋ค. ํนํ ๋ด๊ฐ ๋ฌด์ธ๊ฐ๋ฅผ ์ ๋๋ก ์ค๋ช ํ๊ธฐ ์ํด์ ํ์ตํ๋ ์ง์๋ค์ ๊ธฐ์ต์ ์ ๋ง ์ค๋ ๋จ๊ณ , ๋จ์ ์๊ธฐ๊ฐ ์๋๋ผ '์ดํด' ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ์ง์์ ์ฝ๊ฒ ํ๋ฐ๋์ง ์๋๊ตฌ๋ ๋๋ผ๊ฒ ๋์๋ค. ๊ทธ๋ฆฌ๊ณ ์ด ๊ทผ๊ฐ์ด ๋๋ ์ง์๋ค์ ์ถํ ๋ด๊ฐ Hydration ๊ฐ์ ์ด๋ ค์ด ๊ฐ๋ ์ ์ ๋๋ก, ๊ทธ๋ฆฌ๊ณ ์ฝ๊ฒ ์ดํดํ ์ ์๋๋ก ๋์์ ์ฃผ์๋ค.
๊ทธ๋ฆฌ๊ณ ๋งค์ฃผ ๊ทธ๋ฃน์ด ๋ฐ๋ ๋ "์์ฐ๋ ํน์ ๋ฐํํ์์ง ์์ผ์ จ๋์?" ํ๊ณ ์์๋ด์ฃผ์๊ธฐ๋ ํ๊ณ , "๋ฐํ ๋๋ฌด ์ข์๋ค", "๋ฐํ ์ ์ตํ๋ค. ์๋ค์๋ค" ๊ณ ํด์ฃผ์ ์ ์ ๋ง ๊ฐ์ฌํ๊ณ ๋ฟ๋ฏํ ์๊ฐ์ด์๋ค. โบ๏ธ๐
๊ทธ๋ฃน ์คํ๋ฆฐํธ
๊ทธ๋ฃน ์คํ๋ฆฐํธ ๋๋ 4๋ช
์ ํ์๋ค๊ณผ ํจ๊ป <์น ๊ธฐ๋ฐ ๋ค์ค ์ฌ์ฉ์ OS> ํ๋ก์ ํธ๋ฅผ ์งํํ๊ฒ ๋์๋ค.
์ฃผ์ ๋ ์ ๋ง ํฅ๋ฏธ๋ก์์ ์๊ฐ ๊ฐ๋ ์ค๋ ๋ชจ๋ฅด๊ณ ํ๋ฃจ์ข
์ผ ๊ฐ๋ฐ์ ๋ชฐ์
ํ๋ ๊ธฐ์ต์ด ๋๋ค. ํ๋ฆฐ๋ฏ์ด(?) ์ค๋
๋์ ๊ฐ๋ฐ์ ํ์๋ค. ํนํ ๋๋ ๋ด๊ฐ ๋ง๋๋ ํ๋ก๋ํธ๊ฐ ์ข์ ๋์์ธ+UX ๋ฅผ ๊ฐ์ง๋๋ก ํ๊ณ ์ถ์ ์์ฌ์ด ์์๋๋ฐ(๋๋ ์์๊ฑธ ๊ฐ๋ฐํ๋ฉด ์์ฐ์ฑ๊ณผ ๋ชฐ์
๋๊ฐ ์ค๋ฅธ๋ค?), ๊ทธ๋์ Figma ๊ธฐ๋ฐ์ผ๋ก Mac OS ์คํ์ผ์ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์ค์ค๋ก ๋์์ธํด์ ๋ง๋ค์๋ค.

๊ทธ ๊ฒฐ๊ณผ ๋์์ธ๊ณผ ๋๊ฐ์ด ๊ตฌํํด์ฃผ์๋ ๊ธ์ ํ๋ก ํธ์๋ ๋ฅ๋ ฅ์ ํ์๋ถ๋ค ๋๋ถ์ ์ํ๋ ๋๋์ ๋์์ธ๊ณผ UX ๋ฅผ ์ง๋ ํ๋ก๋ํธ๋ฅผ ๊ตฌํํด๋ผ ์ ์์๋ค. ์ฌํํ๊ณ ๊ณ ๊ธ์ง ์ ๋๋ฉ์ด์ ์ด ๋๋ฌด ๋ง์์ ๋ค์๊ณ ์์ฑ๋ ๋์ ์ ํ์ ๋ง๋ค๊ณ ์ถ์ ๋๊ธฐ๋ถ์ฌ๊ฐ ๋ ์๊ฒผ๋ค.
https://github.com/boostcampwm2025/web11-web-os-emulation


์๋์ฐ ๋ถํ ๋ถํฐ ๋ค์ค ์ฌ์ฉ์๋ฅผ ์ํ ์ค์๊ฐ ์ปค์+์๋์ฐ ๋๊ธฐํ, ํฐ๋ฏธ๋ ๋ช ๋ น์ด๊น์ง ์ค์ OS ์ ๋์ ์๋ฆฌ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์น์์๋ ์ ์ฌํ ๋์์ ๊ตฌํํ๊ณ ์ ์ ์ผ๋ ๊ฒ ๊ฐ๋ค.
์ฌ์ค OS ์ฒ๋ผ ๋ณต์กํ ๋๋ฉ์ธ์ ๊ธฐ์ ์ ์์คํ
์ ์ค๊ณ ~ ๊ตฌํ ํด๋ณด๋ ๊ฒ์ ์ฒ์์ด์๋ค.
๊ทธ๋งํผ ์ด๊ธฐ ์ํคํ
์ฒ ๊ตฌ์กฐ๋ฅผ ํ๋ฒ์ ์ค๊ณํ๋ ๊ฒ์ด ์ด๋ ต๋ค๋ ๊ฒ์ด๋ค.
๋ชจ๋๊ฐ ์ ๋ชจ๋ฅด๋ ์ํฉ์์ ์ฒ์์ ์๋ฒฝํ ์ค๊ณ๋ฅผ ํ๊ธฐ๋ ์ด๋ ค์ด๋ฐ, ํ์ง๋ง ์ฒ์ ์ค๊ณ๋ฅผ ์๋ชป ํด๋์ผ๋ฉด ์ ์ ์ ์ง๋ณด์ํ๊ธฐ ์ด๋ ค์ด ๊ตฌ์กฐ๊ฐ ๋ง๋ค์ด์ง๊ฑฐ๋ ๋ฆ์ผ๋ฉด ๊ธฐ์ ๋ถ์ฑ๊ฐ ์์ฌ์ ๋ ์ด์ ๋์ดํค๊ฑฐ๋ ๋ณ๊ฒฝํ๊ธฐ ์ด๋ ค์์ง์๋ ์๋ ์ํฉ์ด์๋ค.
๊ทธ๋์ ๋๋ ๊ตฌ์กฐ์ ๊ฐ์ ์ ์ํด์ ๊ธฐ์กด ์ํคํ
์ฒ์ ๋ฌธ์ ์ ์ ๋ฐ๊ฒฌํ๊ณ , ๋ ๋์ ์ํคํ
์ฒ ๊ตฌ์กฐ๋ฅผ ์ ์ํ๋ ๊ธ์ ์์ฑํ๋ค.
๊ทธ ๊ณผ์ ์์ ์ฌ๋ฌ๊ฐ์ง ์๊ฐ์ ์๋ฃ์ ๊ตฌ์กฐ๋๋ฅผ ์ ๊ทน์ ์ผ๋ก ํ์ฉํ๋ค.
https://github.com/boostcampwm2025/web11-web-os-emulation/discussions/40


๊ทธ๋ฆฌ๊ณ ๋ค์ค ์ฌ์ฉ์ ๊ธฐ๋ฅ์ ์ด๋ค ์์ผ๋ก ์ง์ํ ๊ฒ์ธ์ง? ๋ชจํธํ ์ง์ ์ ๋ํด์๋ ๊ธฐํ๊ณผ ๊ธฐ์ ์ ์ค๊ณ๊ฐ ๋ง๋ฌผ๋ ค ์๋ ์ง์ ์ ๋ช ํํ๊ฒ ๊ธ๋ก์ ํ์ด๋ด๊ณ , ํ์๋ค์ ๊ณตํต ํฉ์๋ฅผ ์ด๋์ด๋ด๊ณ ์ ํ๋ค.
https://github.com/boostcampwm2025/web11-web-os-emulation/discussions/63

๊ทธ
๋ฃน ์คํ๋ฆฐํธ์์๋ ๋ณต์กํ๊ณ ์ด๋ ค์ด OS ์๋ฆฌ ๊ธฐ๋ฐ SW ๋ฅผ ์ค๊ณํ๊ณ ๊ตฌํํ๋ฉด์, ํ์๋ค์๊ฒ ๋ณต์กํ ์์คํ ์ ๋ํ ์ค๊ณ์ ๊ธฐ๋ฅ ๊ตฌํ ๋ฐฉ์์ ๊ธ๊ณผ ๋ง๋ก ๋ช ๋ฃํ๊ฒ ์ ๋ฆฌํ๊ณ ํํํ๋ ์ฐ์ต์ ํ๋ฉด์ ์ ๋ฌ๋ ฅ๊ณผ ์์ฌ์ํต ๋ฅ๋ ฅ์ ์ ๋ง ๋ง์ด ํฅ์์ํฌ ์ ์๋ ๊ฒ ๊ฐ๋ค!
์๋๋ 3์ฃผ๋์ ํจ๊ป ๊ทธ๋ฃน ์คํ๋ฆฐํธ๋ฅผ ์งํํ ํ์๋ถ๋ค์ด ๋จ๊ฒจ์ค ๋๋ฃ ํผ๋๋ฐฑ์ด๋ค ๐ฅน๐ ์ ๋ง ์ข์ ๋ง๋ค์ ๊ฐ๋์จ์ฃผ์ ์ ๋๊ณ ๋๊ณ ์ฝ์๋ ๊ธฐ์ต์ด ๋๋ค.. ์ฐ๋ฆฌ ํ์๋ถ๋ค์ด ๋ค๋ค ๋ฅ๋ ฅ๋ ์ ๋ง ๋ฐ์ด๋์๊ณ ๊ฒฝ์ฒญ๋ ์ํด์ฃผ์๊ณ ๋ฐฐ๋ ค์ฌ๋ ๊น์ด์ ๋ค๊ฐ์ด ์ข์ ๊ฒฐ๊ณผ๋ฌผ์ ๋ง๋ค ์ ์๋ ๊ฒ ๊ฐ๋ค!!!
๋น๋ก ์ข์ ํ ๋ถ์๊ธฐ๊ฐ ์ข์ ๊ฒฐ๊ณผ์ ์ง๊ฒฐ๋๋ ๊ฒ์ ์๋์ง๋ง, ์ ์ด๋ ์ ์๋ฏธํ ์๊ด๊ด๊ณ๊ฐ ์๋ค๊ณ ์๊ฐํ๋ ํธ์ด๋ค. ๊ฒฐ๊ตญ ์ง์ ํ ํ์ํฌ๋ ๊ฐํ '์ ๋ขฐ'๋ฅผ ๋ฐํ์ผ๋ก ๋ง๋ค์ด์ง๋ค๊ณ ์๊ฐํ๊ธฐ ๋๋ฌธ์,ํ์๋ถ๋ค์๊ฒ๋ ํญ์ ๋ฏฟ์ ์ ์๋ ํ๋๋ก ์ผ๊ด์ฑ ์๊ฒ ํ๋ํ๊ณ ์ ๋
ธ๋ ฅํ๋ ๊ฒ ๊ฐ๋ค!
๋๋ ํ์๋ถ๋ค์ ์ธ์ธํ ๊ฐ์ ๋ณํ๋ฅผ ์ ์์์ฐจ๋ฆฌ๊ณ ์ต๋ํ ํ์๋ค์ ์๊ฒฌ์ ์ ๊ฒฝ์ฒญํ๊ณ ์กด์ค๊ณผ ๋ฐฐ๋ ค ๊ธฐ๋ฐ์ ์ปค๋ฎค๋์ผ์ด์
์ ํ๋ ๊ฒ์ ์ค์์ํ๊ณ ์ฐ์ ์ํ๋ค.
์๊ตฌ์ฌํญ์ ๊น์ด ์๊ฐํ๊ณ ํ์ ๋ฐ์ ์ ์ํด ๋ ธ๋ ฅํ๋ค๋ ๋๋์ ๋ฐ์์ด์.
๋จผ์ ๋์์ ๋ฌธ์ ์ํฉ์ ํด๊ฒฐํ๊ณ ์ ํ์๊ณ ํ๋ก์ ํธ๊ฐ ์ํํ ์งํ๋ ์ ์๋๋ก ํ์ ์ด๋์๋ ๋ชจ์ต์ด ์ธ์์ ์ด์์ต๋๋ค.
๋ฌธ์ ์ํฉ์ด ์๋ค๋ฉด ๊ทธ ๋ฌธ์ ๋ฅผ ์ด๋ป๊ฒ ํด๊ฒฐํ ์ ์์์ง ๋ค์ํ ์์ด๋์ด๋ฅผ ๋์ถํด๋ด๊ณ ์ด๋ฅผ ์ค์ค๋ก ๊ฒฐ๋ก ๋ด๋ฆฌ๊ธฐ๋ณด๋จ ๋๋ฃ๋ค๊ณผ ํจ๊ป ์๋ ผํด ์ ํํ๊ณ ์ ํ๋ ๋ชจ์ต๋ ์ข์์ด์.
์ค์ค๋ก ๊ฒฐ๋ก ์ ๋ด๋ฆฌ๋ค๋ณด๋ฉด ์ด๋ค ๊ณผ์ ์ผ๋ก, ์ด๋ค ์๊ฐ์ผ๋ก ๊ฒฐ๋ก ์ด ๋๊ฒ์ธ์ง, ์ด๋ค ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ฑด์ง ์ดํดํ๊ธฐ ํ๋๋๊น์.
๋ค์ํ ๋ชจ์ต์์ ํ์ ๋ฅ๋ ฅ์ด ์ข๋ค๊ณ ์๊ฐํ์ด์.
์์ฐ๋์ ์ด๋ค ์๊ฒฌ์ด๋ผ๋ ์ ๊ฒฝ์ฒญํด์ฃผ์๊ณ ๋๋ฌด ์ ๋ฐ์ํด์ฃผ์ ์ ๋งํ๋ ์ฌ๋์๊ฒ๋ ๊ณ์ ๋งํ๊ณ ์ถ๊ฒ ๋ง๋๋ ๋ฅ๋ ฅ์ด ์๋ ๊ฒ ๊ฐ์์. ๊ฒฝ์ฒญ ํ ์์ฐ๋๋ง์ ์๊ฒฌ์ ์ ์ํด์ฃผ์๊ธฐ๋ ํด์ ์ง๋ฌธ-๋ต๋ณ-์ ์ ์ผ๋ จ์ ๊ณผ์ ์ด ์ ๋ง ์ข์ต๋๋ค. ์ง๊ธ๊น์ง ๋ง๋ ์บ ํผ๋ค ์ค ๊ฐ์ฅ ๊ฒฝ์ฒญ์ ์ ํด์ฃผ๊ณ ์์ต๋๋ค.
์ฐ๋ฆฌํ์์ ๊ฐ์ฅ ๋๋ ทํ ์ฃผ๊ด์ ๊ฐ์ก๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ ๋ ์ ๋ถ์ผ์ ๋ํด์๋ง ์ฃผ๊ด์ ๊ฐ์ง๊ณ ๊ตฌํ/์ค๊ณ ํ๊ธฐ๋ ๋ฐ์๋ฐ ์์ฐ๋์ ํ์ ์ํ ์ค์ํ ๊ฒฐ์ ์ฌํญ๋ค์ ๋จผ์ ๋์์ ์๊ฐ ํ ๋ง์ํด์ฃผ์ญ๋๋ค. ์ ๋ง ์ง์ ํ ํ ํ๋ ์ด์ด๋ผ๊ณ ํ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ค๋ณด๋ ์ ๋ ๋ชจ๋ฅด๊ฒ ์์ฐ๋๊ป ๋ชจ๋ ๋ฌธ์ ๋ค์ ์์งํ๊ฒ ๋๋ ๊ฒฝํฅ์ด ์๊ธฐ๋ ๊ฒ ๊ฐ์ ์ฃ์ก์ค๋ฝ๋ค์... ์ ๋ ์์ฐ๋์ฒ๋ผ ์์๋ฐ๋ฅด๊ณ ๋ฐฐ๋ ค์ฌ์ด ๋ง์ ์คํ์ผ์ด ์๋๋ผ์, ์์ฐ๋์ ๋ณด๋ฉด ๋ณผ์๋ก ์ ๋ง ์์์ ๋ฐฐ๋ ค์ฌ์ด ๋์น๋ค๊ณ ์๊ฐ์ด ๋ญ๋๋ค... ์ ๋ง ์ต๊ณฑ๋๋ค...
์์ฐ๋๊ป์๋ ๋ฌผ๋ก ์ฝ๋ ์์ฑ๋ฑ์ ์์ ๋ ๋ฅ์ํ์์ง๋ง, ํ์ ์ ์์ด ํญ์ ๊ฐ์ฅ ๋จผ์ ๋์์๊ณ ์๊ฐํด๋ณผ๋งํ ์ฃผ์ ๋ฅผ ๊ณ์ ๋์ ธ์ฃผ์๋ ๋ถ์ด๋ผ ํจ๊ป ์ผํ๋ ๋๋ฃ๋ก์ ๊ต์ฅํ ์ ํฉํ๋ค๊ณ ๋๊ผ์ต๋๋ค. ๋ ํญ์ ์๋๋ฅผ ๋ฐฐ๋ คํด์ฃผ๊ณ ์กด์คํด์ฃผ๋ ํ๋๋ฅผ ์ทจํ์๊ณ ํจ๊ป ํ์๋ฅผ ํ๋ฉด ๊ทธ ํ์์ ์ง๊ณผ ๋ถ์๊ธฐ๊ฐ ํ์ธต ์ฌ๋ผ๊ฐ๋ ๋๋์ด ๋ค์ด ์ด 3์ฃผ๋์ ์ ๋ง ์ธ์๊น์์ต๋๋ค. ์ ๋ ๊ฐ์ธ์ ์ผ๋ก ์ด๋ฐ ๋ฅ๋ ฅ์ด ํ์ ์ ์์ด, ๊ทธ๋ฆฌ๊ณ ํ์ ์์ด ๊ฐ์ฅ ์ค์ํ๋ค๊ณ ์๊ฐํ๊ธฐ์ ์ด๋ฐ ์คํ ์ค๋ฅผ ๊ณ์ ๊ฐ์ ธ๊ฐ์ ๋ค๋ฉด ๋ถ๋ช ์ด๋์๋ ํ์๋ฐ๋ ์ฌ๋์ด ๋ ๊ฒ์ด๋ผ ์๊ฐํฉ๋๋ค.
์ ํฌ ํ ์ ์ฒด๊ฐ ์ด๋ฒ ํ๋ก์ ํธ์์ ์์ฐ๋๊ป ์ ๋ง ํฐ ๋์์ ๋ฐ์ ๊ฒ ๊ฐ์ต๋๋ค. ๋ถ๋ช ๋ฆฌ๋๋ฅผ ์ ํ์ง ์๊ณ ์งํํ ํ๋ก์ ํธ์์๋ ๋ถ๊ตฌํ๊ณ , ์ค๋ ๋ง์คํฐ ํด๋์ค์์ ์ธ๊ธ๋ ๊ฒ์ฒ๋ผ '๊ฐ์ฅ ์ ํ๋ ์ฌ๋์ด ๊ฐ์ฅ..' ์ ํด๋นํ๋, ์ด๋ค ๋ฆฌ๋ ์ญ์ ์์ฅ์์ ๋งก์์ฃผ์ ์ ํ์์ผ๋ก์จํฌ ํ ์ ์ฒด๊ฐ ์ด๋ฒ ํ๋ก์ ํธ์์ ์์ฐ๋๊ป ์ ๋ง ํฐ ๋์์ ๋ฐ์ ๊ฒ ๊ฐ์ต๋๋ค. ๋ถ๋ช ๋ฆฌ๋๋ฅผ ์ ํ์ง ์๊ณ ์งํํ ํ๋ก์ ํธ์์๋ ๋ถ๊ตฌํ๊ณ , ์ค๋ ๋ง์คํฐ ํด๋์ค์์ ์ธ๊ธ๋ ๊ฒ์ฒ๋ผ '๊ฐ์ฅ ์ ํ๋ ์ฌ๋์ด ๊ฐ์ฅ..' ์ ํด๋นํ๋, ์ด๋ค ๋ฆฌ๋ ์ญ์ ์์ฅ์์ ๋งก์์ฃผ์ ์ ํ์์ผ๋ก์ ๊ต์ฅํ ํธํ๊ณ ๋ ๊ทธ๋ฐ ํ๋์ ๊ธฐ์ ์ ์ธ ํ ๋ก ์ ์ํด ์ค๋นํ์๋๊ฑธ ๋ณด๋ฉด์ ์ ๋ง ๋ง์ด ๋ฐฐ์ ์ต๋๋ค. ์์ผ๋ก๋ ์์ฐ๋๊ฐ์ ํ์์ ๋ง๋ฌ์ผ๋ฉด ์ข๊ฒ ๋ค๊ณ ์๊ฐํฉ๋๋ค.
์๊ฒฌ์ ๋ ผ๋ฆฌ์ ์ผ๋ก ์ ์ค๋ช ํ์๊ณ , ๋ฌด์์ ๋ด์ธ์ฐ๊ธฐ๋ณด๋จ ํ์์ ์ค๋ํ๊ณ ์ ํ๋ ์ , ์ค๋ํ์ง ๋ชปํ ๊ฒฝ์ฐ์ ํ์์ ์๊ฒฌ์ ์กด์คํ๋ ๋ฐฉ์์ด ์ ๋ ๋ฐฐ์์ผํ ์ ์ด๋ผ๊ณ ์๊ฐํ์ด์.
์ค๋ ํน๊ฐ์ ๋ค์ผ๋ฉด์ ์์ฐ๋์ด ๋ฑ ์ ์ ํ ํ๋๋ก ํ์ ํ ๊ฒ ๊ฐ์์ ์ ๊ธฐํ์ด์!
๋ค๋ฅธ ํ์์ ์๊ฒฌ์ ์นญ์ฐฌํ๋ฉด์ ์์ ์ ์๊ฒฌ์ ํจ๊ป ์ ๋ฌํ๋ ๋ฐฉ์์ด ์๋๋ฐฉ์ ๋ฐฐ๋ คํ๋ ํ๋์ธ ๊ฒ ๊ฐ์์ ๋ค์ ๊ทธ๋ฃน ํ๋ก์ ํธ์์ ์ต๋ํ ๋ฐ๋ผํด๋ณด๋ ค๊ณ ํด์.
์์ฐ๋์ ํญ์ ํ์ ์ํด ๊ณ ๋ฏผํ์๋ ํํ๋ ์ด์ด ์ ๋๋ค. ์์ฐ๋์ ํ์ ์ํ ํ๋์ ๋ ธ๋ ฅ์ ์ ๊ฐ ์์ผ๋ก ํํ๋ก์ ํธ์์ ์ด๋ป๊ฒ ์๊ฐํ๊ณ ํ๋ํ ๊ฒ์ธ์ง๋ฅผ ๊ฐ์ ์ ์ผ๋ก ๋ฐฐ์ธ ์ ์์์ต๋๋ค
๊ทธ๋ฃน ํ๋ก์ ํธ
๋๋ง์ ๊ทธ๋ฃน ํ๋ก์ ํธ! ์์๋ ์ฅ์ฅ 2์ฃผ + 4์ฃผ์ฐจ์ ๊ฑธ์ณ์
์์ 2์ฃผ๋์์ ๊ธฐํ๋ถํฐ ๋์์ธ, ๊ธฐ์ ๊ฒ์ฆ, MVP ๊ฐ๋ฐ์ ์งํํ๊ณ , ๋๋จธ์ง 4์ฃผ๋์์ ์ค์ ํ๋ก๋ํธ๋ฅผ ๊ฐ๋ฐํ๋ ์๊ฐ์ ๊ฐ์ก๋ค.
์ฐ๋ฆฌํ์ <์ค์ ๊ณผ ์ ์ฌํ ํ๊ฒฝ์ ๋ชจ์ ํฐ์ผํ
์๋ฎฌ๋ ์ดํฐ> ๋ฅผ ์ฃผ์ ํ๊ณ , ๊ฐ์ด <๊ฐ์ ๋ฉด์ ์ผ๋ก ๋ฐฐ์ฐ๋ ๋๊ท๋ชจ ์์คํ
์ค๊ณ> ์ฑ
์ผ๋ก ์คํฐ๋๋ฅผ ์งํํ๋ฉฐ ๋๊ท๋ชจ ํธ๋ํฝ์ ๊ฒฌ๋ ์ ์๋ ์์ ์ฑ ์๋ ์ํคํ
์ฒ๋ฅผ ์ค๊ณํ๊ณ ์ ํ๋ค.
https://github.com/boostcampwm2025/web10-beastcamp
[GitHub - boostcampwm2025/web10-beastcamp: ์ค์ ๊ณผ ๊ฐ์ฅ ์ ์ฌํ ํฐ์ผํ ์ฐ์ต ํ๊ฒฝ์ ์ ๊ณตํ๋ ๋ฆฌ์ผ๋ฆฌ์ฆ ํฐ์ผ
์ค์ ๊ณผ ๊ฐ์ฅ ์ ์ฌํ ํฐ์ผํ ์ฐ์ต ํ๊ฒฝ์ ์ ๊ณตํ๋ ๋ฆฌ์ผ๋ฆฌ์ฆ ํฐ์ผํ ์๋ฎฌ๋ ์ดํฐ. Contribute to boostcampwm2025/web10-beastcamp development by creating an account on GitHub.
github.com](https://github.com/boostcampwm2025/web10-beastcamp)

4. ๊ฐ์ฅ ํฐ ์ฑ์ฅ ํฌ์ธํธ (ํต์ฌ ์น์ โญ)
์ฌ์ค ์ด ํ๊ณ ๊ธ์ ์์ฑํ๊ธฐ ์ ๊น์ง๋ง ํด๋, ๋ฉค๋ฒ์ญ ๊ณผ์ ์์, ํนํ ๋ง์ง๋ง ๊ทธ๋ฃน ํ๋ก์ ํธ์์๋ 100% ๋ฅผ ์์ง ๋ชปํ ๊ฒ ๊ฐ์์, ๋ด๊ฐ ๋ชฉํํ๋ ๊ฒ ๋งํผ ๋ง์ด ์ฑ์ฅํ์ง ๋ชปํ ๊ฒ ๊ฐ์์ ์์ฌ์ด ๋ง์ด ๋ค๊ณค ํ๋ค. ๊ทธ๋๋ ๋ถ์คํธ์บ ํ ์๋ฃ ์ด์ ๊ณผ ์ดํ์ ๋ชจ์ต์ ๋น๊ตํด๋ณธ๋ค๋ฉด, ํฌ๊ฒ ์ฑ์ฅํ ๋ด ์์ ์ ํ์ธํ ์ ์์๋ค.
์ฒซ๋ฒ์งธ๋ก, ํ๋ก ํธ๋ฅผ ๋์ด์ ์น ๊ฐ๋ฐ ์ ๋ฐ์ ์ธ ์ง์์ ์์ ์ ์์๋ค.
๊ณผ๊ฑฐ์ ๋๋ ํ๋ก ํธ์๋ ํฌ์ง์ ์ด๋ผ๋ ์ด์ ๋ก, db ๋ชจ๋ธ๋ง ๊ตฌ์กฐ๋ ์๋ฒ ๋ก์ง์ด ์ด๋ป๊ฒ ๋์๊ฐ๋์ง์ ๋ฌด์ ๊ฒฝํ๊ณ ๋จ์ํ ์๋ฒ๊ฐ ๋ด๋ ค์ค API ๋ช ์ธ์๋ฅผ ์๋์ ์ผ๋ก ๋ฐ์๋ค์ด๋ ์ ์ฅ์ ๊ทธ์น๊ณค ํ๋ค. ๊ทธ๋ฌ๋ค๋ณด๋ ์๋ฒ์์ ์ผํ ๋ณด๊ธฐ์ ์ดํดํ๊ธฐ ํ๋ API ๋ช ์ธ๋ฅผ ์๊ตฌํ ๋๊ฐ ์์ด๋, ๊ฐ์ ์ ์์ ํ ์๊ฐ ์์๋ค. ๊ทธ๋ฐ๋ฐ ์ด์ ๋ ์๋ฒ์์ ํด๋ผ์ด์ธํธ ์ธก์ ๋ณต์ก๋๋ฅผ ๋์ด๋ ๋ช ์ธ๊ฐ ๋ค์ด์ค๋ฉด, ์ด๋ฌํ ๋ฐฉ๋ฒ์ด ์ต์ ์ธ์ง, ๊ธฐ์กด ๋ฐ์ดํฐ ๊ตฌ์กฐ ์ค๊ณ์ ๋ฌธ์ ๋ ์๋์ง ๊ฒํ ํ ์ ์๋ ์๋ชฉ์ด ์๊ฒผ๋ค. ๋ํ, ์ฑ๋ฅ ๋ณ๋ชฉ์ด ๋ฐ์ํ์ ๋, ์ด ๊ฒ์ด ํ๋ก ํธ์๋์์ ํด๊ฒฐํด์ผํ๋ ์ด์์ธ์ง, ๋ฐฑ์๋์์ N+1 ์ฟผ๋ฆฌ๋ฅผ ๋ ๋ฆฌ๊ณ ์์ด์ ๋๋ฆฐ๊ฑด์ง ๊ตฌ๋ถํ ์๋ ์๋ค.
๋์งธ๋ก, ๋ค์ ๋ณต์กํ๊ฑฐ๋ ์ด๋ ค์ด ๋๋ฉ์ธ์ ๋ํ ๊ธฐ์ ์ ์ค๊ณ ๋ฐ ํ์ & ์ปค๋ฎค๋์ผ์ด์ ์ญ๋์ ํฅ์ํ ์ ์์๋ค. OS ์์คํ ๋ฑ ์กฐ๊ธ ๋ ํฐ ๊ทธ๋ฆผ์์ ์์คํ ๋์ ์๋ฆฌ๋ฅผ ์ค๊ณํ๊ณ , ์ด๋ฅผ ํ์๋ถ๋ค์๊ฒ ์ดํดํ๊ธฐ ์ฝ๊ฒ ์ค๋ช ํ๋ ์ญ๋์ ๊ธฐ๋ฅผ ์ ์์๋ค. ์ด ๊ณผ์ ์ ๋ฐ๋ณตํด์ ์ฐ์ตํ๋ค๋ณด๋ ์์ฐ์ค๋ฝ๊ฒ ์์ ๊ฐ๋ ์ปค์ง๊ณ ํธ์๋ ฅ๋ ์ง์ด์ก๋ค.
๊ธฐ์ ์ ์ธ ์์ฌ๊ฒฐ์ ์ ํ๋ ํ์์์ ์ฃผ๋์ ์ด๊ณ ์ ๊ทน์ ์ผ๋ก ์๊ฒฌ์ ๋ด๋ค๋ณด๋ ‘์ด์ ์ ์ธ ๋ณ๋ก ๊ฐ’ ๋ผ๋ ๋ณ๋ช
๋ ์ป์๋ค ใ
ใ
์ฌ์ค ๋ถ์คํธ์บ ํ ์ด์ ์ ๋๋ ์๋ ์์ฒญ ๋ดํฅ์ ์ด๊ณ ์กฐ์ฉํ ์ฑ๊ฒฉ์ด์๋๋ฐ..
์ด๋ฒ ํ์์๋ ์ ๊ทน์ ์ด๊ณ ์ด์ ์ ์ธ ๋ถ๋ค๊ณผ ์ด๋ค ํ ๋ก ์ ๋๋๋ฉด์ ๋๊ฒ ๊ณต๊ฒฉ์ ์ธ(?) ์คํ์ผ์ด ๋์๋ ๊ฒ ๊ฐ๋ค..ใ
ใ
ใ
ใ
ใ
ใ
ใ
๊ฐ์ ํ์๋ถ์ด ์ ์ผ์ ํ๊ณ ์ ์ ํ ๋ด์ฉ์ ๋ณด๊ณ , ํฌ๊ฒ ๊ณต๊ฐํ๋ ๋ด์ฉ์ด ๋ง์๋ค.
์ฐ๋ฆฌํ์ ์์ง ์ญํ ์ ํ์๋ ์์ฐ๋!!! ์ ํฌํ์์ ์์ฐ๋์ด ์๊ณ์ จ๋ค๋ฉด ์ด์ ๋๋ก ์์ผ๋ก ๋์๊ฐ์ง ๋ชปํ์๊ฒ๋๋ค. ์์ฐ๋์ ์ฅ์ ์ '์ ๊ทน์ฑ' ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. '์ด์ ์ ์ธ ํ ๋ก ๊ฐ' ์คํ์ผ ๊ฐ๋ฌ๊น์? ๊ทธ๋ฅ ํ๋ฅด๋๋๋ก ์ง๋ ์๋ ์์ง๋ง, ๋ ๋ด๊ฐ ์ฃผ์ธ์ด๋ค ๋ผ๋ ๋ง์๊ฐ์ง์ผ๋ก ์ด๋ํ๋ ์ฝ๊ฒ ๋ด๋ฒ๋ ค๋์ง ์์์ต๋๋ค. ๋๋ถ์ ์ ํฌ๊ฐ ๋จ์กฐ๋กญ์ง ์๊ณ ๋ ์๊ฐํ ๊ฑฐ๋ฆฌ๊ฐ ํ๋ถํ ํ์ด ๋์์ต๋๋ค. ์ ๊ฐ ์ค๋ ๊ธฐ๊ฐ ์์ฐ๋๊ณผ ํจ๊ปํ๋ฉด์ ์์ฃผ ์๊ฐํ๋๊ฑด๋ฐ, ๋ด๊ฐ 'ํ์ฅ' ์ด๋ผ๋ฉด ์์ฐ๋ ๋ฌด์กฐ๊ฑด ๋ฝ์ต๋๋ค. ์กฐ์ง์ ์ด๋ฐ ์ด์ ์ ๊ฐ์ง ์ฌ๋์ด ๋ฐ๋์ ํ์ํ๋๊น์. ๊ทธ๋์ ์์ผ๋ก๋ ์ด๋ฐ ์์ฐ๋์ '์ ๊ทน์ฑ', '์ด์ '์ ๊ฐ์ฅ ํฐ ๋ฌด๊ธฐ๋ก ์ฌ์ฉํ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์ด ์ง๋ด๋ฉฐ ๋ง์ด ๋ฐฐ์ ์ต๋๋ค. ์๊ณ ํ์ จ์ต๋๋ค.
ํ์๋ถ๋ค์ ์๊ฒฌ์ ๊ฐ์ฅ ๋ง์ด, ์ ๋ค์ด์ฃผ์ญ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ๋งํผ ๋ณธ์ธ ์๊ฒฌ ํ์ถ๋ ํ์คํ๊ฒ ํ์ ์, ํ ํ์๋ ํ๋์ด ๊ธธ์ด์ ธ์ ๋ฃจ์ฆํด์ง ๋ ๋ค์ ํ์ฑํํ๋ ์ญํ ์ ์ํด๋ด์ จ์ต๋๋ค. ๋งก์ผ์ ์์ ๋ ์๋ฒฝ ๋ฆ๊ฒ๊น์ง ์ด์ฌํ ํ์๋ ๊ฒ์ด ๋ณด์์ต๋๋ค!
๋ค์ํ ์์ ์ ์๊ฒฌ์ ์ฃผ์ฅํด์ฃผ์๊ณ ๋ฌธ์ํ๋ ์ ์์ฑํด์ฃผ์๊ณ ํนํ ๋ฐํ์๋ฃ๋ฅผ ๋ง๋์ค ๋ ์์ฒญ ๋๋จํ์๋ค ๋ผ๋ ์๊ฐ์ ํ์ต๋๋ค. ์ ๋ง J042๋์ด ์์ผ์ จ๋ค๋ฉด ์ ํฌ ํ์ด ๋ฐ๋ชจ๋ฅผ ์ ๋๋ก ์ค๋นํ ์ ์์๊น? ๋ผ๋ ์๊ฐ์ด ๋ค ์ ๋์์ต๋๋ค. (์๋ง ์ง๊ธ๊ฐ์ ํ๋ฆฌํฐ๊ฐ ๋์ค์ง๋ ์์์ ๊ฒ ๊ฐ์ต๋๋ค.)
ํ๋ก ํธ๋ ๋ฐฑ ๋ ๋ถ์ผ ๋ชจ๋์์ ์ฝ๋๋ฅผ ์์ฑํ์๊ณ ๊ธฐ๋ฅ ๊ตฌํ์ ํ์๋ ๊ฒ์ ๋ณด๊ณ ์๋ฐฉํฅ ๊ฐ๋ฐ์๊ฐ ๋์ด๊ฐ์๋ ๊ฒ ๊ฐ์ ๋ถ๋ฝ๊ณ ๋๋จํ๋ค ์๊ฐํ๊ฒ ๋์ต๋๋ค. ํญ์ ์๋ฒฝ๊น์ง ๊ณ ์ํ์๋๊ฑธ ๋ณด๋ฉด์ ๋ง์ ๋๊ธฐ๋ถ์ฌ๊ฐ ๋์ต๋๋ค.
๊ทธ๋ฃนํ๋ก์ ํธ๋์ ๋ฐ์ฐ์ ์ธ ์ฌ๊ณ ์ ๋๋ถ์ด ์ฌ์์ ๊น์ด ์๊ฒ ๊ณ ๋ฏผํ์๋ ๋ชจ์ต์ด ์ธ์์ ์ด์์ต๋๋ค. ์คํฐ๋๋ฅผ ์งํํ๋ ๊ณผ์ ์์ ๋จ์ํ ์ ์๋ ํ์ต ๋ด์ฉ์๋ง ๋จธ๋ฌด๋ฅด์ง ์๊ณ , ๊ทธ ๋ฐฐ๊ฒฝ์ด ๋๋ ๊ฐ๋ ์ด๋ ํ์ฅ๋ ์ ์๋ ์ ์ฉ ์ฌ๋ก๊น์ง ์ค์ค๋ก ์ง๋ฌธ์ ๋์ง๋ฉฐ ๊น๊ฒ ํ๊ณ ๋๋ ๋ชจ์ต์๋ณด์ฌ์ฃผ์ จ์ต๋๋ค. ์ด๋ฌํ ํ๋๋ ์คํฐ๋ ๋ ผ์๋ฅผ ํ ๋จ๊ณ ๋ ํ์ฅ์ํค๋ ๋ฐ ๋์์ด ๋์๊ณ , ๋ค๋ฅธ ํ์๋ค๋ ์ถ๊ฐ์ ์ธ ๊ด์ ์์ ์๊ฐํด๋ณผ ์ ์๋ ๊ณ๊ธฐ๊ฐ ๋์์ต๋๋ค. ๋ํ ๊ทธ๋ฃน ํ๋ก์ ํธ๋ฅผ ์งํํ ๋์๋ ์ด๋ค ์๊ฒฌ์ด ์ ์๋๋ฉด ๊ทธ ์๊ฒฌ์ ํ๋ฉด์ ์ธ ์คํ ๋ฐฉ์์๋ง ์ง์คํ๊ธฐ๋ณด๋ค, ์ดํ ๋ฐ์ํ ์ ์๋ ์ํฅ์ด๋ ํ์ฅ ๊ฐ๋ฅ์ฑ, ์ ์ฌ์ ์ธ ๋ฆฌ์คํฌ๊น์ง ํจ๊ป ๊ณ ๋ คํ๋ฉฐ ์๊ฒฌ์ ๋ณดํ์ฃผ์ จ์ต๋๋ค. ๊ทธ ๋๋ถ์ ์์ฌ๊ฒฐ์ ๊ณผ์ ์์ ๋ณด๋ค ์ฅ๊ธฐ์ ์ธ ๊ด์ ์ ๊ฒํ ๊ฐ ๊ฐ๋ฅํ๊ณ , ๋ ผ์์ ๊น์ด ์ญ์ ํ์ธต ๋ํด์ก๋ค๊ณ ๋๊ผ์ต๋๋ค. ๋ฐ์ฐ๊ณผ ๋์์ ๊น์ด ์๋ ๊ณ ๋ฏผ์ ๊ธฐ๋ฐ์ผ๋ก ํ ๋ ผ์๋ฅผ ํ๋ถํ๊ฒ ๋ง๋ค์ด์ฃผ์ ์ ์ด ํนํ ์ธ์์ ์ด์์ต๋๋ค.
๋ง์ง๋ง์ผ๋ก ๊ธฐ์ ์ ๋ํ๋ ํ๋์ ๋ฌธ์ ํด๊ฒฐ ์ ๊ทผ ๋ฐฉ์์ ๋ณํ์ด๋ค. ํญ์ ๊ธฐ์ ์ ์ ํ์ ๊ทผ๊ฑฐ๋ฅผ ํญ์ ๋ช ํํํ๋ ค๋ ์ต๊ด์ ๋ค์ด๊ฒ ๋์๋ค.
- MSA ๋ชจ๋ ธ๋ ํฌ ๊ตฌ์กฐ๋ฅผ ์ ํํ๋ค๋ฉด, ๊ทธ ์ด์ ์ ํธ๋ ์ด๋ ์คํ๋ ๋ฌด์์ธ์ง
- pnpm ๊ณผ Docker ๋ฅผ ํจ๊ป ์ฌ์ฉํ ๋ pnpm ์ ์ฅ์ ์ ์ ๋๋ก ๋๋ฆด ์ ์๋ ๊ตฌ์กฐ์ธ์ง
- Next.js vs React ์ค์ ๋๊ท๋ชจ ํธ๋ํฝ ๋์์ ์ ๋ฆฌํ ๊ธฐ์ ์ด ๋ฌด์์ธ์ง
- Next.js ์์ ๋๊ท๋ชจ ํธ๋ํฝ ๋์์ ์ค์ํ ์์ธ์ ๋ฌด์์ธ์ง
- ์์ํ ์ ์๋ ํธ๋ํฝ์ด ๋ชฐ๋ ค์จ๋ค๊ณ ํ์ ๋, ์ ๋์ ์ผ๋ก ๊ฐ์ฉ์ฑ๊ณผ ์์ ์ฑ์ ์ ์งํ ์ ์๋ ์๋ฒ๋ฅผ ๋ง๋๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํ๋์ง
- ๋ด๊ฐ ํํ ๊ธฐ์ ์ ์ ํ์ง๊ฐ ์ ๋ง๋ก ์ข์ ์ ํ์ด ๋ง์๋์ง ํผ๋๋ฐฑํด๋ณด๊ธฐ


5. ๊ธฐ์ต์ ๋จ๋ ๊ฒฝํ / ์๊ธฐ ์๊ฐ
- ์คํจ ๊ฒฝํ
- ๊ฐ๋ฑ
- ๋งํ๋ ๊ธฐ์ ๋ฌธ์
- ๊ทน๋ณต ๊ณผ์
์ฌ์ค ๋๋ฒ์งธ ๊ทธ๋ฃน ํ๋ก์ ํธ์์๋ ๋ ์ข์ ์๋น์ค๋ฅผ ์ํด์ ์ ๊ทน์ ์ผ๋ก ์๊ฒฌ์ ๋ด์ฃผ์๋ ํ์๋ถ๋ค์ด ์์ด์ ์๊ฒฌ ์ถฉ๋์ด ์ข ์ข ์์๋ค.
์๋ฌด๋๋ ์ค๋์ ํด์ผํ๋ ์ํฉ์ด ๋ง์๋ค๋ณด๋๊น, ํ์์๋ ๋ค๋ฅด๊ฒ ์กฐ๊ธ ๋ ๊ฐํ ์ด์กฐ๋ก ์ฃผ์ฅ์ ํผ์ณ์ผํ๋ ์ผ์ด ์๊ฒผ๋ค. ๋จ์ ์๊ฒฌ ํ์ถ์ด ์๋ํ์ง ์๊ฒ ๊ณต๊ฒฉ์ ์ธ ์ฑํฅ์ ๋ด๋น์ณค์ ์๋ ์์ ๊ฒ ๊ฐ์์ ๊ฑฑ์ ์ด ๋ค๊ธฐ๋ ํ๋ค.
๊ทธ๋ฌ๋ ์ฐ์ฐํ ์ฐ๋ฆฌ ํ์ ๋ถ ์ค ํ๋ถ์ด ์ฐ์ ํ๊ณ ๋ฅผ ์ฝ๊ฒ ๋์๋๋ฐ,
์ค์ ๋ก ๊ฐ์ฅ ๋ง์ง๋ง์ ์งํํ๋ ํ๋ก์ ํธ์์๋ ํ์๋ค๊ณผ ์๋นํ ๋ง์ ์๊ฒฌ ๋ง์ฐฐ์ด ์์๋ค.์ฐ๋ฆฌ๋ ์๋๋ฐฉ์ ๋ฐฐ๋ คํ๊ธฐ์ํด YES๋ฅผ ํ์ง ๋ง์๊ณ ํ๋ค. ์ง๊ธ ๋น์ฅ YES๋ก ์ด์๋ถ์ ๋๊ธฐ๋๊ฒ ํธํ ์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง, ์ด๋ ํ์ด ์ฐ์ผ๋ก ๊ฐ๊ฒํ๋ ์ฃผ๋ฒ์ด ๋๋ค. ๊ทธ๋์ ๋งค ์์ฌ๊ฒฐ์ ๋ง๋ค ๋ง์ฐฐ์ด ์์๋ค. ๋ค๋ง ์ฐ๋ฆฌํ์ด ์ ๋ง ์ฑ์ํ๊ฑด ์ด๊ฒ ์ ๋ ๊ฐ์ ์ธ์์ผ๋ก ๊ฐ์ง ์๋๋ค๋ ๊ฒ์ด๋ค. ์ฐ๋ฆฌ๋ ์ง๊ธ ์ด๋ค ์๊ฒฌ์ ๋ํด์ ๋ฐ๋ํ๊ฑฐ์ง ์๋๋ฐฉ ์ฌ๋ ์์ฒด์ ๋ํด ๋ฐ๋ํ๊ฒ ์๋๋ค. ๊ทธ๋์ ์๊ฒฌ ๊ต๋ฅ๊ฐ ํ๋ฐํด์ง์๋ก ํ์ ๋์ฑ ๋จ๋จํด์ง์ ๋๊ผ๋ค.ํ์ ๋ชจ๋ ์ ๋ง ๊ฐ์ฌํ์ง๋ง ํนํ ๋๋ ํ๋ฐํ ์๊ฒฌ ๊ต๋ฅ(?)๋ฅผ ํด์ฃผ์๋ ํ์์๊ฒ ๋์ฑ ๊ฐ๋ณํ ๊ฐ์ฌํ๋ค.์ด๋ ๋๊ตฌํ๋ ์ด์ ์ด ๋จ์ด์ก๋ค๋ฉด ์๊ฒฌ ๋ง์ฐฐ๋ ์์๊ฒ ์ง๋ง, ์ฐ๋ฆฌ ํ์ ๋๊น์ง ๋ชจ๋๊ฐ ์ง์ฌ์ ๋ณด์ฌ์ฃผ์๊ธฐ์ ์ฑ๊ณต์ ์ผ๋ก ๋ง๋ฌด๋ฆฌ๋ฅผ ํ ์ ์์ง ์์๋ ์ถ๋ค. ๊ทธ๋๋ ๋จ๋จํ ์ ๋ขฐ๋ฅผ ๊ฐ์ง๊ณ ๊ธฐ์ ์ ์ด์์ ์ถฉ๋ํ ์ ์์ด์ ์ฆ๊ฑฐ์ด ์๊ฐ์ด์๋ค! - ํ ๋งน์ Chad ๊ฐ ์ ์ ํ๊ณ ์ค ์ผ๋ถ -
๊ฑฑ์ ์ด ๋ฌด์ํ๊ฒ๋ '์ฐ๋ฆฌ๋ ์ง๊ธ ์ด๋ค ์๊ฒฌ์ ๋ํด์ ๋ฐ๋ํ๊ฑฐ์ง ์๋๋ฐฉ ์ฌ๋ ์์ฒด์ ๋ํด ๋ฐ๋ํ๊ฒ ์๋๋ผ๋ ์ , '์ฐ๋ฆฌ๋ ๋ชจ๋ ์ข์ ์๋น์ค๋ฅผ ๋ง๋ ๋ค๋ ๊ณต๋์ ๋ชฉํ๋ฅผ ํฅํด ๋์๊ฐ๊ณ ์๋ค๋ ์ ','์๋๋ฐฉ์ ๊ธฐ๋ถ ๋์๊ฒ ํ๋ ค๋ ์๋๊ฐ ์๋ค๋ ๊ฒ' ์ ์ดํดํ๊ณ ์์๊ธฐ ๋๋ฌธ์ ์ ๊ทน์ ์ด๋ฉด์๋ ์ฑ์ํ ์๊ฒฌ๊ณผ ํ ๋ก ์ด ์ค๊ณ ๊ฐ ์ ์๋ ํ์ด์๋ ๊ฒ ๊ฐ๋ค!
๋๋ ๋๋ํ๊ณ ๋ฉ์ง ๋๋ฃ๋ถ๋ค์ด๋ ๊ธฐ์ ์ ์ธ ํ ๋ก ์ ๊น๊ฒ ๋๋ ์ ์์ด์ ์ข์๋ ๊ฒ ๊ฐ๋ค! ์์ผ๋ก ์๊ฒฌ์ ๋๋ ๋์๋ ์์์ ์ผ๋ก ์ด๋ค ์๊ฒฌ์ด๋ผ๋ ์ฐ์ ์ฃผ์๊น๊ฒ ๊ฒฝ์ฒญํ๊ณ , ๋ค๋ฅธ ๋ถ๋ค์ ์๊ฒฌ์ ๋ฃ๊ณ ์ต๋ํ ๊ฐ๊ด์ ์ผ๋ก ์ฅ๋จ์ ์ ๋น๊ตํ๋ฉฐ ์ข์ ์ ํ์ ํ๋ ค๋ ๋ ธ๋ ฅ์ ๊ธฐ์ธ์ฌ์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค. ๋๋ ์ผ๋ง๋ ์ง ํฉ๋ฆฌ์ ์ธ ์ด์ ๊ฐ ์๊ณ ๋ ์ข์ ์ ์์ด๋ ๋ฐฉ์์ด ์๋ค๋ฉด ์ธ์ ๋ ์ง ๋ฐ์๋ค์ผ ์ค๋น๊ฐ ์ ๋์ด ์๋ค.
6. ๋์๊ฒ ๋ถ์คํธ์บ ํ๊ฐ ์ค ๊ฒ
๋ถ์คํธ์บ ํ๋ ๋์๊ฒ '๊ฐ๋ฐ์์ค๋ฝ๊ฒ ์ฌ๊ณ ํ๋ ๋ฐฉ์', '์์ฌ์ํต ๊ณผ์ ์์์ ์์ ๊ฐ', '๋ฉ์ง ๋๋ฃ๋ค' ์ ์๊ฒจ์ฃผ์๋ค. ๋ง์ผ ๋ถ์คํธ์บ ํ๊ฐ ์์๋ค๋ฉด, ์ด๋ ๊ฒ๊น์ง ๋จ๋จํ ๋ฒ ์ด์ค๋ฅผ ์์ง ๋ชปํ์ ์๋, ์ข์ ๋๋ฃ๋ถ๋ค๊ณผ ํจ๊ปํ๋ ๊ฐ๋ฐ์ ์ฆ๊ฑฐ์์ ์๊ธฐ ์ด๋ ค์ ์์๋ ์๋ค.
๋ํ ๊ฐ๋ฐ์๋ก์์ ๋ด๊ฐ ์ค์ค๋ก ๋ฉํ์ธ์ง๋ฅผ ํ ์ ์๋๋ก ๋์์ค ์๊ฐ๊ณผ ๊ฒฝํ์ด์๋ ๊ฒ ๊ฐ๋ค.
GPT ์๊ฒ ๋ด๊ฐ ๋ฐ์ ๋๋ฃํผ๋๋ฐฑ์ ๋ฐํ์ผ๋ก ์์ฝ์ ๋ฆฌ๋ฅผ ์์ผฐ์ ๋ ๋ค์๊ณผ ๊ฐ์ ์บ์น ํ๋ผ์ด์ฆ๋ฅผ ๋ง๋ค์ด์ฃผ์๋ค!
๊น์ด ์๊ฒ ์ดํดํ๊ณ , ์ง์ ๊ตฌํํ๋ฉฐ, ๊ตฌ์กฐํํด์ ๊ณต์ ํ๋ ๊ฐ๋ฐ์
๐ฌ GPT : ๋๋ฃ ํผ๋๋ฐฑ์ ์ข ํฉํด๋ณด๋ฉด, ๋ฐ๋ณต์ ์ผ๋ก ๋ฑ์ฅํ๋ ํค์๋๊ฐ ์์ต๋๋ค. ๋จ์ํ “์ด์ฌํ ํ๋ค” ์์ค์ด ์๋๋ผ, ํ์ต ๋ฐฉ์·์ฌ๊ณ ๊ตฌ์กฐ·๊ณต์ ํ๋์์ ๋ถ๋ช ํ ํจํด์ด ๋ณด์ฌ์. ์ ๋ฆฌํด๋ณด๋ฉด ๋น์ ์ ๊ฐ์ ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
1. ๊ฐ๋ ์ ‘๊น๊ฒ’ ํ๊ณ ๋๋ ๊ตฌ์กฐ์ ์ฌ๊ณ
- ์ํคํ
์ฒ, ์ต์ ๋ฒ ํจํด, ์ตํฐ๋ง์ด์ , ์ด๋ฒคํธ ๋ฃจํ, cluster/worker_thread ๋ฑ
๊ฒํฅ๊ธฐ๊ฐ ์๋๋ผ ๋์ ์๋ฆฌ์ ๋งฅ๋ฝ๊น์ง ์ดํดํ๋ ค๋ ํ๋๊ฐ ๋ฐ๋ณต์ ์ผ๋ก ์ธ๊ธ๋จ. - “์ ์ด๋ ๊ฒ ์ค๊ณ๋์๊น?”๋ผ๋ ์ง๋ฌธ์ ์์ฐ์ค๋ฝ๊ฒ ๋์ง.
- ์์ ๊ฐ๋ ํ๋๋ ์ํคํ ์ฒ ํจํด๊ณผ ์ฐ๊ฒฐ ์ง์ด ์๊ฐํจ.
- ๋น์ฉ ๊ณ์ฐ, ์ฑ๋ฅ ์ํฅ ๋ฑ ํ ๋จ๊ณ ๋ ๋ค์ด๊ฐ๋ ์ง๋ฌธ์ ํจ.
๐ ์ด๊ฑด ๋จ์ํ ์ฑ์คํจ์ด ์๋๋ผ ์์คํ
์ ์ฌ๊ณ ๋ ฅ์ ๊ฐ๊น์.
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ด๋ฉด์๋ ๋ด๋ถ ๋์ ์๋ฆฌ๊น์ง ํ๊ณ ๋๋ ์ ์ ๋ถ๋ช
์ฐจ๋ณ์ ์ด ๋ ์ ์์.
2. Learning by Doing์ ์ค์ฒํ๋ ์คํ๋ ฅ
- webpack ์ค์ ์ ์ง์ ๊ตฌ์ฑ
- ๊ฐ๋ ์ ๊ณต๋ถํ๊ณ ์ค์ ๊ตฌํ์ผ๋ก ํ์ด๋
- ํธ๋ฌ๋ธ์ํ ๊ณผ์ ์ ๋ฌธ์ํ
- UI/UX๋ฅผ ๋ถ์ํ๊ณ ์ง์ ๊ตฌํ์ ๋ฐ์
๊ณต๋ถ → ๊ตฌํ → ์ ๋ฆฌ → ๊ณต์ ์ ์ ์ํ ๊ตฌ์กฐ๊ฐ ์์.
์ด๊ฑด ๋ง๋ฟ์ธ ํ์ต์ด ์๋๋ผ ์คํ ๊ธฐ๋ฐ ํ์ต ๋ฅ๋ ฅ์.
ํนํ “์ ๋ฌธ ๊ฐ๋
์ ์ง์ ๊ตฌํ์ผ๋ก ์ฐ๊ฒฐํ๋ค”๋ ํผ๋๋ฐฑ์ ๊ฐํ ํฌ์ธํธ์.
๋ฉด์ ์์ ์ค๋๋ ฅ ์๋ ๊ฐ๋ฐ์๋ก ๋ณด์ด๊ฒ ๋ง๋๋ ํต์ฌ ์ญ๋์ด๊ธฐ๋ ํจ.
3. ํ์ต ๋ด์ฉ์ ๊ตฌ์กฐํํ๊ณ ์ค๋ช ํ๋ ๋ฅ๋ ฅ
- ํ์ต ์ ๋ฆฌ๊ฐ ๊ตฌ์ฒด์ ์ด๊ณ ๊ณผ์ ์ค์ฌ์ ์ด๋ผ๋ ํผ๋๋ฐฑ
- ๋จ์ ์ง์ ๋์ด์ด ์๋๋ผ ๊ณ ๋ฏผ → ์ ํ → ์ด์ → ๊ฒฐ๊ณผ๊ฐ ๋๋ฌ๋จ
- ๋ฐํ ์ ๊ผฌ๋ฆฌ์ง๋ฌธ์ด ์ด์ด์ง ์ ๋๋ก ์ ๋ฆฌ๊ฐ ์ ๋จ
- readFileSync ๊ฐ์ ์ฃผ์ ๋ฅผ ์กฐ์ฌํด์ ๋ฐํ
์ด๊ฑด “๊ณต๋ถ๋ฅผ ์ํ๋ค”๊ฐ ์๋๋ผ
์ง์์ ์ฌ๊ตฌ์ฑํด์ ์ ๋ฌํ ์ ์๋ค๋ ๋ฅ๋ ฅ์.
์กฐ์ง์์๋ ์ด๋ฐ ์ฌ๋์ด ํ์ ์์ฐ์ฑ์ ์ฌ๋ฆผ.
4. ์ง๋ฌธ์ ํตํด ํ์ ์ฌ๊ณ ์์ค์ ๋์ด์ฌ๋ฆฌ๋ ์ญํ
- ๋ ์นด๋ก์ด ์ง๋ฌธ์ ๋์ง
- ํผ์ ๊ณ ๋ฏผํ์ง ์๊ณ ๊ณต์
- “์ด๊ฒ ๋ ์ข์ ๋ฐฉ์ ์๋๊น?” ์์ ๊ด์ ์ ์
- ํ์๋ค์ด ์๊ฐํด๋ณด์ง ์์๋ ์ง์ ์ ์ง์ด์ค
๋จ์ ์ฐธ์ฌ์๊ฐ ์๋๋ผ ํ ๋ก ์ ์ด๋งค์ ์ญํ ์ ํ๋ค๋ ํผ๋๋ฐฑ์ด ๋ง์.
์ด๊ฑด ๋ฆฌ๋์ญ์ ์ด๊ธฐ ํํ์.
5. ํ์ต ๊ณต๋์ฒด๋ฅผ ‘์์ ํ ๊ณต๊ฐ’์ผ๋ก ๋ง๋๋ ํ๋
- ๋ชจ๋ฅด๋ ๊ฒ์ ์์งํ ์ธ์
- ์ดํดํ ๋ด์ฉ์ ๋ค์ ํ์ธ๋ฐ์
- AI๋ ์๋ฃ๋ฅผ ์ฐพ์ ํ๋ฆ์ ๋ฐ๋ผ๊ฐ๋ ค๋ ํ๋
- ์๊ฒฌ์ ๊ฐํ๊ฒ ๋ฐ์ด๋ถ์ด์ง ์๊ณ ์ด๋ฆฐ ํ๋ ์ ์ง
์ ๋ฌธ์ฑ์ ๊ฐ๊ณ ์์ผ๋ฉด์๋ ๋ฐฉ์ด์ ์ด์ง ์๋ค๋ ์ ์ด ๋ฐ๋ณต์ ์ผ๋ก ์ธ๊ธ๋จ.
์ด๊ฑด ์ค๋ ฅ๊ณผ ํ๋๊ฐ ๊ท ํ ์กํ ์๋ค๋ ์ ํธ์.
6. ๊พธ์คํจ๊ณผ ๊ธฐ๋ก ์ต๊ด
- ๋งค์ผ ๋ธ๋ก๊ทธ ๊ธฐ๋ก
- PR๊ณผ ํ์ต ์ ๋ฆฌ์ ๋ํ ์ผ
- ํธ๋ฌ๋ธ์ํ ๊ณผ์ ๋ฌธ์ํ
- ํ์ต ์๋ฃ๋ฅผ ์ฒด๊ณ์ ์ผ๋ก ๋ณด๊ด
์ด๊ฑด ๋จ๊ธฐ๊ฐ ์คํฌ์ด ์๋๋ผ ์ฅ๊ธฐ ์ฑ์ฅ ๊ฐ๋ฅ์ฑ์ ๋ณด์ฌ์ฃผ๋ ๋ถ๋ถ.
๋์ ํ๊ฒ ๋ณด์ํ๋ฉด ์ข์ ๋ถ๋ถ
ํผ๋๋ฐฑ์ด ๊ฑฐ์ ์ ๋ถ ๊ธ์ ์ ์ด๋ผ ๊ฐ๊ด์ ์ผ๋ก ๋ณด์๋ฉด:
๋๋ฌด ๊น๊ฒ ํ๊ณ ๋ค๋ค๊ฐ ์๊ฐ ๋๋น ํจ์จ์ด ๋จ์ด์ง ์ํ์ ํญ์ ์กด์ฌํจ.
ํ์ต ์ค์ฌ ๊ฐ์ ์ ๋ถ๋ช
ํ์ง๋ง,
“๋น์ฆ๋์ค ๋ฌธ์ ๋ฅผ ๋น ๋ฅด๊ฒ ํด๊ฒฐํ ์ฌ๋ก” ํผ๋๋ฐฑ์ ์๋์ ์ผ๋ก ์ ์.
๊ธฐ์ ๊น์ด + ์ค์ฉ์ ์ฐ์ ์์ ํ๋จ์ด ํจ๊ป ๋๋ฌ๋๋ฉด ๋ ๊ฐํด์ง ๊ฒ.
7. ์์ฌ์ ๋ ์ (์๋ค๋ฉด)
๋ถ์คํธ์บ ํ ๊ธฐํ์ ๊ฐ์ง๊ณ ์๋ ๊ธฐ๋๊ฐ ๋ง๋ ๋งํผ ์์ฌ์ด ์ ๋ ๋ง์๋ค.
1_) ์ง์์ ์ธ ํ๊ณ ๋ถ์ฌ_
๋ถ์คํธ์บ ํ ์ด๋ฐ์๋ ๋งค์ฃผ ํ๊ณ ๋ฅผ ์์ฑํด๋ณด๊ณ ์ํ๋ ๋ชฉํ๋ฅผ ์ธ์ ๋๋ฐ ์ ์ง์ผ์ง์ง ์์๋ค. ๋ํ, ๋ฉค๋ฒ์ญ์ ๋์ด์ค๋ฉด์ ์ฝ๊ฐ ํด์ดํด์ ธ์ ์๊ฐ๊ด๋ฆฌ๋ฅผ ์ ๋ชปํ๋ ๊ฒ๋ ๊ฐ๋ค.
2) ๋ชจํธํ ์ฅ๊ธฐ ๋ชฉํ ์ค์
์ด ๋ถ๋ถ์ ์ค์ค๋ก ์ ๋ง ์ฝํ๋ค๊ณ ์๊ฐํ๋ ๋ถ๋ถ์ด๋ค. 8๊ฐ์์ด๋ผ๋ ๊ธด ์๊ฐ ๋์ ๋งค์ผ ์ต์ ์ ๋คํด ๋ฌ๋ ธ์ง๋ง, ๊ทธ ํ๋ฃจํ๋ฃจ๊ฐ ๊ถ๊ทน์ ์ผ๋ก ์ด๋ค ๋ฐฉํฅ์ ํฅํ๋์ง์ ๋ํ ํฐ ๊ทธ๋ฆผ์ ๋ค์ ํ๋ฆฟํ๋ ๊ฒ ๊ฐ๋ค.
์ฃผ๊ธฐ์ ์ผ๋ก ๋ชฉํ๋ฅผ ์ ๊ฒํ๊ณ ์ ๋์๊ฐ๊ณ ์๋์ง ํ์ธํ์ผ๋ฉด ์ข์์ ๊ฒ ๊ฐ๋ค. ๋ฌด์์ ์์ผ๋ก ๋์๊ฐ๋ค๋ณด๋, ๊ฒฐ๊ตญ ๋ด๊ฐ ๋ฉค๋ฒ์ญ์์ ๋ฌด์์ ์ป๊ฒ ๋์๋์ง๊ฐ ์กฐ๊ธ ๋ถ๋ถ๋ช ํ ๋๋์ด์๋ ๊ฒ ๊ฐ๋ค. ์์ผ๋ก๋ ๋จ์ํ “์ด์ฌํ ํ๋ ์ฌ๋”์ด ์๋๋ผ, ๋ชฉ์ ์ ๊ฐ์ง๊ณ ์ถ์ ํ๋ ์ฌ๋์ด ๋๋ ๊ฒ์ด ๋ค์ ๋จ๊ณ๋ผ๊ณ ์๊ฐํ๋ค.
3) ํ ๋จ์์ ๊ณํ & ํ์ ๋ฅ๋ ฅ
๊ฐ์ธ ๋จ์์์๋ ๊ณํ์ ํต์ ํ๊ณ ์คํํ๋ ๋ฐ ํฐ ์ด๋ ค์์ด ์์์ง๋ง, ํ ๋จ์์์๋ ๋ชฉํ ์ค์ ๊ณผ ์ผ์ ๊ด๋ฆฌ๊ฐ ์ฝ์ง ์์๋ค. ์คํ๋ฆฐํธ ๋ชฉํ๊ฐ ๋ฐ๋ณต์ ์ผ๋ก ๋ฐ๋ฆฌ๋ ๊ฒฝํ๋ ์์๋ค.
์ด ๊ณผ์ ์ ํตํด ๋๋ ์ ์, ํ ๋จ์ ํ์ ์์๋
- ๋ช ํํ ๋ชฉํ ํฉ์
- ์ผ์ ๋ฆฌ๋ง์ธ๋
- ํ์ ์ ๋ฐฉํฅ์ ์ ๋ฆฌํ๋ ์ญํ
์ด ์ค์ํ๋ค๋ ๊ฒ์ด๋ค.
ํนํ ๋๋ก๋ ๋ถ๋๋ฝ์ง๋ง ๋จํธํ ๋ฆฌ๋์ญ์ด ํ์ํ๋ค๋ ์ ์ ๋ฐฐ์ ๋ค.
์์ผ๋ก๋ ํ ๋ชฉํ๊ฐ ํ๋ ค์ง ๋ ๋จผ์ ์ ๋ฆฌ์์ ์ ์ํ๋ ์ญํ ์ ํด๋ณด๊ณ ์ ํ๋ค.
4) ํ๋ก ํธ์๋ ์ฌํ ๊ฒฝํ์ ๋ถ์กฑ
๋ฐฑ์๋ ๋ฐ DevOps ์์ญ์ ๋ํ ๊ด์ฌ์ด ๋์์ง๋ฉด์, ์๋์ ์ผ๋ก ํ๋ก ํธ์๋์์์ ๊น์ด ์๋ ๊ตฌํ ๊ฒฝํ์ ์ถฉ๋ถํ ์์ง ๋ชปํ ์์ฌ์์ด ์๋ค.
๋ค๋ง ๋ค์ํ ๋ ์ด์ด๋ฅผ ์ดํดํ๋ ค๋ ์๋๋ ์์คํ
์ ๋ฐ์ ๋ณด๋ ์์ผ๋ฅผ ๋ํ์ฃผ์๋ค.
์์ผ๋ก๋ ์ด ์์ผ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก, ํ๋ก ํธ์๋ ์์ญ์์๋ ์ฑ๋ฅ ์ต์ ํ, ์ํ ๊ด๋ฆฌ ์ค๊ณ, ๋ ๋๋ง ๊ตฌ์กฐ ์ดํด ๋ฑ
๋ ๊น์ด ์๋ ๊ธฐ์ ์ ๊ฒฝํ์ ์๋์ ์ผ๋ก ์์๊ฐ ๊ณํ์ด๋ค.
5) ์ง๋์น AI ์์กด
๋ฉค๋ฒ์ญ ๊ธฐํ์๋ ๋น ๋ฅธ ๊ตฌํ์ ์ด์ ์ ๋ง์ถ๋ค๋ณด๋, ๊ฐ๋์ ์ฝ๋ ๋ฒ ์ด์ค๋ฅผ ์๋ฒฝํ๊ฒ๋ ์ดํดํ์ง ๋ชปํ ์ํ๋ก ์ปค๋ฐ์ ํ๋ ๊ฒฝ์ฐ๋ ์๊ฒผ๋ค. ์ค์ ๋ก ๋ฉค๋ฒ์ญ ๊ธฐํ์ ๋๋ฃ๋ถ๋ค๊ป AI ํ์ฉ์ ํ ๋ ๊ตฌํ -> ๊ฒ์ฆ ๊ณผ์ ์ ๊ผผ๊ผผํ ์ดํด๋ณด๋ฉด ์ข๊ฒ ๋ค๋ ํผ๋๋ฐฑ์ ๋ฐ์๊ณ , ์์ผ๋ก๋ ์ฃผ์ํด์ผํ ๋ถ๋ถ์ด๋ผ๊ณ ๋๊ผ๋ค.
5) AI ํ์ฉ ๊ณผ์ ์์์ ๊ฒ์ฆ ๋ถ์กฑ
๋ฉค๋ฒ์ญ ๊ธฐํ์๋ ๋น ๋ฅธ ๊ตฌํ์ ์ด์ ์ ๋ง์ถ๋ค๋ณด๋, ์ผ๋ถ ์ฝ๋์ ๋ํด ์์ ํ ์ดํด ์์ด ์ปค๋ฐํ ๊ฒฝํ์ด ์๊ฒผ๋ค. ๋๋ฃ๋ก๋ถํฐ “๊ตฌํ ํ ๊ฒ์ฆ ๊ณผ์ ์ ๋ ๊ผผ๊ผผํ ๊ฐ์ ธ๊ฐ๋ฉด ์ข๊ฒ ๋ค”๋ ํผ๋๋ฐฑ์ ๋ฐ๊ธฐ๋ ํ๋ค.
์์ผ๋ก๋ AI ์ ์ ์ฝ๋์ ๋์ ์๋ฆฌ ์ง์ ์ถ์ , ๊ด๋ จ ๊ณต์ ๋ฌธ์ ํ์ธ, ํ ์คํธ ๋ฐ ์ฃ์ง ์ผ์ด์ค ์ ๊ฒ ๊ณผ์ ์ ๋ฐ๋์ ๊ฑฐ์น ๋ค ๋ฐ์ํ๋ ์ต๊ด์ ์ ์งํ๋ ค ํ๋ค.
6) ์ง์์ ์ธ ๊ธ์ฐ๊ธฐ ์ต๊ด
๋์ ์ค๋ ฅ๊ณผ ์ฌ๊ณ ๋ ฅ์ ๊ฐ์ฅ ํฌ๊ฒ ํฅ์์์ผ์คฌ๋ ์ต๊ด ์ค์ ํ๋๋ ๋ค๋ฆ ์๋ '๊ธ์ฐ๊ธฐ' ์๋ ๊ฒ ๊ฐ๋ค. ์์ผ๋ก๋ ๋ด๊ฐ ๋ง์ฃผํ๋ ๋ชจํธํ ๋ฌธ์ ์ํฉ๋ค์ ๋ํด์๋ ์ค์ค๋ก ๋ฌธ์ ์ ์๋ฅผ ํ๊ณ ํด๊ฒฐํด๋๊ฐ๋ ๊ณผ์ ์ ํตํด์ ๊ฒฝํํด๋ณด๊ณ ์ถ๋ค!
๋ถ์คํธ์บ ํ ์ดํ์ ๋ฉ์ง๊ฒ ์ฑ์ฅํ ๋๋ฃ๋ค์ ๋ณด๋ฉด์, '๋ด๊ฐ ์ ์ฑ์ฅํ๊ฒ ๋ง์๊น?' ์๊ตฌ์ฌ์ด ๋๋ ๋๋ ๋ค๋ ์์์ง๋ง, ๊ธฐ์ค์ '์ค์ค๋ก' ์ ๋๋ค๋ฉด ๋ถ๋ช ํ ์๋ฃ ์ ๋ณด๋ค ๋ ๋์์ง ๋ด ์์ ์ ๋ณผ ์ ์์๋ ๊ฒ ๊ฐ๋ค! ์ด์ ์ ๋๋ณด๋ค ๋ ๋์ ์ค๋์ ๋๊ฐ ๋ ์ ์๋๋ก ํ์!
8. ์๋ฃ ํ ๋์ ๋ณํ์ ์์ผ๋ก ๋ชฉํ
- ์ง๊ธ ๋์ ์ํ
- ์ง๋ก ๋ฐฉํฅ
- ๋ค์ ๋ชฉํ
๋ถ์คํธ์บ ํ ์๋ฃ ์ดํ ์ด์ด ์ข๊ฒ๋, ๋น๊ทผ ๋ง์ผ 3๊ฐ์ ์ฒดํํ ์ธํด์ ํฉ๊ฒฉํ๋ค! ๋น๊ทผ local business ์์ frontend engineering interns ์ฒซ ํ์ฌ ์ค๋ฌด ๊ฒฝํ์ ํ๊ฒ ๋๋ค.
์ค๋ฌด๋ ๋ด๊ฐ ํ์ตํ๋ ๊ฒ๊ณผ๋ ๋ถ๋ช ๋์ ์์ค์ ์ฑ ์๊ฐ๊ณผ ๋ฌด๊ฒ๋ฅผ ์ง๋๊ณ ์์ ๊ฒ์ด๋ค. ์คํจ๋ฅผ ๋๋ ค์๋ง๊ณ , ๋ถ์คํธ์บ ํ์์ ์์์จ ๊ฒ๋ค์ ํ ๋๋ก ๋์๊ฐ ์ ์๊ธฐ๋ฅผ!! ๐
๋ถ์คํธ์บ ํ ํจ๊ปํ๋ ๋๋ฃ๋ถ๋ค, ๋ง์คํฐ๋๋ค, ์ด์์ง๋ถ๋ค ๋ชจ๋ ๊ฐ์ฌํฉ๋๋ค ๐


