2025.07 - 2026.04
B2C 리뉴얼 — 멤버십 인증·분석 재설계
Pages Router·Recoil 기반 레거시 B2C를 App Router로 전면 리뉴얼하며 임직원·법인 인증, 분석, 다국어 영역을 담당.
- Next.js
- Zustand
- React Query
- Tailwind CSS
Ari
프론트엔드 개발자
Next.js·React로 멀티테넌트 예약 SaaS와 대규모 운영 시스템을 0→1로 설계·구축하는 4년차 프론트엔드 개발자
도구의 맹점과 아키텍처의 빈틈을 끝까지 의심하고 실측으로 검증합니다.
- React
- Next.js
- TypeScript
- TailwindCSS
Featured Projects
더보기회사 프로젝트
2026.06 - 재직중
사내 디자인 시스템
빈 레포에서 시작한 사내 운영 시스템 공통 UI 디자인 시스템. 디자인 토큰·컴포넌트·번들 파이프라인 담당.
- React
- TypeScript
- Tailwind CSS
- cva
- tsup
- Storybook
- size-limit
개인 프로젝트
2026.07 - 진행 중
arilog.dev
Next.js 16 App Router와 MDX로 만든 기술 블로그 겸 포트폴리오.
- Next.js
- React
- TypeScript
- TailwindCSS
- MDX
- shadcn/ui
2026.02 - 2026.07
blogsumnail
네이버 블로그 썸네일·스킨 메이커와 SEO 가이드 블로그. 기획부터 배포·운영까지 단독 진행
- Next.js
- React
- TypeScript
- Tailwind CSS
- html2canvas
Recent Posts
더보기나도 안 쓰는 앱을 만들었습니다 — 토스 미니앱 출시 회고
앱스토어 등록비가 아까워 토스 미니앱을 골랐다. 첫 출시는 열흘 만에 됐지만 다음 업데이트 하나에 두 달이 걸렸고, 반려 6번의 진짜 원인은 프로젝트 첫날 고른 라우터였다. 유저 34명과 리텐션을 그대로 공개하는 사이드 프로젝트 회고.
막힌다는 신고를 따라가다 반대 방향 결함을 찾았다 — 캘린더 버그 3중 원인 추적기
체크아웃 날짜가 선택되지 않는다는 신고 하나를 따라가다, 같은 코드에서 정반대 방향의 결함까지 발견했다. 판매 불가 날짜가 포함된 예약이 조용히 통과하고 있었다. 세 겹으로 얽힌 원인을 하나씩 걷어낸 과정.
Could not find the module in the React Client Manifest — 서버 액션이 반환한 클라이언트 컴포넌트가 프로덕션에서만 터질 때
admin 미리보기가 dev에선 멀쩡한데 프로덕션 빌드에서만 죽었다. 서버 액션이 반환하는 클라이언트 컴포넌트가 라우트 매니페스트에서 통째로 빠지던 문제를, 격리 재현과 빌드 산출물 검증으로 잡은 과정.
Tech Stack
Languages
- JavaScript
- TypeScript
- HTML
- CSS
Frameworks
- React
- Next.js
상태·폼
- TanStack Query
- Recoil
- Jotai
- Zustand
- React Hook Form
스타일링
- Tailwind CSS
- cva
- tailwind-merge
- Material UI
- Emotion
- Styled Components
빌드·테스트
- Vite
- Vitest
- Playwright
- tsup
- Storybook
- size-limit
분석·API
- Google Analytics 4
- Google Tag Manager
- RESTful API
- OAuth
품질·협업
- ESLint
- Prettier
- Git
- GitLab
- Jira
- Figma
- Claude Code
- OpenAI Codex
인프라
- Nginx