작업 · 프론트엔드

프론트엔드

프론트엔드 작업물입니다. 역할·결정·결과 중심으로 정리해 두었습니다.

ReactNext.jsTypeScriptTailwind CSSZustandReact QueryZodFramer MotionReactNext.jsTypeScriptTailwind CSSZustandReact QueryZodFramer Motion
체험 한입
프론트엔드2025.12 - 2026.01

체험 한입

체험 탐색·예약·관리 플로우를 제공하는 FSD 기반 Next.js 프로젝트

  • App Router는 라우팅/레이아웃만 담당하도록 분리
  • 도메인 로직을 entities/features로 구분해 확장성 확보
  • BFF 레이어를 통한 인증/요청 흐름 정리
Next.jsTypeScriptTailwindFSDDDD-lite
상세 보기 GitHub Live
The-Julge
프론트엔드2025.11 - 2025.12

The-Julge

인증/신청 플로우를 갖춘 웹 애플리케이션 구축 프로젝트

  • 공통 UI 컴포넌트 구축과 폼 검증 패턴 정리
  • 커스텀 훅으로 페이지네이션과 모달 동작 관리
  • API 클라이언트 구성과 타입 유틸 정리
Next.jsReactTypeScriptTailwindReact Hook Form
상세 보기 GitHub Live
Rolling Paper
프론트엔드2025.09 - 2025.10

Rolling Paper

서로 메시지를 남길 수 있는 온라인 롤링페이퍼 제작 서비스

  • 반응형 UI와 접근성 고려한 컴포넌트 설계
  • 슬라이드 반응형과 무한스크롤 로직 구현
  • 롤링페이지 생성 및 메시지 전송 플로우 구축
ReactViteReact RouterSCSS
상세 보기 GitHub

퍼블리싱 · 소개

SI·퍼블리싱 작업물은 퍼블리싱에서, 경력은 경력 페이지에서 볼 수 있습니다

퍼블리싱 이력서