๊ฒ์ ํด๋ผ์ด์ธํธ์ฉ SDK ๋ง๋๋๋ผ SDK ํ
์คํธ์ ์ฌ์ฉํ ๊ฒฌ๋ณธ ๊ฒ์์ ๋ง๋๋๋ฐ, Codex(gpt-5.3 high)๋ Claude Code(opus 4.6)๋ ์ผ ์ ๋ชปํ๊ธด ๋ง์ฐฌ๊ฐ์ง๊ตฌ๋.
ํนํ ์ด๋ฏธ 2D ์ ์
์ด ์์ด์ ์ ์
์ ๋ง์ถฐ ๊ตฌํํ๋ ๊ฒฝ์ฐ์, "๋"๊ณผ "๋ฏธ๊ฐ"์ด ์๋ค๋ ์ ์ด ์น๋ช
์ ์ผ๋ก ์ฝ์ ์ผ๋ก ์์ฉํ๋ค.
๋๋ก์ฐ์ฝ์ ์ค์ด๋ ค๋ ์ต์ ํ ๊ธฐ๋ฒ, ๊ฐ๋ น ์คํ๋ผ์ดํธ ์ํ๋ผ์ค๋ AI ์ฝ๋ฉ ์์ด์ ํธ์๊ฒ ์
๋ชฝ์ด๋ค. ์ด๋ ์ ๋๋ก ์
๋ชฝ์ด๋๋ฉด,
Claude Code๋ ํฌ๊ธฐํ๋์ง ์ง์ํ๊ฒ ์ ์
์ ์ฐ๋ผ๊ณ ์ง์ํ๋๋ฐ๋ ๊ณ์ ํํผํ๊ณ ๊ฑฐ์ง๋ง๋ก ์ธ๋ฉดํ๋ฉฐ ์ ์
์ ์ ์ฐ๊ณ ์ง ๋ฉ๋๋ก ๋ฒกํฐ ์ด๋ฏธ์ง๋ฅผ ๊ทธ๋ฆฐ๋ค. ๊ธฐ์กด ์ ์
์ ๋ถ์ํด์ ๋ค๊ฐ ์์
ํ๊ธฐ ์ข๊ฒ ์ฌ๊ตฌ์ฑํ๋ผ๊ณ ํ๋๋ ๋๊ฐ๋ฆฌ๊ณ ์์
์์ผ๋ก ๊ตฌ์ฑํ๋ ์ฒํ๊ณ ์ ์ค์ ๋ก๋ ์ฌ์ฉ์ ์ ํ๋ค. ๊ฑฐ์ง๋งํ๋ ์์จ๊ฐ ๊ฐํ Gemini๊ธ์ด๋ค.
Codex๋ ์ฌ.๋. ๋์๋ฐ, ๊ธฐ์กด ์ํ๋ผ์ค๋ฅผ ๋ถ์ํ์ฌ ๊ฝค ์ ์๋ฏธํ๊ฒ ์ ์
์ ๊ตฌ์ฑํ๋ค. ๊ทธ ์์ค์ ๋ง์ ์ ๋๋ฉ์ด์
์ด ์ ์ค๋๊ฑฐ๋ ์ ์ฒด๋ฅผ ํ์
๋ชปํ ์ ์
์ ๋ฌด์ํ๊ฑฐ๋ ์ฌ์ฉํ์ง๋ ์์ผ๋ฉด์ ๋ณต์ฌํ๊ธด ํ์ง๋ง.
์บ๋ฆญํฐ ๊ด์ ๋ก ์คํ๋ผ์ดํ๊ฐ ๊ตฌ์ฑ๋ ๊ฒฝ์ฐ, ๋ถ์๋ณ ์ ๋๋ฉ์ด์
์ ํฌ๊ธฐํ๋ ๊ฒ ๋ซ๋ค. ์ด ์์
์์ Codex๋ ์ฌ๋ฐ๋ ๋ชจ์ต์ ๋ณด์๋๋ฐ, ๊ฐ ๋ถ์ ์์น๋ฅผ ์ก๊ณ ์ถฉ๋ ์ฒ๋ฆฌ๋ฅผ ํ์
ํ๊ธฐ ์ํด ๋ถ์์ ๋ฐ์ค๋ฅผ ๊ทธ๋ ธ๋ค๋ ์ ์ด๋ค. ๋ค์๋งํด ์ซ์์ ๊ณต์์ผ๋ก ์ฒ๋ฆฌํ๋ ๊ฒ ์๋๋ผ ์ฌ๋์ด ๋์ผ๋ก ๋ณด๋ฉฐ ์บ๋ฆญํฐ ๋ถ์๋ฅผ ํ์
ํด ์์น๋ฅผ ์กฐ์ ํ๋ ๊ฒ์ฒ๋ผ ์์
ํ๋ค๋ ๊ฒ์ด๋ค. ๋น์ ๊ฐ ์๋๋ผ ์ค์ ๋ก ๊ทธ๋ ๊ฒ ์ถ๋ ฅํ๊ณ ํ๋ฉด ์บก์ณํ๋ฉฐ ์ํ๋ผ์ค์ ์๋ ๋ฉํ๋ฐ์ดํฐ์ ์ซ์ ์๋ฏธ๋ฅผ ํ์
ํ๋ ค๊ณ ํ๋ค. ํฅ๋ฏธ๋ก์ ๋ค. ํฅ๋ฏธ๋กญ๊ธด ํ๋๋ฐ ๊ฒฐ๊ณผ๋ฌผ์ ์ญ์ ๋ณ๋ก์๋ค.
์ ์
์ด ๋๋ถ๋ถ ์๋ ํฌ๊ธฐ์ ๊ฐ๊น๋ค๋ณด๋ ์ค์ ํ๋ฉด์ ๊ทธ๋ ค์ง๋ ์ค๋ธ์ ํธ ํฌ๊ธฐ๋ฅผ AI ์ฝ๋ฉ ์์ด์ ํธ๋ ๊ฐ์ ์ก์ง ๋ชปํ๋๋ฐ, ์ฌ๋์ด ํธ์์ ์คํ๋ผ์ดํธ์ ์ฌ๋ฐฑ์ ์ค ๊ฒฝ์ฐ ์ด๋ฏธ์ง๊ฐ ๊ณ์ ์๋ฑํ ์์น์ ๊ทธ๋ ค์ก๊ณ , AI ์ฝ๋ฉ ์์ด์ ํธ๋ ์์ธ๋ ๋ชจ๋ฅธ ์ฑ ๊ณ์ ํฌ๊ธฐ์ ์์น๋ฅผ ์ฐ์ ๊ณ์ฐ์ผ๋ก ์ก์ผ๋ ค ์ ์ผ๋ค. ๊ทธ๋ฌ๋๊น ์ค๋ฅธ์ชฝ์ผ๋ก ์กฐ๊ธ ์ฎ๊ฒจ๋ด, ๋ผ๊ณ ํ๋ฉด 50px์ ๋ํ๋ ๊ฒ ์๋๋ผ ์ค๋ฅธ์ชฝ์ผ๋ก ์ฎ๊ธธ ์ค๋ธ์ ํธ์ ์ค์ ํฌ๊ธฐ์ ๋น์จ ์กฐ์ ํ ํฌ๊ธฐ ๊ณ์ฐ์ ํ๊ณ , ํ์ฌ ํ๋ฉด์ ํฌ๊ธฐ์ ๋์ ์ค๋ธ์ ํธ ๊ฐ ๊ฑฐ๋ฆฌ๋ฅผ ๊ณ์ฐํด์ ์์น๋ฅผ ์กฐ์ ํ๋ ๊ฑด๋ฐ, ์คํ๋ผ์ดํธ ์์ฒด์ ์ฌ๋ฐฑ์ด ๋ค์ด๊ฐ์์ด์ AI ์์ด์ ํธ์ ๊ณ์ฐ์ ์ ์ด์ ๋ง์ ์๊ฐ ์๋ ๊ฒ์ด๋ค.
Claude Code๋ ์ง์ ํฌ๊ธฐํด์ ๊ฑฐ์ง๋ง๋ก ์ผ๊ดํ๊ณ , Codex๋ ์ค๋ธ์ ํธ ์์น ์กฐ์ ํ๋ ๋ฐ 20๋ถ์ฉ ์จ๊ฐ๋ฉฐ ๊ณ ๊ตฐ๋ถํฌํ๋๋ผ.
์์ฐจ ์คํฌ๋กค๋ง (Parallax scrolling)๋ AI ์ฝ๋ฉ ์์ด์ ํธ๊ฐ ์ ์
๋ง์ผ๋ก๋ ๊ฐ์กฐ์ฐจ ์ก์ง ๋ชปํด์ ๋ชน์ ํค๋งธ๋๋ฐ, ํต์ผ๋ก ๋ ๋ฐฐ๊ฒฝ ์คํ๋ผ์ดํธ ๋ช ์ฅ์ด๋ฉด ๊ฐ๋จํ ๊ตฌํํ๋ค. ๋ฌธ์ ๋ ํ์ฑํ ๋ฏธ๊ฐ์ ์ฃผ๋ฉด์๋ ์ต์ ํ๋ฅผ ์ํด ๋ฐฐ๊ฒฝ ์ค๋ธ์ ํธ ์์๊ฐ ๋ค์ํ๊ฒ ๊ตฌ์ฑ๋ ๊ฒฝ์ฐ์ธ๋ฐ, ๋ฌด์์ด ์ฐ์ด๊ณ , ๋ฌด์์ด ๋ฐ์์ด๋ฉฐ, ๋ฌด์์ด ํ๋ฉด ๋งจ ์์(์นด๋ฉ๋ผ์ชฝ) ๋ฐฐ์น๋๋ ๋๋ฌด์ธ์ง ๋ชจ๋ฅด๋ ์๋ง์ง์ฐฝ์ผ๋ก ๋ฐฐ์นํ๋ค. ๊ฒฐ๊ตญ Claude Code์๊ฒ ์์ฐจ ์คํฌ๋กค๋ง์ ์ต์ํํ๊ฒ ์ง์ํด์ ์บ๋ฆญํฐ๊ฐ ๋ฐฐ๊ฒฝ์ ํ๋ฌปํ๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ , Codex๋ 2์๊ฐ ๊ฑธ๋ฆฌ๊ณ ์ ์
์ ๊ณผ๋ํ๊ฒ ๋๋ฆฌ๊ฑฐ๋ ํด์ ์ง์ ๋ถํด์ง๊ธด ํ์ง๋ง ๊ฒฐ๊ตญ ์ ์
์๋์ ๊ฑฐ์ ๋น์ทํ๊ฒ ์์ฐจ ์คํฌ๋กค๋ง์ ๊ตฌ์ฑํ๋ค.
๊ทธ๋๋ง HTML 5 ๊ธฐ๋ฐ ์น 2D ๊ฒ์์ธ ๊ฒฝ์ฐ Playwright๋ก ์บก์ณํ๋ฉฐ ์ด๊ฒ ์ ๊ฒ ์๋ํ๋๋ฐ, ์ ๋ํฐ๋ก ๊ตฌํํ๋ ์นด๋ฉ๋ผ ์์น ์ก๋ ๋ฐ์๋ ํ์ฐธ ๊ฑธ๋ ธ๋ค.
์ถ๊ทผํ๋ฉด ํ์ฌ ๋ด ๊ฒ์ ํด๋ผ์ด์ธํธ ๊ฐ๋ฐ์ ์์ ์์์ AI ์ฝ๋ฉ ์์ด์ ํธ๋ฅผ ์ด๋ป๊ฒ ํ์ฉํ๋์ง ๊ด์ฐฐ ์ข ํด๋ด์ผ๊ฒ ๋ค.