
์ฃผ๋์ด ๊ฐ๋ฐ์์ ํํ ์ค์: ์๊ณ ์๋ค๋ ์ฐฉ๊ฐ
์ฃผ๋์ด ๊ฐ๋ฐ์์ ํํ ์ค์: ์๊ณ ์๋ค๋ ์ฐฉ๊ฐ ๊ด๋ จ
์ง๋ ๋ช ๋ ๋์์ ์ฝ๋ก๋19์ ์ฌํ๋ก, ๋ํ๋ฏผ๊ตญ์ ๋น๋กฏํ ์ ์ธ๊ณ์ ์ผ๋ก ๊ฐ๋ฐ์์ ๋ํ ๊ด์ฌ์ด ํญ๋ฐ์ ์ผ๋ก ์ฆ๊ฐํ๋ ์ ์ด ์์ต๋๋ค. ์ฐ์ค๊ฐฏ์๋ฆฌ๋ก 3D ์ง์ข ์ด๋ผ๊ณ ๋ถ๋ฆฌ์๋ ์ด์ ๊ณผ ๋น๊ต๋๋ ์ํฉ์ด์์ฃ . IT ์ฐ์ ์ ์ฑ์ฅ๊ณผ ๋ฐ๊ฐ์ ๋น๋๋ฉด์ด ๊ฒน์ณ ๊ฐ๋ฐ์์ ์์๊ฐ ๊ธ๊ฒฉํ ๋์ด๋ฌ๊ณ , ๋ง์ ์ฌ๋๋ค์ด ๊ฐ๋ฐ์์ ๊ธธ์ ๋์ ํ์ต๋๋ค. ๋น์์ ํ๋ฆ์ผ๋ก ๋น์ ๊ณต์, ์ ๊ณต์ ํ ๊ฒ ์์ด ๋ค์ํ ๋ฐฐ๊ฒฝ์ ๊ฐ์ง ์ฌ๋๋ค์ด ๊ฐ๋ฐ์ ์์ํ๊ณ , ์ฌ๋ฌ ๊ต์ก๊ธฐ๊ด์ด๋ ๋ถํธ์บ ํ, ์จ๋ผ์ธ ๊ฐ์ ๋ฑ์ ํตํด ๊ฐ๋ฐ์๋ฅผ ์ง์ ์ผ๋ก ์ ํํ๋ ์ฌ๋๋ ๋์์ต๋๋ค.

๊ทธ๋ฆฌ๊ณ ํ์ฌ, ๊ทธ ๋น์ ๊ฐ๋ฐ์ ์์ํ๋ ์ฌ๋๋ค์ ์ด๋ ์ ๋ ๊ฒฝ๋ ฅ์ ์์ ์ฃผ๋์ด ๊ฐ๋ฐ์๊ฐ ๋์์ ํ ๋ฐ์. ์ ์ ์์ ์ ๊ธด์ฅ๊ฐ๊ณผ ๋๋ ค์์ ์ค๊ณ , ์ด์ ์ ๋ฌด๋ ๊ฝค ์ต์ํด์ก๋ค๊ณ ์๊ฐํ ๊ฒ๋๋ค. ์ฌ๋ฌ ํ๋ก์ ํธ๋ฅผ ํตํด ์ค๋ฌด ๊ฐ๊ฐ๋ ์๊ธฐ๊ณ , ์์ ๊ฐ๋ ๋ถ๊ธฐ ์์ํ๋๊น์. ๊ทธ๋ฌ๋ ๋ฐ๋ก ์ด ์์ ์์ ์ฃผ๋์ด ๊ฐ๋ฐ์๋ค์ด ํํ ๊ฒช๋ ์ค์๊ฐ ์์ต๋๋ค. ์ด๋ฒ ๊ธ์์๋ ์ฃผ๋์ด ๊ฐ๋ฐ์๋ค์ด ์์ฃผ ๊ฒช๋ โ์๊ณ ์๋ค๋ ์ฐฉ๊ฐโ์ ๋ํด ์ด์ผ๊ธฐํด ๋ณด๊ณ ์ ํฉ๋๋ค.
์ ์ ๊ฐ๋ฐ์์ ์ฃผ๋์ด ๊ฐ๋ฐ์
์ฌ์ค ์ ์ ๊ฐ๋ฐ์์ ์ฃผ๋์ด ๊ฐ๋ฐ์๋ฅผ ๋๋๋ ์ ๋์ ์ธ ๊ธฐ์ค์ ์์ต๋๋ค. ๋ฐ๋ผ์ ์ ๋ ์ฝ 0๋ ์ฐจ~1๋ ์ฐจ๊น์ง ์ ์ ์ผ๋ก ๋ณด๊ณ , ๊ทธ ์ดํ๋ถํฐ ์ฃผ๋์ด ๊ฐ๋ฐ์๋ผ๊ณ ์๊ฐํฉ๋๋ค.
1. ๋ชจ๋ ๊ฒ์ด ์๋ก์ ๋ ์๊ธฐ๋ ์ง๋๊ฐ๊ณ
์ ์ ๊ฐ๋ฐ์๋ ๋ง ๊ทธ๋๋ก ๊ฐ๋ฐ ์ ๋ฌด๋ฅผ ์ฒ์ ์์ํ ๋จ๊ณ๋ก, ๋๋ถ๋ถ์ ์ ๋ฌด์ ๊ธฐ์ , ๊ทธ๋ฆฌ๊ณ ์กฐ์ง ๋ฌธํ ์์ฒด๊ฐ ๋ฏ์ค๊ณ ๋ชจ๋ ๊ฒ์ด ์๋กญ์ต๋๋ค. ๊ฐ๋ฐ ์ ๋ฌด๋ ์ฒ์์ผ ์ ์์ง๋ง, ํ์ฌ ์ํ ์์ฒด๊ฐ ์ฒ์์ธ ๊ฒฝ์ฐ๋ ๋ง์ ๊ฒ๋๋ค. ๊ทธ๋์ ์ด ์์ ์๋ ์ค๋ฌด์ ๊น๊ฒ ๊ด์ฌํ๊ธฐ๋ณด๋ค๋ ์ฃผ์ด์ง ๊ณผ์ ๋ฅผ ์ดํดํ๊ณ , ๊ธฐ๋ณธ์ ์ธ ๊ฐ๋ฐ ๋๊ตฌ์ ํจ๊ป ํ์ ํ๋ ๋ฐฉ์์ ์ตํ๋ ๊ฒ์ ์ง์คํฉ๋๋ค. ์ด๋ฏธ ์ ํด์ ธ ์๋ ๊ธฐ์ ์คํ๊ณผ ๊ฐ๋ฐ ํ๋ก์ธ์ค์ ์ด์ฌํ ์ ์ํด์ผ ํ์ฃ .
๊ทธ๋ ๊ฒ ์๊ฐ์ด ํ๋ฌ 1๋ ์ด์ ์ค๋ฌด๋ฅผ ๊ฒฝํํ๋ฉด, ์ด์ ์ ์ ์ ๋ฒ์ด๋ ์ฃผ๋์ด ๊ฐ๋ฐ์์ ๋จ๊ณ์ ์ ์ด๋ค๊ฒ ๋ฉ๋๋ค. ์ด๋๋ถํฐ๋ ๋ ์ด์ ๋ชจ๋ ๊ฒ์ด ์๋กญ์ง ์์ต๋๋ค. ์์ ์ด ๋งก์ ์๋น์ค๋ ํ๋ก์ ํธ์ ํ ์ฌ์ดํด ์ด์์ ๊ฒฝํํ๊ฒ ๋๊ณ , ์ ๋ฌด ํ๋ฆ๊ณผ ๋ฐ๋ณต๋๋ ๋ฌธ์ , ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๋ํด์๋ ์ด๋ ์ ๋ ๊ฐ์ ์ก๊ฒ ๋ฉ๋๋ค. ๋ง์ฝ ์ด์ง ์์ด ํ ์กฐ์ง์์ ์ญ ์ผํ๋ค๋ฉด, ์์ ์ด ๋ด๋นํ ๋๋ฉ์ธ์ ๋ํ ์ดํด๋๊ฐ ๋์์ง๊ณ ์์ ๊ฐ๋ ๋ถ์ต๋๋ค.
2. ํ์คํ ์๋ค๋ ๊ฒ์ ํจ์

๋๋ฉ์ธ์ ์ดํดํ๊ณ , ์ฌ์ฉํ๋ ๋๊ตฌ๋ ์ต์ํด์ก์ต๋๋ค. ์ด ๊ธฐ๋ฅ์๋ ์ด๋ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ ํฉํด ๋ณด์ด๊ณ , ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ๋๋ ์ด ๋ฐฉ๋ฒ์ด ๋ง์ ๊ฑฐ๋ ์๊ฐ์ด ๋ญ๋๋ค. ๊ทธ๋ฌ๋ค ๋ณด๋ ๋ด๊ฐ ์๋ ๊ฒ์ ๋ํด์๋ ํ์ ์ด ์๊น๋๋ค. ๊ทธ๋ฌ๋ ๋ฌธ์ ๋ ์ฌ๊ธฐ์์ ๋ฐ์ํฉ๋๋ค. โํ์คํ ์๋ค๋ ๊ฒโ์ ๋์ฒด ๋ฌด์์ผ๊น์? ์ด๊ฒ์ด ์ด๋ค ๊ฒฐ๊ณผ๋ฅผ ๋ถ๋ฌ์ฌ๊น์?
ํ์คํ ์๋ค๋ ๊ฒ์ ์ ์ํ๊ธฐ๋ ๋ค์ ์ด๋ ต์ต๋๋ค. ๊ทธ๋ ๋ค๋ฉด ๋ฐ๋๋ก ํํํ๋ฉด ๋ฌด์์ผ์ง ์๊ฐํด ๋ณผ๊น์? ํ์คํ ์์ง๋ ๋ชปํ๋ค๋ ๊ฒ์, โ๋๊ตฐ๊ฐ์๊ฒ ์ค๋ช ํ๊ธฐ๋ ์ด๋ ค์ด ๊ฒโ์ด๋ผ๊ณ ์๊ฐํ ์ ์์ต๋๋ค. ์ ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ผ์ ์น์ํ ํ๋ก ํธ์๋ ๊ธฐ์ ์ ์์๋ก ๋ค์ด๋ณผ๊ฒ์.
์ ๋ง ํ์คํ๊ฒ ์๊ณ ์๋์?
1. Next.js๋ฅผ ์์๋์?

์์ฆ ํ๋ก ํธ์๋ ๊ธฐ์ ์ค โNext.jsโ๊ฐ ๋ง์ด ์ฐ์ ๋๋ค. ์๋ง ์ด ๊ธ์ ์ฝ๋ ๋ถ๋ค ์ค์์๋ ์ ์์๋ ๋ถ์ด ์์ ํ ๋ฐ์. Next.js๋ฅผ ์ค๋ช ํ๋ ค๋ฉด ๋ฆฌ์กํธ์ ๋์ ์๋ฆฌ๋ ์ ๋ฐ์ดํธ, ๊ทธ๋ฆฌ๊ณ ์์ผ๋ก์ ๋ฐฉํฅ์ฑ์ ๋ํด์๋ ๊ฐ์ด ์ธ๊ธํ๊ฒ ๋ฉ๋๋ค. Next.js๋ ๋ฆฌ์กํธ์ ํ๋ ์์ํฌ์ด๊ธฐ ๋๋ฌธ์ด์ฃ .
๊ทธ๋ฐ๋ฐ ๋ฐฉ๊ธ ์ด ์ค๋ช , ๋ฌด๋ฆฌ ์์ด ์ดํด๋์ จ๋์? ์ ๋ง ๋ค ์๊ณ ์๋ ๋ด์ฉ์ผ๊น์? ์กฐ๊ธ ๋ ๊ณฑ์น์ด ๋ด ์๋ค. "Next.js๊ฐ ๋ฆฌ์กํธ์ ํ๋ ์์ํฌ๋ค.", "๋ฆฌ์กํธ์ ๋ฐฉํฅ์ฑ์ด Next.js์ ์ํฅ์ ์ค๋ค"๋ผ๋ ๋ง์ ๋ฌด์จ ์๋ฏธ์ผ๊น์? ์ด๋ฅผ ์ดํดํ๋ ค๋ฉด ๋จผ์ ๋ฆฌ์กํธ๊ฐ ๋ฌด์์ธ์ง, ํ๋ ์์ํฌ๋ ๋ฌด์์ธ์ง ์์์ผ ํฉ๋๋ค. ๋ฐฉ๊ธ ๊ทธ ๋ด์ฉ์ ๋น์ฐํ ์๊ณ ์๋ค๊ณ ์๊ฐํ๊ณ ์ง๋์ณค๋ค๋ฉด, ์๋ง 'ํ์คํ ์๋ค'๋ผ๊ณ ์ฐฉ๊ฐํ์ ์๋ ์์ต๋๋ค.
๊ทธ๋ ๋ค๋ฉด React๋ ๋ฌด์์ธ๊ฐ์?
์ค๋ช ํ๊ธฐ ์ด๋ ค์ฐ์ จ๋์? ๋ฆฌ์กํธ๊ฐ ๋ฌด์์ธ์ง๋ React ๊ณต์ ๋ฌธ์์ ๋ช ํํ๊ฒ ์ ํ ์์ต๋๋ค.

โ์ฌ์ฉ์ ์ธํฐํ์ด์ค(UI)๋ฅผ ๋ง๋ค๊ธฐ ์ํ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌโ
์ฌ๊ธฐ์์ ์กฐ๊ธ ๋ ์๋์ชฝ์ ๋ณด๋ฉด ์ถ๊ฐ ์ค๋ช ์ด ๋์ด ์์ต๋๋ค.

์ ๋ฆฌํด ๋ณด๋ฉด, ๋ฆฌ์กํธ๋ โ์ํธ ์์ฉ์ด ๋ง์ UI๋ฅผ ๋ง๋ค ๋ ์๊ธฐ๋ ์ด๋ ค์์ ์ค์ฌ์ฃผ๋ ์ ์ธํ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌโ๋ผ๊ณ ์ค๋ช ํ ์ ์์ต๋๋ค. ๊ทธ๋ ๋ค๋ฉด Next.js๊ฐ ๋ฆฌ์กํธ์ ํ๋ ์์ํฌ๋ผ๋ ๊ฑด ์ด๋ค ์๋ฏธ์ผ๊น์?
Next.js๋ ์ด๋ค ์๋ก์ด ์ธ์ด๋ก์จ ์กด์ฌํ๋ ๊ฒ์ด ์๋, JavaScript ์ธ์ด์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค ํ๋์ธ ๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ ํ๋ ์์ํฌ๋ผ๊ณ ์ ๋ฆฌํ ์ ์์ต๋๋ค. ์ฆ, Next.js๋ณด๋ค ๋ฆฌ์กํธ๊ฐ ๋จผ์ , ๋ฆฌ์กํธ๋ณด๋ค ์์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์๋ค๋ ์๋ฏธ์ฃ . ๋ฐ๋ผ์ Next.js์ ๋ฐฉํฅ์ฑ์ ๋ํด ๋ ผํ๋ ค๋ฉด, ๋น์ฐํ ๋ฆฌ์กํธ์ ๋ฐฉํฅ์ฑ์ด ๋ฐ๋ผ์ค๋ ๊ฒ๋๋ค.
2. ๋ธ๋ผ์ฐ์ ๊ฒ์ ์ฐฝ์ โwww.google.comโ์ ์ ๋ ฅํ๋ฉด ์ด๋ค ์ผ์ด ๋ฐ์ํ๋์?
ํ๋ก ํธ์๋์ ๊ดํด ์ด์ผ๊ธฐํ์ผ๋, ์ด๋ฒ์๋ ์ข ๋ ๋ณดํต์ ์์๋ฅผ ๋ค์ด๋ณด๊ฒ ์ต๋๋ค. ๊ฝค ์ต์ํ ์ง๋ฌธ์ด์ฃ ? ๊ฐ๋ฐ์ ๋ฉด์ ์ง๋ฌธ์ ๊ฒ์ํ๋ฉด ๋จ๊ณจ ์ง๋ฌธ์ผ๋ก ์ ํ์๋ ๊ฒ ์ค ํ๋์ ๋๋ค. ์ด๋ป๊ฒ ๋ต๋ณํ ๊ฑด๊ฐ์? ํ์คํ๊ฒ ์๋ค๊ณ ์๊ฐํ์๋์? ์๋ ๋ด์ฉ์ ์ฝ๊ธฐ ์ ์ ๋ณธ์ธ๋ง์ ๋ต๋ณ์ ๋ง๋ค์ด๋ณด์ธ์.
๊ฐ์ฅ ๊ฐ๋จํ๊ฒ๋ ์ด๋ ๊ฒ ๋ต๋ณํ ์ ์์ ๊ฒ๋๋ค.

- Client์์ www.google.com์ Web Server๋ก
index.html
์ Requestํ๋ค. - Web Server์์ ํ์ํ ๋ฐ์ดํฐ๋ฅผ ๋ถ๋ฌ์จ ํ
index.html
์ Responseํ๋ค. - Client์์ ์ ๋ฌ๋ฐ์
index.html
์ ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋งํ๋ค.
ํ๋ฆฐ ์ค๋ช ์ ์๋์ง๋ง, ์ด๋ณด๋ค ์์ธํ ์ด์ผ๊ธฐํ ์๋ ์์ ๊ฒ๋๋ค.

- Client์์ DNS๋ก www.google.com๋ฅผ ์ง์ํด์ IP ์ ๋ณด๋ฅผ ์์๋ธ๋ค.
- ์ดํ ๋์ผ
์ปดํจํฐ๋ www.google.com์ IP๋ฅผ ์์ง ๋ชปํฉ๋๋ค. ๋ฐ์ง๊ณ ๋ณด๋ฉด ์ด๋ โ์ฃผํ์ด๋ค ์งโ๊ณผ ๊ฐ์ ํฌ๊ด์ ์ธ ๋ช ์นญ์ด๊ธฐ ๋๋ฌธ์ด์ฃ . ์ด โ์ฃผํ์ด๋ค ์งโ(๋๋ฉ์ธ)์ ์ค์ ์ฃผ์(IP)๋ฅผ ์๊ธฐ ์ํด์ ๋ช ์นญ๊ณผ ์ฃผ์๊ฐ ๋งคํ๋์ด ์๋ ์ด๋ค ์ฑ ์(DNS)๋ฅผ ๋จผ์ ํ์ธํด์ผ ํฉ๋๋ค. ์ด์ ์กฐ๊ธ ๋ ๊ตฌ์ฒด์ ์ผ๋ก ์ค๋ช ๋์๋ค์. ๊ทธ๋ฌ๋ ์ด๋ฅผ ํ์คํ ์ค๋ช ํ๊ธฐ ์ํด์๋ Domain์ ๊ฐ๋ ๊ณผ DNS ๋ฑ ๋คํธ์ํฌ CS ์ง์์ด ์๋ฐ๋์ด์ผ ํฉ๋๋ค. (์บ์ฑ ๋ด์ฉ์ ์๋ตํ์ต๋๋ค.)
๊ทธ๋ ๋ค๋ฉด ์ด์ ์์ ํ ์๊ณ ์๋ ๊ฑธ๊น์? ๋ ์์ธํ ๋ค์ด๊ฐ ๋ด ์๋ค. ์ฌ์ค ํน์ IP๋ก Request๋ฅผ ํ๋ค๋ ์์ผ๋ก ๊ฐ๋จํ๊ฒ ํํํ์ง๋ง, ์ด ๊ณผ์ ๋ ๊ทธ๋ ๊ฒ ๊ฐ๋จํ์ง ์์ต๋๋ค. DNS์์ IP๋ฅผ ์์๋ธ ํ, Requestํ๋ ๋ถ๋ถ๋ถํฐ ๋ค์ ์ ์ด๋ณด๊ฒ ์ต๋๋ค. (ํธ์์ http๋ก ์์ฒญํ๋ค๊ณ ๊ฐ์ ํ๊ฒ ์ต๋๋ค.)
- ์์๋ธ IP๋ฅผ OS์์ ์ ๊ณตํ๋ Socket API๋ฅผ ํตํด ๋คํธ์ํฌ ์์ฒญ์ ์์ฑํฉ๋๋ค.
- ์ด๋ IP ํจํท์ ์์ฑํ๊ณ , TCP Header์ HTTP Data๋ฅผ ์ถ๊ฐํฉ๋๋ค.
- ์์ฑ๋ IP ํจํท์ Ethernet Frame์ผ๋ก ์บก์ํ์ํต๋๋ค.
- Ethernet์ ์ฌ์ฉํ๊ธฐ ์ํด ARP๋ก ๋ผ์ฐํฐ์ MAC ์ฃผ์๋ฅผ ์์๋ ๋๋ค.
- ์์ฑํ๋ ์ด๋๋ท ํ๋ ์์ LAN์ ํตํด ๋ผ์ฐํฐ๋ก ์ ์กํฉ๋๋ค.
- ๋ผ์ฐํฐ์์๋ Header์ Destination address๋ฅผ ํ์ธํ๊ณ ๋คํธ์ํฌ์ ๋ง๋ ๋ผ์ฐํฐ๋ก ํจํท์ ์ ์กํ๊ฑฐ๋ Destination address๋ก ์ ์กํฉ๋๋ค.
โฆ ์ดํ ์๋ต
์ด๋ค๊ฐ์? ์๊ฒ ๋ชจ๋ฅด๊ฒ ์ ๋ง ๋ง์ ๋ด์ฉ์ด ๋ค์ด์์ต๋๋ค. ์ด ๊ฐ๋ ์ ์์ ํ ์ดํดํ๊ธฐ ์ํด์๋ OSI 7-Layer์ TCP์ 3 Way-Handshake, ๊ทธ๋ฆฌ๊ณ ํจํท์ ํฌํจํ ์ฌ๋ฌ ๋คํธ์ํฌ ์ง์์ ์๊ณ ์์ด์ผ ํฉ๋๋ค. ์ฌ๋ฐ๋ ์ ์ ์์ง ๋ธ๋ผ์ฐ์ ์ ๋์์ ๋ฌผ๋ก , ์๋ฒ์ ๋์๊น์ง๋ ๋์ฐฉํ์ง ๋ชปํ๋ค๋ ์ ์ด์ฃ . ์ด๋ ๊ฒ ์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๊ณ ์๋ ๊ธฐ์ ๋ค์ ์ฌ์ค ์๋นํ ๋ณต์กํ๊ณ , ์๋ฐํ๊ฒ ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค. ์ด๋ค๊ฐ์? ์์์ ๋ฏธ๋ฆฌ ์๊ฐํด ๋ดค๋ ๋ต๋ณ๊ณผ ์ง๊ธ์ ๋ด์ฉ์ ๋ชจ๋ ํ์คํ ์๊ณ ์๋ ๋ถ๋ถ์ธ๊ฐ์?
3. ์ด๊ฒ ์ ๋ง ํ์ํ๊ฐ์?

์ฌ๊ธฐ๊น์ง ์ฝ๊ณ ๋๋ฉด ์๋ง ์ด๋ฐ ์๋ฌธ์ด ๋ค ์ ์์ต๋๋ค. ๋์ฒด ์ด๊ฒ ๋ด๊ฐ ๊ณต๋ถํ๋ ํ๋ก ํธ์๋(๋๋ ์ฌ๋ฌ ์ง๋ฌด๋ค)์ ์ด๋ค ๋์์ด ๋๋ ๊ฑฐ์ง?
๋ง์ต๋๋ค. ์ค์ ๋ก ์ด๋ฐ ๋ด์ฉ์ ์ ๋ชจ๋ฅด๊ณ ๋ ์ถฉ๋ถํ ์ํ๊ณ ์๋๋ฐ ๋ง์ด์ฃ . ํ์ฌ์์ ์ผํ ๋๋ ์ด๋ฐ ๋คํธ์ํฌ ๋ ๋ฒจ๊น์ง ๊ณ ๋ คํ์ง ์๋ ๊ฒฝ์ฐ๊ฐ ๋ง๊ณ ์.
์ฌ๊ธฐ์ ์ ๊ฐ ๋งํ๊ณ ์ถ์ ๊ฑด ๋คํธ์ํฌ ์ง์(๋๋ CS ์ง์)์ ๋ฐ๋์ ๊ณต๋ถํด๋ผ!๊ฐ ์๋๋๋ค. ๊ทธ๋ณด๋จ ์ฌ์ค ์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๋ ์ถ์ํ๋ ๊ธฐ์ ์๋ ์ด๋ฐ ๊ฒ๋ค๋ ์กด์ฌํ๋ฏ๋ก, ๋ฌด์์ด๋ ํ์คํ ์๋ค๊ณ ๋งํ๋ ๊ฑด ๋ถ๊ฐ๋ฅํ๋ค๋ ๊ฒ์ ๋๋ค.
์ ๊ฐ ์์ ํ์คํ ์๋ค๋ ๊ฒ์ ํจ์ ์ ๋ํด ์ธ๊ธํ๋๋ฐ์. ํ์คํ ์๋ค๋ ๊ฒ์ ํจ์ ์ ๋ ์ด์ ์๋ ค๊ณ ํ์ง ์๋๋ค๋ ๊ฒ๋๋ค. ์๋ํ๋ฉด ๋๋ ์ด๋ฏธ ์๊ณ ์๋๋ฐ, ๊ตณ์ด ๋ ์์๋ณผ ํ์๋ ์๋ค๊ณ ์๊ฐํ๋๊น์. ์ฐ๋ฆฌ๊ฐ ๋ง์ , ๋บ์ ์ ๋ค์ ๊ณต๋ถํ์ง ์๋ ๊ฒ๊ณผ ๊ฐ์ ์ด์น์ ๋๋ค. ๋ฌธ์ ๋ ๋ชจ๋ฅด๋ ๊ฒ๊ณผ ์ฌ์ค ๋ชจ๋ฅด๊ณ ์๋๋ฐ, ๋ ์๋ ค๊ณ ํ์ง ์๋ ๊ฒ์ ์์ ํ ๋ค๋ฅด๊ธฐ ๋๋ฌธ์ด์ฃ .

์ฌ๋ฆฌํ์์ ๋งํ๋ โ๋๋ํฌ๋ฃจ๊ฑฐ ํจ๊ณผ(Dunning-Kruger Effect)โ๋ ์ด๋ฌํ ํ์์ ์ ์ค๋ช ํด ์ค๋๋ค. ์์ ์ด ์ผ๋ง๋ ๋ชจ๋ฅด๋์ง ๋ชจ๋ฅด๋ ์ํ, ์ด๋ฅธ๋ฐ โ์ฐ๋งคํจ์ ๋ด์ฐ๋ฆฌโ์์ ๋ง์ ์๊ฐ์ ์ฐ๊ฒ ๋ ์๋ก ์ฑ์ฅํ๊ธฐ๋ ์ด๋ ค์์ง๋๋ค. ํ์คํ ์๋ค๊ณ ์ฐฉ๊ฐํ๊ณ ์๋ ์๊ฐ์ด ๊ธธ์ด์ง์๋ก, ์ด ์ฐ๋งคํจ์ ๋ด์ฐ๋ฆฌ์์ ์ค๋ ์๊ฐ์ ์ฐ๋ ๊ฒ์ด์ฃ . ๋ ๋ด๊ฐ ํ์คํ ์๊ณ ์๋ค๊ณ ์๊ฐํ๋ฉด, ๋์ ๋ค๋ฅธ ์๊ฒฌ์ ๊ฐ์ง ์ฌ๋๋ค์ด ํ๋ ธ๋ค๊ณ ๋จ์ ์ง๊ฒ ๋๊ณ , ๋์ฑ๋ ๋ด์ฐ๋ฆฌ์ ์ค๋ ๋ฌถ์ฌ ์๊ฒ ๋ฉ๋๋ค.
๊ทธ๋ผ ์ด๋ป๊ฒ ํด์ผ ํ ๊น์?*
1. โํ์คํ ์๋คโ๋ผ๋ ์๊ฐ์ ๋ฒ๋ฆฌ์
์์ ์ด์ผ๊ธฐ์ ๋นํด ํด๊ฒฐ์ฑ ์ด ๋๋ฌด ๊ฐ๋จํ๋ค๊ณ ์๊ฐํ์ จ๋์? ํ์ง๋ง ์ด๊ฑธ ์งํค๊ธด ์๊ฐ๋ณด๋ค ์ด๋ ต์ต๋๋ค. ํ ๊ณณ ๋๋ ํ ์ง์ข ์ ์ค๋ ๋จธ๋ฌด๋ฅผ์๋ก ๋์ฑ ์ด๋ ค์์ง๋๋ค. ๋ด๊ฐ ๊ณ์ํด ์๋ ๊ฒ์ด๋ผ, ๊ทธ๊ฒ์ด ์ ์ผํ ์ ๋ต์ด๋ผ๊ณ ์๊ฐํ๊ธฐ ๋๋ฌธ์ด์ฃ . ๋ฐ๋ผ์ ์ด๊ฒ ํ๋๋ง์ ๊ผญ ๊ธฐ์ตํด์ผ ํฉ๋๋ค.
โ์๋ ๊ฒ๋ณด๋ค, ๋ชจ๋ฅธ๋ค๋ ๊ฒ์ ์๋ ๊ฒ ๋ ์ค์ํฉ๋๋ค.โ
๋ด๊ฐ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ด ์๋ค๋ ๊ฑธ ์ธ์ ํ๊ณ , ์ด์ ๊ดํ ์๊ฒฌ๋ค์ ๋ง์ด ๋ฐ์๋ณด๋ฉฐ ๊พธ์คํ ํ์ตํด์ผ ํฉ๋๋ค. ๋ง์ฝ ๊ทธ ๋์์ด ๋๋ณด๋ค ์ ์ฐ์ฐจ๋ผ๊ณ ํ ์ง๋ผ๋ ๋ง์ด์ฃ . ์ ์ญ์ ์์ CS ๊ด๋ จ ๋ด์ฉ์ ์ ์์ง๋ง, ์ฌ์ค ๋ Low-level์ ๋ค๊ฐ๊ฐ์๋ก ๋ชจ๋ฅด๋ ์ง์์ด ๋ง์ต๋๋ค. ์ด๋ ๊ฒ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ด ์์์ ์ธ์ ํ๊ณ , ์ธ์ ๊ฐ ๊ธฐํ๊ฐ ๋๋ฉด ๋ ์์ธํ ์์๋ณด๊ณ ์ถ๋ค๊ณ ์๊ฐํฉ๋๋ค.
2. ์๋ ์๋ฆฌ๋ฅผ ์ดํดํ๊ธฐ
์ฐ๋ฆฌ๊ฐ ํํ ์ฌ์ฉํ๋ ๊ธฐ์ ๋ค์ ์ฌ์ค ์๋ง์ ์ถ์ํ ์์ ์กด์ฌํฉ๋๋ค. React, Next.js, fetch API, ๋ธ๋ผ์ฐ์ ๋ ๋๋ง ๋ฑ ๋ง์ ๊ธฐ์ ๋ค์ด, ๊ทธ๋ฆฌ๊ณ ๊ทธ ๊ธฐ์ ๋ค์ ์ด๋ฃจ๋ ๊ธฐ์ ๋ํ ์ถ์ํ๋์ด ์กด์ฌํ์ฃ . ์ด๋ฅผ ๋๋ฌด ๋น์ฐํ๊ฒ๋ง ์๊ฐํ์ง ์๋ ๊ฒ์ด ์ค์ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ ๋ถ ์์์ผ ํ๋ค๋ ๊ฒ ์๋๋ผ, ์์ง๋ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ด ์๋ค๊ณ ์๊ฐํด์ผ ํ๋ค๋ ๊ฒ๋๋ค. ์ด ์์ ์ฐจ์ด๊ฐ ๊ฐ๋ฐ์๋ก์ ๋ ์ฑ์ฅํ ์ ์์์ง ์์์ง๋ฅผ ๊ฒฐ์ ํฉ๋๋ค.
๋ง์น๋ฉฐ*

๊ฐ๋ฐ์๋ ๋งค์ผ ๋ณต์กํ ๊ธฐ์ ์ ๋ค๋ฃจ์ง๋ง, ๋๋ก๋ ๊ทธ ๊ธฐ์ ์ด ์ด๋ป๊ฒ ๋์ํ๋์ง์กฐ์ฐจ ๋ชจ๋ฅธ ์ฑ ์ง๋์น๊ธฐ๋ ํฉ๋๋ค. Next.js๋ฅผ ์๋ค๊ณ ๋งํ๋ฉด์๋ React, JavaScript์ ๋์ ๋ฐฉ์์ ๋ํด์๋ ๋ชจ๋ฅด๊ณ , ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ๋ฐฉ์์ ๊ดํด ์ค๋ช ํ์ง ๋ชปํ๋ ๊ฒฝ์ฐ๋ ํํฉ๋๋ค.
๊ทธ๋ฌ๋ ๋ชจ๋ฅด๋ ๊ฑธ ์ธ์ ํ๋ ๊ฒ, ๊ทธ๋ฆฌ๊ณ ๊ทธ ์์ ์๋ฆฌ๋ฅผ ๋ค์ฌ๋ค๋ณด๋ ค๋ ์๋๋ ๊ฐ๋ฐ์๋ฅผ ํ ๋จ๊ณ ์ฑ์ฅ์ํค๋ ๋ฐ ๊ฐ์ฅ ์ค์ํ ํ๋๊ฐ ๋ฉ๋๋ค. ๊ธฐ์ ์ ๊ณ์ ๋ฐ๋๊ณ ์ถ์ํ๋ ๋ ๊น์ด์ง์ง๋ง, ๊ธฐ์ด๋ ํฌ๊ฒ ๋ณํ์ง ์์ต๋๋ค. ์ถ์ํ๋ ๊ธฐ์ ๋ง ๋ณด๊ณ ์ฃ๋ถ๋ฆฌ ์ ๋ต์ด๋ผ๊ณ ์๊ฐํ๋ ๊ฑด ์ฑ์ฅ์ ๋์์ด ๋์ง ์์ต๋๋ค.
๋ชจ๋ ๊ฒ์ ๊ด์ฌ์ ๊ฐ์ง๊ณ ๊ธฐ์ ์ ์ฐ๊ตฌํด, ์ค๋ฒ ์์ง๋์ด๋ง(Over Engineering)์ ํ๋ผ๋ ๋ป์ ์๋๋๋ค. ๋ค๋ง ๋ฐฐ์ฐ๊ณ ์ ํ๋ ์์ธ๋ฅผ ์์ง ์๋ ๊ฒ๋ง์ผ๋ก ์ถฉ๋ถํฉ๋๋ค. ๋ ์๋ก์ด ๊ธฐ์ ์ ๋ฐฐ์ฐ๊ธฐ์ ๊ธ๊ธํ๊ธฐ๋ณด๋ค๋ ๋ณธ์ง์ ์ดํดํ๋ ๋ฐ ์ง์คํ๋ค ๋ณด๋ฉด, ์ด๋์ ์ค์๋ ์ค์ด๋ค๊ณ ํ์ธต ์ฑ์ฅํ ์์ ์ ๋ง์ฃผํ๊ฒ ๋ ๊ฒ์ ๋๋ค.