✔️ 뚜벅이를 위한 제주도 여행 가이드 웹 서비스
✔️ 맡은 역할
-
회원가입 / 로그인
- 회원가입시 유효성 검사 후 사용자에게 보여줍니다.
- 유효 이메일 확인 후 회원가입 페이지로 리다이렉트 합니다.
- 카카오 / 구글 로그인이 가능합니다.
.gif)
-
코스 CRUD
- 일정 등록 후 날짜별로 코스 조회가 가능합니다.
- 카카오 지도 API를 활용하여 일자별 코스를 시각적으로 구현했습니다.
- 마지막 코스와 가까운 여행지 확인이 가능합니다.
- 코스 등록 후 등록한 날짜의 페이지로 이동합니다.
- 드래그앤드랍 기능으로 손쉬운 코스 수정이 가능합니다.
.gif)
-
물 때 확인 API
- 국립 해양조사원 오픈 API를 활용하여 조석예보 확인이 가능합니다.
.gif)
-
일정 공유 페이지 무한 스크롤
- 리액트 쿼리를 활용하여 무한 스크롤을 구현했습니다.
.gif)
-
반응형 디자인
- 사용하는 기기에 따른 반응형 디자인을 구현했습니다.
.gif)
✔️ 새롭게 도입한 점
- React Query를 활용한 무한 스크롤
- react-query 의 useInfiniteQuery를 사용하여 무한스크롤을 구현했습니다.
- AWS S3 / CloudFront 배포
- 정적 웹사이트 호스팅이 가능한 S3를 활용하여 서비스를 직접 배포했습니다.
- 웹 콘텐츠를 사용자에게 더 빨리 배포하도록 엣지 로케이션을 사용하는 CloudFront를 활용했습니다.
- HTTP에 데이터 암호화가 추가된 프로토콜 HTTPS로 배포했습니다.
- open API 활용
- 카카오 지도 API, 국립 해양조사원의 물때 API를 활용하여 데이터를 시각적으로 구현했습니다.
- 서비스 실제 배포를 통한 유저 피드백
- 335명의 유저 피드백을 통해 UX / UI 개선을 했습니다.