박시열

Frontend Developer

기획부터 화면·서버·데이터베이스·배포까지 혼자 완성한 커머스(WABI-SABI, wasa.kr)를 실제 도메인에서 운영 중인 프론트엔드 개발자입니다. React·Next.js·TypeScript 웹을 중심으로, 모바일 우선 반응형과 성능·접근성 같은 '사용자가 만지는 마지막 1cm'의 디테일에 집중합니다. 라이브러리에 기대지 않고 필요한 UI(canvas 이미지 편집기, three.js 3D 전시, 직접 구현한 인증 흐름)를 만들어 온 경험이 있습니다.

📧 [email protected]

📞 010-4070-9454

🎂 2001.08.24

🎓 선문대학교 컴퓨터공학부 (2020.03-2026.02) | 학점: 3.4/4.5

🪖 병역사항: 군필

기획·화면·서버·DB·배포까지 혼자 만들어 실제 도메인에서 운영 중인 커머스 wasa.kr — React · Next.js · TypeScript 프론트엔드 개발자입니다.

💻 Tech Stack

Programming Languages

• TypeScript, JavaScript, Java
• Python
• HTML, CSS
• SQL (PostgreSQL)

Framework/Library

• React, React Native (Expo)
• Next.js (App Router), Tailwind CSS
• Zustand, TanStack Query, Zod
• Radix UI, react-hook-form
• Serwist (PWA), web-push
• three.js (React Three Fiber)
• Recharts, Howler.js

Server / DB

• Node.js
• Supabase (Auth · PostgreSQL · Storage · RLS)
• Firebase (Auth · Firestore)

Tooling/DevOps

• Git · GitHub, GitHub Actions (CI)
• Vercel, Expo
• ESLint · Prettier · commitlint · husky
• Playwright (E2E)

ETC

• Toss Payments
• Kakao Maps API
• Figma, Notion

🚀 Projects

기물 · 오브제 큐레이션 커머스 [WABI-SABI]

오래 곁에 두고 싶은 기물과 오브제를 큐레이션합니다. 기획·배포·운영까지 1인 풀스택으로 완성한 실서비스 (wasa.kr)

개발 기간 2026.06 - 진행중 | 팀 구성 1인 (기획 · 프론트 · 백엔드 · 배포)

사용 기술 React, Next.js, TypeScript, Tailwind CSS, Zustand, Supabase, Vercel, Toss Payments

프로젝트 목표

시간의 흔적이 담긴 기물과 오브제를 큐레이션하는 커머스를 요구사항 정의부터 화면·서버·데이터베이스·배포까지 혼자 맡아 실제 도메인에서 운영

담당 역할 (전 영역)

• 상품·장바구니·주문·결제(Toss 위젯), 별점 리뷰·비밀글 문의, 사진 커뮤니티 게시판, 소셜 로그인·계정 연결/해제, 재고·콘텐츠 어드민까지 전 기능 구현
• 모바일 우선 반응형 전수 점검(360·375·414px 가로 오버플로우 0)
• 홈 데이터 캐싱 재설계로 서버 응답(TTFB) 1.6s → 0.04s 개선
• canvas 기반 이미지 편집기(비율 크롭·90° 회전·밝기/대비/채도)를 외부 라이브러리 없이 자체 구현
• 다중 사진 캐러셀(scroll-snap 스와이프), 웹 접근성(ARIA·키보드 본문 바로가기·확대 허용)
• 게스트↔로그인 장바구니 상태 동기화 경계 버그를 근본 원인까지 추적해 해결