Frontend / Full-Stack Developer
ํ๋ฉด์ ์ฑ๋ฅ/SEO๋ถํฐ ์ฌ์ฉ์์ ์ ์ฒด ํ๋ฆ๊น์ง, ๋งํ ๋ฌธ์ ๋ฅผ ๋๊น์ง ํ๊ณ ๋ค์ด ์ ํ์ ์ค์ ์ฑ๊ณผ๋ก ์ฐ๊ฒฐํ๋ ๊ฐ๋ฐ์์
๋๋ค.
๋ ์ฌ์ฉ์ ์
์ฅ์์ ๊ณ ๋ฏผํ๊ณ , ๋ช
ํํ ์ปค๋ฎค๋์ผ์ด์
๊ณผ ๋ฌธ์ํ๋ก ํ์ ํ์
๋น์ฉ์ ์ค์ด๋ ๊ฒ์ ์ค์ํ๊ฒ ์๊ฐํฉ๋๋ค.
ํ๋ ์์ํฌ ๋ด๋ถ ์์ค๋ฅผ ๋ถ์ํด root cause๋ฅผ ์ง๊ณ , regression test์ ํจ๊ป ์์ โ ๋ฉ์ธํ ์ด๋ ๋ฆฌ๋ทฐ๋ฅผ ๊ฑฐ์ณ ๋จธ์ง๋ ๊ธฐ์ฌ์ ๋๋ค.
- react-hook-form #13299
mergedโuseFieldArray์กฐ์ ์ ๋ฌด๊ดํ ํ๋๊น์งdirtyFields๋ก ์ค์ผ๋๋ ๋ฒ๊ทธ ์์ (regression test ํฌํจ) - react-hook-form #13326
mergedโsetValue+shouldDirty์ฌ์ฉ ์ ๋์ผํ dirty ์ค์ผ์ ์ถ๊ฐ๋ก ๋ฐ๊ฒฌ ๋ฐ ์์ - storybook #34086
mergedโ addon-docs์ ํ์ด์ง ์๋ก๊ณ ์นจ ์์ด ๊ฐ๋ณ story๋ฅผ ์ฌ๋ ๋ํ๋ Reset story ๋ฒํผ ์ถ๊ฐ
| Category | Skills |
|---|---|
| Frontend | React Next.js TypeScript JavaScript Vite Storybook |
| State | TanStack Query MobX Redux |
| Styling | Tailwind CSS CSS HTML |
| Backend | Node.js NestJS Prisma PostgreSQL BullMQ |
| Infra / Tools | Docker AWS GitHub Actions Git Figma |
(์ฃผ)๋๋ธํฐ / 2025.05 โ ์ฌ์ง์ค / Full-Stack (SW๊ฐ๋ฐ์ค)
- ๋๋ธํฐ ํํ์ด์ง ver1 โ ver2 /
Next.js App RouterPrismaPostgreSQLโ SPA๋ฅผ App Router ๊ธฐ๋ฐ SSR๋ก ์ ํํด ๊ฒ์ ์์ธ ํ๋ณด, ํ์ด์ง๋ณ ๋์ ๋ฉํ๋ฐ์ดํฐ์ ๋ค๊ตญ์ด canonical/hreflang ์ ์ฉ์ผ๋ก Lighthouse ์ฑ๋ฅ 97์ - ์๋ธ๋ฆฟ์ง ์๋์ด ์ผ์ด ํ๋ซํผ /
NestJSPrismaBullMQAWS Transcribeโ ์์ฑ โ STT โ LLM ์์ฝ ์ผ์ด๋ก๊ทธ ํ์ดํ๋ผ์ธ์ ๋น๋๊ธฐ(BullMQ)๋ก ๊ตฌ์ถ, ์ง์ ๋ฐฑ์คํ ์ฌ์๋ + DLQ + Sentry๋ก ์ด์ ์์ ์ฑ ํ๋ณด - ์ธ LIG๋ฅ์ค์ ํ์๋ง(air-gapped) ๋ถ์ ๋์๋ณด๋, ์ง๊ตฌ๋ผ์ด๋ B2B ์ปค๋จธ์ค(Frontend Lead) ๋ฑ
Tmax A&C / 2023.07 โ 2024.10 / Frontend
- ํ๊ตญ๋์ด์ด๊ณต์ฌ ๋ฏผ์(VOC) ์์คํ
/
ReactMobXTanStack Queryโ ๋์ฉ๋ ์นธ๋ฐ ๋ฌดํ ์คํฌ๋กค ๋ ๋๋ง ์ต์ ํ(useInfiniteQuery+ Intersection Observer), MobX + React Query ํ์ด๋ธ๋ฆฌ๋ ์ํ ๊ด๋ฆฌ ํจํด ์ ์ฐฉ
(์ฃผ)๋์์ด์น์์ด๋ / 2021.10 โ 2022.07 / Frontend
- ์จ๋ผ์ธ ์ธ์ฑ/์ง๋ก ๊ฒ์ฌ ์์คํ
/
ReactRedux-SagaChart.jsโ localStorage ๊ธฐ๋ฐ ๊ฒ์ฌ '์ด์ดํ๊ธฐ' ๊ตฌํ์ผ๋ก ์์ฃผ์จ ๊ฐ์ โ ๋์ผ ๊ณ ๊ฐ์ฌ 3,000๊ฑด ์ถ๊ฐ ๊ณ์ฝ
- (Next.js + App Router) fetch ์ค๋ฌดํธ 2ํ - ์ํฉ๋ณ cache ์ต์ ์ ํ๊ณผ React Query ํจ๊ป ์ฐ๊ธฐ
- (Next.js + App Router) Next.js์์ fetch ์ฌ์ฉํด์ผ ํ๋ ์ด์ - ์บ์ฑ ๋ฉ์ปค๋์ฆ๊ณผ 14 vs 15 ๋ฒ์ ์ฐจ์ด
- (Next.js) BFF ํ๋ก์ ํจํด 2ํ - Next.js + React ๋ฉํฐ ์ฑ ์ธ์ฆ ๊ณต์ ์ ์๋ธ๋๋ฉ์ธ ์ฟ ํค ์ ๋ต
- (Next.js) BFF๋?BFF ํ๋ก์ ํจํด์ผ๋ก ์ธ์ฆ ๊ตฌํํ๊ธฐ 1ํ - httpOnly ์ฟ ํค์ catch-all ํ๋ก์ (App Router + TypeScript)
- (Claude) แแ ขแแ กแฏแแ กแ แ ณแฏ แแ ฑแแ กแซ Claude แแ ตแฏแแ ฎ แแ ชแฏแแ ญแผ แแ ชแซแแ งแจ แแ กแแ ตแแ ณ 2แแ กแซ - CLAUDE.md แแ ตแท แแ ฅแฏแแ จ + แแ ฅแแ ณแแ ฆแแ ตแแ ฅแซแแ ณ & แแ ฎแจ & MCP แแ ตแทแแ ช (แแ ฉแแ ตแผ แแ ขแผแแ กแซแแ ฅแผ แแ ฃแผแแ กแผ)



