TypeScript

10개의 프로젝트

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.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

GitHub

2026.02 - 2026.07

blogsumnail

네이버 블로그 썸네일·스킨 메이커와 SEO 가이드 블로그. 기획부터 배포·운영까지 단독 진행

• Next.js
• React
• TypeScript
• Tailwind CSS
• html2canvas

Demo

2026.03 - 2026.07

Moneytermi

토스 미니앱 - 경제·금융 용어 게임화 학습 플랫폼

• React
• TypeScript
• Vite
• TailwindCSS
• Supabase
• Apps in Toss

Demo