안녕하세요! 사용자의 관점에서 문제를 정의하고, 기술로 더 나은 경험을 만들어가는 프론트엔드 개발자 전서희입니다.
기간: 2025.11 ~ 2026.01
기술 스택: Next.js TypeScript Zustand Tanstack Query TailwindCSS
🔗 Github
🔗 배포 링크
- 전시회 정보를 한눈에 확인하고 관심 전시를 찜할 수 있는 개인화 서비스
- 상세 페이지 성능 최적화 및 렌더링 구조 개선(LCP 58% 개선)
- 역할: 서비스 기획, 무한스크롤 기반 전시회 정보 리스트 페이지, 상세 페이지, Supabase 기반 인증/DB 연동, 찜 기능 구현
기간: 2024.12 ~ 2025.01
기술 스택: Next.js TypeScript Zustand Tanstack Query TailwindCSS
🔗 프로젝트 소개
- IoT 기기 연동으로 난방, 에어컨, 도어락을 제어하는 공간 대여 자동화 서비스
- 복잡한 useEffect 로직을 CSR/SSR로 역할 분리하고 상태 관리 최적화로 초기 로딩 속도와 유지보수를 개선(FCP 33% 개선)
- 역할: 기기 제어 페이지 리팩토링, 중복 상태 제거, 성능 최적화
기간: 2023.11 ~ 2023.12
기술 스택: Next.js TypeScript Zustand Tanstack Query TailwindCSS
🔗 GitHub
- 취업 관련 커피챗을 제공하는 지식 공유 플랫폼
- 커피챗 예약, 후기, 게시물 CRUD 기능 개발
- 무한 스크롤 + 지연 로딩으로 초기 로딩 속도 개선, 웹 성능 점수 10점 향상
- Atomic 디자인 패턴 도입으로 UI 일관성과 개발 효율성 강화
- 역할: 커피챗 게시물 CRUD 기능 구현, 커피챗 리스트 페이지 속도 개선, UI/UX 기획 및 디자인
기간: 2025.02 ~ 2025.05
기술 스택: JavaScript
🔗 닥터유 사이트
- 닥터유 공식 자사몰 리뉴얼 프로젝트
- 텍스트와 배경색 대비 개선하여 다양한 연령대의 가독성 향상(WAVE 지표 기준 Contrast Errors 54%개선)
- 정기배송 내역 UI 개선 및 사용자 흐름에 맞춘 UX 기획 참여
기간: 2022.11 ~ 2023.04
기술 스택: React TypeScript Zustand styled-components
🔗 Gracy 소개페이지
- 입력 검증 로직 통합 및 커스텀 훅 리팩토링
- 일관된 오류 처리 시스템으로 사용자 혼란 감소 및 개발 생산성 향상
기간: 2022.07 ~ 2022.08
기술 스택: React JypeScript styled-components
🔗 Github
- 메인 피드 페이지, 검색 페이지, 프로필 이미지 컴포넌트, 하단 네브바 컴포넌트 구현