Haru Weather

2025.08 ~ 2025.09 | 2개월

설명

OpenWeatherMap API를 활용해 사용자 위치 기반의 실시간 날씨 및 5일 예보를 제공하는 웹 서비스 사이드 프로젝트입니다.

- 프로젝트 전반: 기획, 서비스 설계, UI/UX 디자인 및 개발

- 프론트엔드 개발: 날씨 API 연동, 페이지 및 컴포넌트 구현, 데이터 가공 및 캐싱 로직 설계

- 인프라: Vercel을 통한 빌드/배포, 환경 변수 설정 및 CDN 캐싱 전략 수립

- 1인 개발 (기획, 디자인, 개발, 배포)

- React 중심의 개발 경험에서 벗어나 Vue3의 Composition API, ref/reactive, computed, watch 등 핵심 기능을 실전에 적용

- Vue 생태계의 SFC(Single File Component) 패턴과 Vite 기반 빠른 HMR 환경을 경험하며 프레임워크 간 차이점을 체득

- OpenWeatherMap API의 Current Weather / 5-Day Forecast 엔드포인트를 연동하여 실시간 기상 데이터 조회 구현

- Geolocation API를 활용한 사용자 위치 기반 자동 날씨 조회 및 도시명 검색 기능 구현

- 다크 모드 / 라이트 모드 전환, 반응형 레이아웃, 로딩 상태 처리 등 사용자 편의 기능 구현

- 로컬 스토리지 기반 즐겨찾기 도시 저장 기능으로 재방문 시 빠른 접근 지원

- Vercel을 통한 CI/CD 자동 배포 파이프라인 구성 및 환경 변수 기반 API 키 보안 관리

- 프로덕션 환경에서의 성능 최적화 및 CDN 캐싱 전략 적용

페이지를 불러오는 중입니다.