2025.07 - 2026.04
B2C 리뉴얼 — 멤버십 인증·분석 재설계
Pages Router·Recoil 기반 레거시 B2C를 App Router로 전면 리뉴얼하며 임직원·법인 인증, 분석, 다국어 영역을 담당.
- Next.js
- Zustand
- React Query
- Tailwind CSS
Projects
회사 프로젝트
2026.06 - 재직중
사내 디자인 시스템
빈 레포에서 시작한 사내 운영 시스템 공통 UI 디자인 시스템. 디자인 토큰·컴포넌트·번들 파이프라인 담당.
- React
- TypeScript
- Tailwind CSS
- cva
- tsup
- Storybook
- size-limit
2026.04 - 재직중
멀티테넌트 예약 SaaS
하나의 코드베이스로 N개 시설의 예약 사이트를 서브도메인별로 제공하는 멀티테넌트 SaaS. 프론트엔드 아키텍처·보안 설계부터 단독 구축.
- Next.js
- React
- TypeScript
- Tailwind CSS
- BFF
2023.07 - 2026.03
운영 어드민 단독 구축
호텔 운영 전 도메인을 다루는 어드민을 제로베이스에서 1인 프론트엔드로 단독 설계·구축.
- React
- TypeScript
- Vite
- React Query
- Jotai
- React Hook Form
2025.06 - 2025.11
사내 Portal 어드민 이관·모노레포 설계
별도 시스템으로 운영되던 예약 백오피스를 사내 Portal로 이관하고, 이후 같은 시스템의 모노레포 전환 구조를 설계해 제출.
- Next.js
- React
- TypeScript
- MUI
- React Query
- yarn workspaces
2024.04 - 2024.07 · 2026.07 - 2026.08
예약 검색 날짜 경계 결함 추적
선택이 막힌다는 신고를 따라가다 같은 코드에서 정반대 방향의 결함을 찾은 사례. 판매 불가 날짜가 포함된 예약이 통과하고 있었다.
- Next.js
- React
- TypeScript
- date-fns
- TanStack Query
2024.01 - 2025.05
B2C 레거시 리팩토링
외주로 개발된 레거시 B2C 서비스에서 회원·인증·예약·결제·마이페이지 전반을 담당하며 구조 개선을 주도.
- Next.js
- React
- Recoil
2024.08 - 2025.03
CRS 어드민 상품마감·요금재고 화면 재설계
3개 API 순차 호출 구조 때문에 호출 순서가 곧 조회 방향이 되어버린 화면을, 단일 API의 방향 파라미터로 재설계했다. 판매마감 벌크 처리의 토글 반전 결함도 함께 짚었다.
- Next.js
- React
- TypeScript
- TanStack Query
2025.12 - 2026.04
할인 바우처 노출 조건을 스키마로 정리
발급 건마다 개별 분기로 쌓이던 바우처 노출 조건을 조건 키 11종의 선언적 스키마와 단일 필터로 통합했다.
- Next.js
- TypeScript
- Zustand
- React Query
개인 프로젝트
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
2026.03 - 2026.07
Moneytermi
토스 미니앱 - 경제·금융 용어 게임화 학습 플랫폼
- React
- TypeScript
- Vite
- TailwindCSS
- Supabase
- Apps in Toss