"์ฌ์ฉ์์ ๋ถํธํจ์ ๊ธฐ์ ๋ก ํด๊ฒฐํ๊ณ , AI๋ฅผ ๋๊ตฌ ์ผ์ ์์์ ํ์ค๋ก ๋ง๋๋ ๊ณผ์ ์ ์ฆ๊น๋๋ค."
- ๐ผ Experience: ์ค๋ฌด๊ฒฝํ ํตํด ์ฌ์ฉ์ ์ค์ฌ์ ๊ฐ์น๋ฅผ ์ฝ๋๋ก ๊ตฌํํ๊ณ ํ์ ํ๋ ์ฆ๊ฑฐ์์ ๋ฐฐ์ ์ต๋๋ค.
- ๐ Tech Focus: Next.js์ TypeScript๋ฅผ ๊ธฐ๋ฐ์ผ๋ก, ํ์ฅ์ฑ ์๊ณ ์ ์ง๋ณด์๊ฐ ์ฉ์ดํ ํ๋ก ํธ์๋ ์ํคํ ์ฒ๋ฅผ ๊ณ ๋ฏผํฉ๋๋ค.
- ๐ค AI Driven: ํ์ต์ ๊ทธ์น์ง ์๊ณ ์ค์ ํ๋ก์ ํธ์ ์ ๊ทน ๋์ ํ์ฌ, ์์ด๋์ด๋ฅผ ๋น ๋ฅด๊ฒ ํ๋กํ ํ์ ์ผ๋ก ๊ตฌํํ๊ณ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๊ณผ์ ์ ์ฆ๊น๋๋ค.
Next.js, TypeScript, MobX, GraphQL, REST API, Emotion, Tailwind CSS
- ์ฃผ๋์ด ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก์ ์๋น์ค์ ์ ๊ท ๊ธฐ๋ฅ ๊ตฌํ ๋ฐ ์ ๋ฐ์ ์ธ ์ ์ง๋ณด์๋ฅผ ๋ด๋นํ์ต๋๋ค.
- ์ํ ๋ฐ ๋ฐ์ดํฐ ๊ด๋ฆฌ: MobX๋ฅผ ํ์ฉํ ์ ์ญ ์ํ ๊ด๋ฆฌ์ GraphQL ๋ฐ REST API๋ฅผ ๋ณํ ์ฌ์ฉํ์ฌ ํจ์จ์ ์ธ ๋ฐ์ดํฐ ์ฐ๋ ๊ตฌ์กฐ๋ฅผ ์ค๊ณํ์ต๋๋ค.
- UI/UX ๊ตฌํ: Emotion๊ณผ Tailwind CSS๋ฅผ ์ ์ฐํ๊ฒ ํ์ฉํ์ฌ ๋์์ธ ์์คํ ์ ๋ง์ถ ๋ฐ์ํ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ถํ๊ณ ์ต์ ํํ์ต๋๋ค.
- ์ ์ง๋ณด์ ๋ฐ ์์ ํ: ์ ์ ์ธก์์ ์ ์๋๋ CS ๊ธฐ๋ฐ์ ๋ฒ๊ทธ๋ฅผ ๋ถ์ํ๊ณ ์ค์๊ฐ์ผ๋ก ๋์ํ์ฌ ์๋น์ค ์์ ์ฑ์ ๋์ด๊ณ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํ์ต๋๋ค.
Next.js, TypeScript, Emotion, Framer Motion, Supabase, LLM API
- ์์ฑํ AI๋ฅผ ํ์ฉํ์ฌ ๊ฐ์ธํ๋ ํ๋ก ํด์๊ณผ ํ๊ตญ์ ๊ฐ์ฑ์ ์ผ๋ฌ์คํธ๋ฅผ ์ ๊ณตํ๋ ์น ์๋น์ค์ ๋๋ค.
- ๋ฉํฐ ํ๋ซํผ ์ ๋ต: ์น ๊ธฐ๋ฐ ๋ฐ์ํ UI๋ก ์ด๊ธฐ MVP๋ฅผ ๊ตฌ์ถํ๊ณ , ํฅํ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ(React Native)๋ฅผ ํ์ฉํ ์ฑ ์๋น์ค ํ์ฅ์ ์ผ๋์ ๋๊ณ ์ค๊ณ๋ฅผ ์งํ ์ค์ ๋๋ค.
- LLM API๋ฅผ ์ฐ๋ํ๊ณ ํ๋กฌํํธ ์์ง๋์ด๋ง์ ํตํด ์ฌ์ฉ์ ๋ง์ถคํ ํด์ ๋ก์ง์ ๊ตฌํํ์ต๋๋ค.
- Framer Motion์ ํ์ฉํ์ฌ ์ง๊ด์ ์ด๊ณ ๋ชฐ์ ๊ฐ ์๋ ์ธํฐ๋ํฐ๋ธ UI๋ฅผ ์ค๊ณํ์ต๋๋ค.
TypeScript, Next.js, Zustand, Axios, ...
- ์ปคํผ, ์์ธ ๋ฑ ์ทจ๋ฏธ ๊ธฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ๋ชจ์ ์๋น์ค๋ก, ๋ณด์๊ณผ ์ฌ์ฉ์ ๊ฒฝํ ์ต์ ํ์ ์ง์คํ์ต๋๋ค.
- ๋ณด์ ๋ฐ ์ฑ๋ฅ: HttpOnly ์ฟ ํค์ Zustand๋ฅผ ๊ฒฐํฉํ ์ธ์ฆ ์ํคํ ์ฒ๋ฅผ ๊ตฌ์ถํ์ฌ XSS ์ทจ์ฝ์ ์ ๋ฐฉ์ดํ๊ณ ๋ถํ์ํ ๋ฆฌ๋ ๋๋ง์ ์ต์ ํํ์ต๋๋ค.
- UX ๊ฐ์ : OAuth 2.0 ๊ธฐ๋ฐ ์นด์นด์ค ์์ ๋ก๊ทธ์ธ์ ๋์ ํ์ฌ ์ง์ ์ฅ๋ฒฝ์ ๋ฎ์ถ๊ณ , ๋ก๊ทธ์ธ ์ฌ๋ถ์ ๋ฐ๋ฅธ ๋์ UI ์ ์ด๋ก ์จ๋ณด๋ฉ ๊ฒฝํ์ ๊ฐ์ ํ์ต๋๋ค.
- ํ์ ํจ์จ: Airbnb ์ฝ๋ ์ปจ๋ฒค์ ์ ๋์ ํ๊ณ ESLint/Prettier ํ๊ฒฝ ์ค์ ์ ์ฃผ๋ํ์ฌ ํ ๋ด ์ฝ๋ ์ผ๊ด์ฑ๊ณผ ์์ฐ์ฑ์ ํฅ์์์ผฐ์ต๋๋ค.
TypeScript, React, Next.js, SockJS, Stomp, React Hook Form, Zod
- ์ค์๊ฐ ์ํต๊ณผ ๋ฐ์ดํฐ ๋ฌด๊ฒฐ์ฑ์ ๊ณ ๋ คํ ๋ฐ๋ ค๊ฒฌ ๋ณดํธ์ ์ปค๋ฎค๋ํฐ ์๋น์ค์ ๋๋ค.
- SockJS์ STOMP ํ๋กํ ์ฝ์ ๋์ ํ์ฌ ํ๊ท 0.2์ด ์ด๋ด์ ์ค์๊ฐ ์ฑํ ๊ธฐ๋ฅ์ ๊ตฌํํ์ต๋๋ค.
- React Hook Form๊ณผ Zod๋ฅผ ๊ฒฐํฉํ์ฌ ํด๋ผ์ด์ธํธ ๋จ์ ์ ํจ์ฑ ๊ฒ์ฌ๋ฅผ ๊ฐํํ๊ณ ํผ ์ฑ๋ฅ์ ์ต์ ํํ์ต๋๋ค.
| GitHub Stats | Most Used Languages |
|---|---|


