Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WonT - TripAccommodation] 기능 구현 (여행 숙소 선택 페이지) #55

Open
6 of 9 tasks
uniS2 opened this issue Mar 8, 2024 · 0 comments · Fixed by #56 or #75
Open
6 of 9 tasks

[WonT - TripAccommodation] 기능 구현 (여행 숙소 선택 페이지) #55

uniS2 opened this issue Mar 8, 2024 · 0 comments · Fixed by #56 or #75
Assignees
Labels
🪪API 서버 API 통신 관련 사항 ✅Feat 기능 추가, 삭제, 변경 🗺️Map 지도 관련 작업 💻Next Next 프레임워크 작업 💻Style CSS 등 사용자 UI 디자인 변경 (제품 코드 수정 발생, 코드 형식, 정렬 등의 변경) 💻TypeScript 사용언어 🐻Zustand

Comments

@uniS2
Copy link
Contributor

uniS2 commented Mar 8, 2024

이슈 내용

마크업 및 레이아웃 스타일링

기능 구현

  • 선택한 지역으로 현재 위치 업데이트
  • Tour API를 이용한 '위치기반 숙소정보' Read 작업
  • Tour API Read 데이터 이용하여 지도에 숙소 마커 표시
  • 지도에 표시되는 숙소 정보, 선택된 숙소 정보 및 관련 로직 Store 구현
  • 기능 구현 1차 완료

  • useParams() 이용하여 여행 일정 날짜별 선택한 숙소 정보 업데이트
  • Tour API Read 데이터 페이지네이션 구현

지도 좌표 이동시 현재 위치 재설정 -> '위치기반 숙소정보' 업데이트
input 창 구현

기대 결과

  • 사용자가 불편함 없이 지도를 사용할 수 있다.
  • 여행 일정에 맞게 숙소를 선택할 수 있다.

레퍼런스

페이지 상단 페이지 하단
피그마_여행숙소선택페이지_상단 피그마_여행숙소선택페이지_하단
@uniS2 uniS2 added ✅Feat 기능 추가, 삭제, 변경 💻Next Next 프레임워크 작업 💻Style CSS 등 사용자 UI 디자인 변경 (제품 코드 수정 발생, 코드 형식, 정렬 등의 변경) 💻TypeScript 사용언어 🪪API 서버 API 통신 관련 사항 🌏Accessibility 웹 접근성 관련 사항 🐻Zustand 🗺️Map 지도 관련 작업 labels Mar 8, 2024
@uniS2 uniS2 self-assigned this Mar 8, 2024
uniS2 added a commit to uniS2/WonT-Next that referenced this issue Mar 8, 2024
- LocalItem: Tour API Read 데이터(위치기반 숙소정보)
- SelectItem: 선택된 숙소 정보
- 그 외 AccommodationStore 내 selectedAccommodation(선택된 숙소 정보 storage) 이용한 정보 렌더링

Related to WeonTrip-WonT#55
@uniS2 uniS2 removed the 🌏Accessibility 웹 접근성 관련 사항 label Mar 8, 2024
@uniS2 uniS2 changed the title [WonT - TripAccommodations] 기능구현 ( 여행 숙소 선택 페이지) [WonT - TripAccommodation] 기능구현 ( 여행 숙소 선택 페이지) Mar 8, 2024
@uniS2 uniS2 changed the title [WonT - TripAccommodation] 기능구현 ( 여행 숙소 선택 페이지) [WonT - TripAccommodation] 기능 구현 (여행 숙소 선택 페이지) Mar 8, 2024
uniS2 added a commit to uniS2/WonT-Next that referenced this issue Mar 11, 2024
- 동적 경로 적용: `[tripdate]`

Github issue WeonTrip-WonT#55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🪪API 서버 API 통신 관련 사항 ✅Feat 기능 추가, 삭제, 변경 🗺️Map 지도 관련 작업 💻Next Next 프레임워크 작업 💻Style CSS 등 사용자 UI 디자인 변경 (제품 코드 수정 발생, 코드 형식, 정렬 등의 변경) 💻TypeScript 사용언어 🐻Zustand
Projects
None yet
1 participant