✔️ 뚜벅이를 위한 제주도 여행 가이드 웹 서비스

✔️ 맡은 역할

1. 회원가입 / 로그인

   • 회원가입시 유효성 검사 후 사용자에게 보여줍니다.
   • 유효 이메일 확인 후 회원가입 페이지로 리다이렉트 합니다.
   • 카카오 / 구글 로그인이 가능합니다.

   

2. 코스 CRUD

   • 일정 등록 후 날짜별로 코스 조회가 가능합니다.
   • 카카오 지도 API를 활용하여 일자별 코스를 시각적으로 구현했습니다.
   • 마지막 코스와 가까운 여행지 확인이 가능합니다.
   • 코스 등록 후 등록한 날짜의 페이지로 이동합니다.
   • 드래그앤드랍 기능으로 손쉬운 코스 수정이 가능합니다.

   

3. 물 때 확인 API

   • 국립 해양조사원 오픈 API를 활용하여 조석예보 확인이 가능합니다.

   

4. 일정 공유 페이지 무한 스크롤

   • 리액트 쿼리를 활용하여 무한 스크롤을 구현했습니다.

   

5. 반응형 디자인

   • 사용하는 기기에 따른 반응형 디자인을 구현했습니다.

   

✔️ 새롭게 도입한 점

1. React Query를 활용한 무한 스크롤
   • react-query 의 useInfiniteQuery를 사용하여 무한스크롤을 구현했습니다.
2. AWS S3 / CloudFront 배포
   • 정적 웹사이트 호스팅이 가능한 S3를 활용하여 서비스를 직접 배포했습니다.
   • 웹 콘텐츠를 사용자에게 더 빨리 배포하도록 엣지 로케이션을 사용하는 CloudFront를 활용했습니다.
   • HTTP에 데이터 암호화가 추가된 프로토콜 HTTPS로 배포했습니다.
3. open API 활용
   • 카카오 지도 API, 국립 해양조사원의 물때 API를 활용하여 데이터를 시각적으로 구현했습니다.
4. 서비스 실제 배포를 통한 유저 피드백
   • 335명의 유저 피드백을 통해 UX / UI 개선을 했습니다.