
๊นํ๋ธ ์ฝํ์ผ๋ฟ, 1๋ ๋์ ์จ๋ณด๊ณ ๋๋ ์ ๋ค
๊นํ๋ธ ์ฝํ์ผ๋ฟ, 1๋ ๋์ ์จ๋ณด๊ณ ๋๋ ์ ๋ค ๊ด๋ จ
๊ตญ๋ด IT ๊ธฐ์ ์ ํ๊ตญ์ ๋์ด ์ธ๊ณ๋ฅผ ๋ฌด๋๋ก ํ ์ ๋๋ก ๋ฐ์ด๋ ๊ธฐ์ ๊ณผ ์์ด๋์ด๋ฅผ ์๋ํฉ๋๋ค. ์ด๋ค์ ๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ํตํด ์ด๋ฌํ ์ ๋ณด๋ฅผ ๊ณต๊ฐํ๊ณ ์์ต๋๋ค. ์์ฆIT๋ ๊ฐ ๊ธฐ์ ์ ํน์ ์๊ณ ์ ์ตํ ์ฝํ ์ธ ๋ฅผ ์๊ฐํ๋ ์๋ฆฌ์ฆ๋ฅผ ์ค๋นํ์ต๋๋ค. ์ด๋ค์ ์ด๋ป๊ฒ ์ฌ๊ณ ํ๊ณ , ์ด๋ค ๋ฐฉ์์ผ๋ก ์ผํ๋ ๊ฑธ๊น์?
์ด๋ฒ ๊ธ์ ์ฌ์ฉ์ ๋ฐ์ดํฐ๋ฅผ ํตํด ๋์งํธ ํ๋ก๋ํธ์ ์๋น์ค ์ ๋ต์ ์ค๊ณํ๋ โpxdโ์์ 1๋ ๊ฐ์ ๊นํ๋ธ(GitHub)์ ์ฝํ์ผ๋ฟ(Copilot) ์ฌ์ฉ๊ธฐ๋ฅผ ์๊ฐํฉ๋๋ค.
ํ ์คํธ์ ์ด๋ฏธ์ง, ์์๊ณผ ์์ ๊น์ง ์ด์ ๋ ์์ฑํ AI๊ฐ ๋ฌด์์ด๋ ๋ง๋ค์ด์ค ์ ์์ ๊ฒ๋ง ๊ฐ์ต๋๋ค. ๊ฐ๋ฐ์๊ฐ ์ฌ์ฉํ๋ ์ฝ๋ ์ญ์ AI์ ์์ฑ ๋์์์ ์์ธ๊ฐ ์๋๋ฐ์. ๊ฐ๋จํ ์กฐ์์ผ๋ก ์ํ๋ ์ฝ๋๋ฅผ ๋๋ฑ ๋ง๋ ๋ค๋ ์ ๋ฌด ํจ์จ์ ๋์ผ ์ ์๊ฒ ๋ค๋ ๊ธฐ๋๊ฐ ๋๋ ๋งํผ ์ ๋ง๋ก AI๊ฐ ๋ด๊ฐ ๋ง์กฑํ๋ ์์ค์ ์ฝ๋๋ฅผ ๋ง๋ค์ด์ค์ง ์๋ฌธ์ด ๋ค๊ธฐ๋ ํฉ๋๋ค.
๊ฐ๋งํ ์์ ์์ผ๋ฉด ๊ถ๊ธ์ฆ์ ํด๊ฒฐ๋์ง ์๊ธฐ์, ํผ์์ค๋(pxd)์ ๊ฐ๋ฐ ์กฐ์ง์ธ XE(eXperience Engineering) ๊ทธ๋ฃน์ ๊ฐ๋ฐ์๋ฅผ ์ํ ์ฌ๋ฌ AI ํด์ ์ ๋ฌด์ ํ์ฉํด ๋ณด๊ธฐ๋ก ํ์ต๋๋ค. ๋จผ์ ๊นํ๋ธ(GitHub)์ ์ฝํ์ผ๋ฟ(Copilot)์ ์ฌ์ฉํด ๋ดค์ฃ . ์ด ๊ธ์๋ ์ฝํ์ผ๋ฟ์ ๊ธฐ๋ณธ์ ์ธ ์ฌ์ฉ๋ฒ๊ณผ 1๋ ๊ฐ ์ฌ์ฉํ๋ฉฐ ๋๋ ์ ์ ๋ด์์ต๋๋ค. ์ฐธ๊ณ ๋ก ์ ๊ฐ ์ฝํ์ผ๋ฟ์ ์ฌ์ฉํ ํ๊ฒฝ์ ๋งฅ(Mac) ์ด์ ์ฒด์ ์ด๋ฉฐ, ๋น์ฃผ์ผ ์คํ๋์ค ์ฝ๋(VSCode) ํธ์ง๊ธฐ๋ฅผ ํ์ฉํ์ต๋๋ค.
์ฝํ์ผ๋ฟ, ์ด๋ ๊ฒ ์๋๋ค
๋น์ฃผ์ผ ์คํ๋์ค ์ฝ๋์ ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ค์นํด ์ฝํ์ผ๋ฟ์ ๊ณง๋ฐ๋ก ์ด์ฉํ ์ ์์์ต๋๋ค. ์ ๋ ์ฃผ๋ก ๋ ๊ฐ์ง ๋ฐฉ์์ ํ์ฉํด ์ฝํ์ผ๋ฟ์ ์ฌ์ฉํ๋๋ฐ์. ์ฌ๋ ์์ฑํ AI์ฒ๋ผ ์ฑํ ํ๋ฏ ๋ด๊ฐ ์ํ๋ ์ฝ๋๋ฅผ ๋ฌผ์ด๋ณด๊ณ ์ฝํ์ผ๋ฟ์ด ๋ตํด์ฃผ๋ โ์ฑ ๋ทฐ(Chat View)' ๋ฐฉ์๊ณผ ์ง๊ธ ์์ ํ๊ณ ์๋ ํ์ผ์์ ํน์ ์ฝ๋๋ฅผ ๋๋๊ทธํด ์ ํํ ์์ญ์ ๊ดํด ์ฝํ์ผ๋ฟ์ ์ง๋ฌธํ ์ ์๋ โ์ธ๋ผ์ธ ์ฑ(Inline Chat)โ ๋ฐฉ์์ ๋๋ค. ๋ค๋ฅธ ์์ฑํ AI์ ๋น์ทํ ์ ์ด ๋ง์ ์ ๊ทผ์ด ์ฝ๊ณ ์ต์ํด ์ฌ์ฉ์ด ํธ๋ฆฌํ๊ธฐ ๋๋ฌธ์ ๋๋ค.

๋ฐ๋ฉด, ๋๋กญ๋ค์ด(Dropdown) ํํ๋ก ๊ฐ๋จํ ์ง๋ฌธ์ ํ๊ธฐ ์ฉ์ดํ โํต ์ฑ(Quick Chat)โ ๋ฐฉ์์ UI๊ฐ ๋ถํธํด ์ฌ์ฉํ์ง ์์์ต๋๋ค. ์์ฑ ์ค์ธ ์ฝ๋ ์๋จ์ ์ง๋ฌธ์ ๋ต๋ณ์ด ๋์ด๋ค ๋ณด๋ ๋ต๋ณ์ด ๊ธธ์ด์ง๋ฉฐ ์์ ๋ด์ฉ์ ๊ฐ๋ ค๋ฒ๋ฆฌ๊ธฐ ์ผ์ค์๊ฑฐ๋ ์.

์ฝํ์ผ๋ฟ์ ๋ด ์ง๋ฌธ ์ธ์๋ ์ง๊ธ ์์ฑํ๊ณ ์๋ ์ฝ๋์ ๋ค์ ๋ด์ฉ์ ์ ์ถํด ์๋์ผ๋ก ์ ์ ํ ์ฝ๋๋ฅผ ์ ์ํด ์ฃผ๊ธฐ๋ ํฉ๋๋ค. ํ ์คํธ๋ฅผ ์ธ์งํ๊ณ ์ด์ด์ง ๋ง์ ์์ฑํด ์ฃผ๋ ์ค๋งํธํฐ์ โ์๋ ์์ฑ ๊ธฐ๋ฅโ๊ณผ ์ ์ฌํฉ๋๋ค. ์ฝํ์ผ๋ฟ์ด ์ ์ํด ์ค ์ฝ๋๋ฅผ ๊ทธ๋๋ก ์ ์ฉํ ์๋, ๋ง์์ ๋ค์ง ์์ผ๋ฉด ์๋ก์ด ์ ์์ ์์ฒญํ ์๋ ์์ต๋๋ค. ๊ฐ๋จํ ์์ ์์ ๋ฅ๋ฅ ์ ๋์ด๋ ๋ฐ ํฐ ๋์์ด ๋์ฃ .

์ฝํ์ผ๋ฟ, ์ด๋ฐ ์ผ์ ํจ๊ปํ๊ธฐ ์ข์ต๋๋ค
๋จ์ํ๊ณ ๋ฐ๋ณต์ด ํ์ํ ์์
์์ผ๋ก๋ ์ ๋ ๋ฐ๋ณต๋๊ฑฐ๋ ๋จ์ํ ์์ ์ ์ฝํ์ผ๋ฟ๊ณผ ํจ๊ปํ ์์ ์ ๋๋ค. ์๋ฅผ ๋ค์ด, ํ์ ์คํฌ๋ฆฝํธ(TypeScript) ํ๋ก์ ํธ์์ ๋ฐ์ดํฐ ํ์ ์ ์ ์ํ๊ฑฐ๋ ์ฃผ์์ ์์ฑํ๋ ๊ฐ๋จํ ์์ ๋ง์ด์ฃ . ์ด๋ฐ ์์ ์ ํจ์จ์ ๋์ฌ์ฃผ๋ ๊ฒ ์ฝํ์ผ๋ฟ์ ๊ฐ์ฅ ํฐ ์ฅ์ ์ด๋ผ๊ณ ๋๊ผ๊ธฐ ๋๋ฌธ์ ๋๋ค.
๊ฐ๋ฐ ๊ณผ์ ์์ ํ์ ์ ์ํด API(Application Programming Interface) ๋ฐ์ดํฐ์ ํ์ ์ ์ค๋ช ํ๊ณ ์ ์ฃผ์์ ๋ค๋ ๊ฒฝ์ฐ๊ฐ ๋ง์๋ฐ์. ์ด๋ ์ํ๋ ๋ฐ์ดํฐ๋ฅผ ์ ํํ๊ณ โํ๊ธ๋ก ์ฃผ์ ์์ฑํด ์ค'๋ผ๋ ์ง๊ด์ ์ธ ํ๋กฌํํธ๋ฅผ ์ ๋ ฅํ๋ฉด ์ฝํ์ผ๋ฟ์ ์ ์ ํ ํค(Key)๊ฐ์ ์ ์ถํด ์ฃผ์์ ์์ฑํด ์คฌ์ต๋๋ค. ์ด์ ๊ฐ๋ฐ์๋ ํค๊ฐ๋ง ์๋ฏธ ์๊ฒ ์์ฑํด ๋๋ฉด ๋ฒ๊ฑฐ๋ก์ ๋ ์ฃผ์ ๋ฌ๊ธฐ์์ ๋ฒ์ด๋ ์ ์๋ ๊ฑฐ์ฃ .


์ ๊ท์ ์์ฑ
์ฝํ์ผ๋ฟ์ ๋ณต์กํ๊ณ ๊ท์น์ด ๋ง์ ์ธ์ฐ๊ธฐ ์ด๋ ค์ด ์ ๊ท์ ์ฝ๋๋ฅผ ์์ฑํ ๋ ์ ์ฉํ์ต๋๋ค. ๋จ์ํ ํจํด๋ง ์ ๊ณตํ๋ ๊ฒ์ด ์๋๋ผ, ๊ทธ ํจํด์ ๋ํ ์ค๋ช ๊น์ง ์ ๊ณตํด ์ถํ ์์ ์ด ํ์ํ ๋๋ ๋์์ด ๋์ฃ . ์๋ ์ด๋ฏธ์ง์์ ์ฝํ์ผ๋ฟ์ ํด๋์ ํ ๋ฒํธ์ ์ ํจ์ฑ์ ๊ฒ์ฌํ ์ ์๋ ์ ๊ท์์ ์์ฑํด๋ฌ๋ผ๊ณ ํ์ ๋, ์ฝํ์ผ๋ฟ์ด ์ ๊ท์์ ํจํด๊ณผ ๊ทธ ์ค๋ช ์ ์ ๊ณตํ๋ ๋ชจ์ต์ ํ์ธํ ์ ์์ต๋๋ค.

๊ณตํต ์ปดํฌ๋ํธ ์ ์
๋ง์ง๋ง์ผ๋ก ๊ณตํต ์ปดํฌ๋ํธ ์ ์๋ ์ฝํ์ผ๋ฟ ๋๋ถ์ ํ๊ฒฐ ์์ํด์ก์ต๋๋ค. ์์ฝ๋์ธ(Accordion)์ด๋ ๋๋กญ๋ค์ด๊ฐ์ด ์ฐ๋ฆฌ์๊ฒ ์ต์ํ ์ปดํฌ๋ํธ๋ฅผ ์ฝํ์ผ๋ฟ์ ๋ง๋ค์ด๋ฌ๋ผ๊ณ ํ๋ฉด, ์ฝํ์ผ๋ฟ์ ์ปดํฌ๋ํธ์ ๋๋ต์ ์ธ ํ์ ์ก์์ค๋๋ค. ์ฝํ์ผ๋ฟ์ด ์ ๊ณตํ ํ์ ์ํ๋ ๊ธฐ๋ฅ์ ๋ํ๋ฉฐ ์๊ฐํ๋ ๋ฐฉํฅ์ผ๋ก ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด ๋๊ฐ ์ ์์์ฃ . ๊ธฐ์ด ์์ ์ ๋๋ ์๋์ง๋ฅผ ํฌ๊ฒ ์ค์ฌ ์ ๋ฌด ํจ์จ์ ๋์ด๋ ๊ฒฐ๊ณผ๋ฌผ์ ํ์ง์ด ๋ง์กฑ์ค๋ฌ์ ์ต๋๋ค.
์ฝํ์ผ๋ฟ์ด ์ฐ๋ฆฌ์๊ฒ ๊ฑด๋ค๋ ์๋ก์ด ์๊ฐ
๊ณ์ํด์ ์ผํ๋ค ๋ณด๋ฉด ์ฝ๋ ์์ฑ ์ ์ต์ํ ๋ฐฉ๋ฒ์๋ง ์์กดํ๋ ์ค์ค๋ก๋ฅผ ๋ฐ๊ฒฌํ๊ฒ ๋ฉ๋๋ค. ์ผ์ข ์ ๋ฒ๋ฆ์ฒ๋ผ ๋ง์ด์ฃ . ์ด๋ฐ๊ธ ์ฝํ์ผ๋ฟ์ ์ ๊ฐ ์๊ฐํ์ง ๋ชปํ๋ ๋ฐฉ์์ผ๋ก ์ฝ๋๋ฅผ ๋ง๋ค์ด์ค ๋๊ฐ ์์๋๋ฐ์. ์ฝ๋๋ฅผ ๋ฐ๋ผ๋ณด๋ ์๋ก์ด ์๊ฐ์ ์ ํ๊ณ ์ด๋ฅผ ํตํด ํ์ตํ ๊ธฐํ๋ก ์ฌ๊ฒผ์ต๋๋ค.
์ฝํ์ผ๋ฟ, ๋ ์ ์ฐ๊ธฐ ์ํด์ ?
์ฝํ์ผ๋ฟ์ ์ฌ์ฉํ๋ฉฐ ๋๊ผ๋ ์์ฌ์๋ ๋ฌผ๋ก ์์ต๋๋ค. ๊ทธ๋งํผ ์ฌ์ฉ์๊ฐ ์ฃผ์ํ ์ ์ ์๊ณ ์ฝํ์ผ๋ฟ์ ์ด์ฉํ๋ค๋ฉด ์ํ๋ ๊ฒฐ๊ณผ์ ๋ ๊ฐ๊น์์ง ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
ํ ๋ฒ ๋ ์์ฒญํ๊ธฐ
์ฝํ์ผ๋ฟ์ ์ฐ๋ฆฌ์๊ฒ ๋ณต์กํ ์ฝ๋๋ฅผ ์ ๊ณตํ๊ธฐ๋ ํฉ๋๋ค. ์๋ฅผ ๋ค์ด ์ฌ์ฉ์์๊ฒ ์ ๋ ฅํ ์ซ์ ๋ฐฐ์ด์์ ์ง์๋ง ๊ตฌํ๋ ํจ์๋ฅผ ๋ง๋ค์ด๋ฌ๋ผ๊ณ ์์ฒญํ ์ ์ด ์๋๋ฐ์. ์๋์ ์์์ฒ๋ผ ๊ฐ๊ฒฐํ ์ฝ๋๋ก ์์ฑํ ์ ์์์๋ ์ฝํ์ผ๋ฟ์ ์ ์๊ฒ ๋ณต์กํ ์ฝ๋๋ฅผ ๋ง๋ค์ด์คฌ์ต๋๋ค. ์ด๋ด ๋๋ ๋ฒ๊ฑฐ๋กญ์ง๋ง ๋จ์ํ๊ฒ ์์ฑํด ๋ฌ๋ผ๋ ์์ฒญ์ ํ ๋ฒ ๋ ํด ์ํ๋ ๊ฒฐ๊ณผ๋ฌผ์ ์ป์ ์ ์์ฃ .
function filterEvenNumbers(numbers) {
let evenNumbers = [];
for (let i = 0; i < numbers.length; i++) {
if (numbers[i] % 2 === 0) {
evenNumbers.push(numbers[i]);
}
}
return evenNumbers;
}
function filterEvenNumbers(numbers) {
return numbers.filter(number => number % 2 === 0);
}
ํ ๋ฒ ๋ ๊ฒ์ฆํ๊ธฐ
์ฝํ์ผ๋ฟ์ ์ด์ฉํ ๋๋ ์ฝํ์ผ๋ฟ์ด ์ค ๋ต๋ณ์ ํ ๋ฒ ๋ ๊ฒ์ฆํด ๋ณด๋ ค๋ ์์ธ๊ฐ ํ์ํฉ๋๋ค. ์ฝํ์ผ๋ฟ์ด ์์ฒญ ์ฌํญ์ ์ถฉ๋ถํ ์ดํดํ์ง ๋ชปํ๋ฉด ์ฝ๋๋ฅผ ๊ฑฐ์ง์ผ๋ก ์์ฑํด ๊ตฌ๋๋์ง ์๋ ์ฝ๋๋ฅผ ์ ์ํ๋ ๊ฒฝ์ฐ๊ฐ ์๊ธฐ ๋๋ฌธ์ด์ฃ . ์ต์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๊ธฐ์ ์คํ์ ์ฌ์ฉํ ๋๋ ์ฃผ์๋ฅผ ๊ธฐ์ธ์ผ ํ์๊ฐ ์์ต๋๋ค. ์ฝํ์ผ๋ฟ์ ์ ๋ฐ์ดํธ ์๊ธฐ์ ๋ฐ๋ผ ์ต์ ์ ๋ณด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ์ ์์ ๋ฐ๊ธฐ ์ด๋ ค์ธ ์ ์๊ฑฐ๋ ์.
Next.js ํ๋ ์์ํฌ์ ์ฑ ๋ผ์ฐํฐ(App Router) ๋ฐฉ์์ผ๋ก ํ๋ก์ ํธ๋ฅผ ๊ตฌ์ฑํ๋ ์ ์ด ์๋๋ฐ์. ์ฝํ์ผ๋ฟ์ ํ์ํ ์ฝ๋๋ฅผ ์์ฒญํ์ ๋ ์ฝํ์ผ๋ฟ์ ์ฑ ๋ผ์ฐํฐ ๋ฐฉ์์ด ์๋ ํ์ด์ง ๋ผ์ฐํฐ(Page Router) ๋ฐฉ์ ๊ธฐ๋ฐ์ผ๋ก ๋ถ์ ํํ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ต๋๋ค. ์์ง ์ฝํ์ผ๋ฟ์ด ์ฑ ๋ผ์ฐํฐ ๋ฐฉ์์ ์ ๋๋ก ์ต๋ํ์ง ๋ชปํ ๊ฒ์ด ์์ธ์ด์์ฃ . ๊ฒฐ๊ตญ ๊ณต์ ๋ฌธ์๋ฅผ ์ฐพ์๋ณด๋ฉฐ ๋ง๋ ์ ๋ณด์ธ์ง ํ์ธํ๋ ๋ฐ ๋ ๋ง์ ์๊ฐ์ ๋ค์์ต๋๋ค.

์์ด๊ฐ ์ต์ํ ์ฝํ์ผ๋ฟ
๋ง์ง๋ง์ผ๋ก ์ฝํ์ผ๋ฟ์ ์์ง ๊ตญ์ด๊ฐ ์ต์ํ์ง ์๋ค๋ ์ฌ์ค์ ์์๋๋ฉด ์ข์ต๋๋ค. โ๋ฆฌํฉํ ๋งํด ์คโ๋ผ๋ ์์ฒญ์ ์ฝํ์ผ๋ฟ์ด ์ ๋๋ก ์๋ํ์ง ์์ ๋นํฉํ๋ ์ ์ด ์์ต๋๋ค. ๊ณง๋ฐ๋ก โrefactoring pleaseโ๋ผ๋ ์์ด๋ก ๋ค์ ์์ฒญํด ๋ณด๋ ์ดํดํ๊ณ ๋ค์ ์๋ํ์ฃ .


AI ์๋์ ๊ฐ๋ฐ์
์ฝํ์ผ๋ฟ์ ์์ฑ์ ์ ์๊ณ ๋๋ฅผ ๋๋ ์กฐ๋ ฅ์๋ก ํจ๊ปํ๋ค๋ฉด ์์ฐ์ฑ์ ํ๊ธฐ์ ์ผ๋ก ๋์ผ ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ฌผ๋ก ๊ฐ๋ฐ์์ ํ๋จ๊ณผ ์ฝ๋๋ฅผ ๊ฒ์ฆํ๋ ค๋ ๋ ธ๋ ฅ์ด ํจ๊ปํด์ผ๊ฒ ์ฃ . ์ฃผ๋ณ์ ๋๋ฌ๋ณด๋ฉด ์ด๋ฏธ AI๊ฐ ๊ฐ๋ฐ ํ๊ฒฝ์์ ์ฐจ์งํ๋ ๋น์ค์ด ์ปค์ก์์ ๋๋๋๋ค. AI์ ํจ๊ป ์ผํ๋ค ๋ณด๋ฉด ๊ฐ๋ โ์ด๊ฒ ์์์ ๋๋ ์ด๋ป๊ฒ ๋ชจ๋ ๊ฑธ ์ง์ ์์ ํ๋ ๊ฑธ๊น?โ ์ถ์ ์๊ฐ๋ ๋ค์ฃ .
AI๋ ์ ์ ๋ฐ์ ํ ํ ๊ณ ๊ฐ๋ฐ์๋ก์ ๋์ ์ญ๋๊ณผ ์ญํ ์ ๋ํ ๊ณ ๋ฏผ์ด ๊น์ด์ง๋ ์๊ฐ๋ ์์ต๋๋ค. ํ์ง๋ง ๊ฑฑ์ ๋ง ํ๋ค๊ณ ๋์์ง๋ ๊ฒ ์๋๊ฐ์? ๊ณ ๋ฏผ์ด ๊น์ด์ง์๋ก ๊ฐ๋งํ ์์ง ์๊ณ AI๋ฅผ ์ฃผ์ด์ง ๋๊ตฌ๋ผ๊ณ ์๊ฐํด ๋ณด๊ธฐ๋ก ํ์ต๋๋ค. ๋ ๊น์ด ์์๋ณด๊ณ ๋์์ ๋ฐ์ ๋ฐฉ์์ ์๊ฐํด ๋ณด๋ ค๊ณ ํ์ฃ . ๊ทธ๊ฒ AI ์๋์ ๊ฐ๋ฐ์๋ก์ ์ ๊ฐ ๋์๊ฐ ์ ์๋ ๊ธธ์ด๋ผ๊ณ ์๊ฐํ๊ธฐ ๋๋ฌธ์ ๋๋ค.
์๋ฌธ