๋ง๋์ ๋ฐ๊ฐ์์ ๐ ์ ๋๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋Fixer์
๋๋ค.๐

๋ค์ํ ํ๋ก์ ํธ๋ฅผ ํตํด ํ๋ก ํธ์๋ ๋ถ์ผ์ ์ญ๋์ ํค์๊ฐ๊ณ ์์ต๋๋ค.
๋ ๋์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๊ธฐ ์ํด ๋์์์ด ๋
ธ๋ ฅํ๊ฒ ์ต๋๋ค.
๋ค์ํ ๋๊ตฌ๋ค์ ์ฌ์ฉํ๋ฉฐ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ณ ์์ต๋๋ค.
RESTful API
Github API๋ฅผ ํ์ฉํ ํ๋ก์ ํธ ๊ฒฝํ์ด ์์ต๋๋ค. RESTful API ์ค๊ณ ์์น์ ์ดํดํ๋ฉฐ, ํด๋ผ์ด์ธํธ์ ์๋ฒ ๊ฐ ํจ์จ์ ์ธ ๋ฐ์ดํฐ ํต์ ์ ๊ตฌํํ ์ ์์ต๋๋ค. ๋ํ, ๋ค์ํ API ์์ฒญ์ ์ฒ๋ฆฌํ๋ฉฐ ๋ฐ์ดํฐ ์บ์ฑ ๋ฐ ์๋ฌ ํธ๋ค๋ง ์ ๋ต์ ์ ์ฉํ ์ ์์ต๋๋ค.
AWS
AWS S3๋ฅผ ํ์ฉํ์ฌ ์ ์ ์น์ฌ์ดํธ ๋ฐ ํ๋ก์ ํธ๋ฅผ ๋ฐฐํฌํ ๊ฒฝํ์ด ์์ต๋๋ค. ์๋ฒ๋ฆฌ์ค ํ๊ฒฝ์์์ ํ์ผ ์ ์ฅ ๋ฐ ๊ด๋ฆฌ ๋ฅ๋ ฅ์ ๋ณด์ ํ๊ณ ์์ผ๋ฉฐ, CloudFront์ ๊ฒฐํฉํ์ฌ CDN์ ํตํด ์ต์ ํ๋ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค. ์ถ๊ฐ์ ์ผ๋ก, IAM ์ค์ ์ ํตํด ๋ณด์ ์์ค์ ๊ฐํํ ์ ์์ต๋๋ค.
Next.js
Next.js๋ฅผ ์ฌ์ฉํ์ฌ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR)๊ณผ ์ ์ ์์ฑ(SGG)์ ๊ตฌํํ ๊ฒฝํ์ด ์์ต๋๋ค. ์ด๊ธฐ ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ์ต์ ํํ๊ณ SEO ์ฑ๋ฅ์ ํฅ์์ํฌ ์ ์์ต๋๋ค. ๋ํ, API ๋ผ์ฐํธ๋ฅผ ํ์ฉํ์ฌ ๋ฐฑ์๋ ์์ ์ ๊ฐ์ํํ๊ณ , ํจ์จ์ ์ธ ๋ฐ์ดํฐ ํจ์นญ ๋ฐ ์บ์ฑ์ ํตํด ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํ ์ ์์ต๋๋ค.
React Query
React Query๋ฅผ ํ์ฉํ์ฌ ๋ฐ์ดํฐ ์บ์ฑ, ๋น๋๊ธฐ ๋ฐ์ดํฐ ํจ์นญ, ๋ฐ์ดํฐ ์ ๋ฐ์ดํธ๋ฅผ ํจ์จ์ ์ผ๋ก ์ฒ๋ฆฌํ ์ ์์ต๋๋ค. ํด๋ผ์ด์ธํธ ์ํ์ ์๋ฒ ์ํ๋ฅผ ๊ตฌ๋ถํ์ฌ ๊ด๋ฆฌํ๋ฉฐ, prefetching๊ณผ optimistic update๋ฅผ ํตํด ๋ถ๋๋ฌ์ด ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
Svelte Kit
Svelte Kit์ ์ฌ์ฉํ์ฌ ๋น ๋ฅด๊ฒ ์๋ก์ด ํ๋ ์์ํฌ๋ฅผ ์ต๋ํ๊ณ ํ๋ก์ ํธ์ ์ ์ฉํ ๊ฒฝํ์ด ์์ต๋๋ค. ์ปดํ์ผ๋ฌ ๊ธฐ๋ฐ ํ๋ ์์ํฌ์ ํน์ง์ ์ดํดํ๊ณ ์์ผ๋ฉฐ, ๋น๋ ์ฑ๋ฅ ์ต์ ํ์ ๋์ ๋ผ์ฐํ ์ ๊ตฌํํ ์ ์์ต๋๋ค.
Three.js
Three.js๋ฅผ ํ์ฉํ์ฌ 3D ์ ๋๋ฉ์ด์ ๋ฐ ์ธํฐ๋ํฐ๋ธ ์น ์ฝํ ์ธ ๋ฅผ ๊ฐ๋ฐํ ๊ฒฝํ์ด ์์ต๋๋ค. GLB ํ์ผ๊ณผ ๊ฐ์ 3D ๋ชจ๋ธ ํ์ผ์ ๋ก๋ํ๊ณ , ๊ฐ์ฒด์ ํ์ , ์ด๋, ์ค์ผ์ผ ์กฐ์ ์ ํตํด ๋ค์ํ 3D ํจ๊ณผ๋ฅผ ๊ตฌํํ ์ ์์ต๋๋ค. ๋ํ, ์นด๋ฉ๋ผ์ ๋ผ์ดํธ๋ฅผ ํ์ฉํ์ฌ ํ์ค๊ฐ ์๋ ์ฅ๋ฉด์ ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
TypeScript
์ด ํฌํธํด๋ฆฌ์ค๋ฅผ ๋น๋กฏํ ์ฌ๋ฌ ํ๋ก์ ํธ์์ TypeScript๋ฅผ ์ฌ์ฉํ์ฌ ์์ ์ ์ธ ์ฝ๋๋ฒ ์ด์ค๋ฅผ ๊ตฌ์ถํ์ต๋๋ค. ์ ์ ํ์ ์ฒดํฌ๋ฅผ ํตํด ์ฝ๋ ํ์ง์ ๋์ด๊ณ , ๋ณต์กํ ํ์ ์ ์์ ์ ํธ๋ฆฌํฐ ํ์ ์ ํ์ฉํ์ฌ ์์ฐ์ฑ์ ํฅ์์์ผฐ์ต๋๋ค.
React Hook Form
React Hook Form์ ํ์ฉํ์ฌ ์ฌ์ฉ์ ์ ๋ ฅ์ ๊ฐ๋จํ๊ณ ํจ์จ์ ์ผ๋ก ์ฒ๋ฆฌํ ์ ์์ต๋๋ค. validation schema์ ํจ๊ป Zod ๋๋ Yup์ ํตํฉํ์ฌ ์ ๋ ฅ ๊ฒ์ฆ์ ๊ตฌํํ๊ณ , ์ฌ์ฉ์ ์นํ์ ์ธ ํผ์ ๊ฐ๋ฐํ์ต๋๋ค.
WebSockets
WebSocket์ ์ฌ์ฉํ์ฌ ์ค์๊ฐ ๋ฐ์ดํฐ ์ ์ก์ ๊ตฌํํ ๊ฒฝํ์ด ์์ต๋๋ค. ์ฑํ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ์ค์๊ฐ ์๋ฆผ ์์คํ ์ ๊ฐ๋ฐํ๋ฉฐ, ์์ ์ ์ธ ์ฐ๊ฒฐ ์ํ ๊ด๋ฆฌ์ ํจ์จ์ ์ธ ๋ฐ์ดํฐ ์ก์์ ์ ๊ตฌํํ ์ ์์ต๋๋ค.
i18n
i18n ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ฌ ๋ค๊ตญ์ด ์ง์ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ ๊ฒฝํ์ด ์์ต๋๋ค. JSON ๊ธฐ๋ฐ์ ์ธ์ด ํ์ผ ๊ด๋ฆฌ์ ๋์ ๋ฒ์ญ ๋ก๋ฉ์ ํตํด ๋ค์ํ ์ฌ์ฉ์์ธต์ ์ํ ๊ธ๋ก๋ฒ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ์ต๋๋ค.
Tailwind CSS
Tailwind CSS๋ฅผ ์ฌ์ฉํ์ฌ ํจ์จ์ ์ด๊ณ ๋ฐ์ํ์ธ UI๋ฅผ ์ค๊ณํ์ต๋๋ค. ์ ํธ๋ฆฌํฐ ํด๋์ค ๊ธฐ๋ฐ ์คํ์ผ๋ง์ ํตํด ๊ฐ๋ฐ ์๋๋ฅผ ๊ฐ์ ํ๊ณ , ์ปค์คํฐ๋ง์ด์ง ์ต์ ์ ํ์ฉํ์ฌ ํ๋ก์ ํธ ์๊ตฌ์ฌํญ์ ๋ง๋ ๋์์ธ์ ๊ตฌํํ ์ ์์ต๋๋ค.
D3.js
D3.js๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ ์๊ฐํ๋ฅผ ๊ตฌํํ ๊ฒฝํ์ด ์์ต๋๋ค. ๋ณต์กํ ๋ฐ์ดํฐ ์ธํธ๋ฅผ ํจ๊ณผ์ ์ผ๋ก ํํํ๊ณ , ์ฌ์ฉ์ ์ธํฐ๋์ ์ด ๊ฐ๋ฅํ ๋์๋ณด๋๋ฅผ ์ ์ํ์ต๋๋ค. SVG, Canvas๋ฅผ ์ฌ์ฉํ ์ปค์คํ ๊ทธ๋ํ์ ์ ๋๋ฉ์ด์ ์ ์ ์ํ ์ ์์ต๋๋ค.
OpenGraph
OpenGraph ๋ฉํ๋ฐ์ดํฐ๋ฅผ ํ์ฉํ์ฌ ์น์ฌ์ดํธ์ ์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ์ต์ ํํ ๊ฒฝํ์ด ์์ต๋๋ค. ๋ฉํ ํ๊ทธ๋ฅผ ์ค์ ํ๊ณ , ์ด๋ฏธ์ง, ์ ๋ชฉ, ์ค๋ช ์ ๋์ ์ผ๋ก ๋ณ๊ฒฝํ์ฌ ์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ์ปค์คํฐ๋ง์ด์งํ ์ ์์ต๋๋ค.