피그마 기준 여행계획3-장소 소통 페이지를 /travel-plan-all 페이지로 만드는 작업 중입니다. travel-plan-all 폴더를 따로 생성했는데 그 안에
bookmarkedPlaceList.tsx 를 통해 저장된 장소들이 리스트로 나타나도록 했습니다. 추후에 계획서 UI로 변경하려 합니다.
placeChat.tsx 를 통해 저장된 장소 별로 채팅방을 만들어서 북마크 기능과 채팅 기능을 넣었습니다. 채팅방 모달은 추후에 작업하려 합니다.
PlanAllButton.tsx 일자 별 버튼은 아직 작업 중에 있습니다.
PlanListAll.tsx 에서 화면을 두 부분으로 나누어 구성합니다. 왼쪽 부분은 BookmarkedPlaceList 컴포넌트를 렌더링하고, 이 컴포넌트에 handlePlaceClick 함수를 onPlaceClick props로 전달합니다. 오른쪽 부분은 selectedPlace 상태가 존재하면 PlaceChat 컴포넌트를 렌더링하고, 그렇지 않으면 "장소를 선택하세요"라는 메시지를 표시합니다.
상태 관리 부분에서 잘못된 점이 있을 수 있는데 피드백 주시면 수정해보겠습니다! 아직 초안만 잡았다고 봐주시면 좋을 것 같습니다 🙇♀️
피그마 기준 여행계획3-장소 소통 페이지를 /travel-plan-all 페이지로 만드는 작업 중입니다. travel-plan-all 폴더를 따로 생성했는데 그 안에
bookmarkedPlaceList.tsx 를 통해 저장된 장소들이 리스트로 나타나도록 했습니다. 추후에 계획서 UI로 변경하려 합니다. placeChat.tsx 를 통해 저장된 장소 별로 채팅방을 만들어서 북마크 기능과 채팅 기능을 넣었습니다. 채팅방 모달은 추후에 작업하려 합니다. PlanAllButton.tsx 일자 별 버튼은 아직 작업 중에 있습니다. PlanListAll.tsx 에서 화면을 두 부분으로 나누어 구성합니다. 왼쪽 부분은 BookmarkedPlaceList 컴포넌트를 렌더링하고, 이 컴포넌트에 handlePlaceClick 함수를 onPlaceClick props로 전달합니다. 오른쪽 부분은 selectedPlace 상태가 존재하면 PlaceChat 컴포넌트를 렌더링하고, 그렇지 않으면 "장소를 선택하세요"라는 메시지를 표시합니다.
상태 관리 부분에서 잘못된 점이 있을 수 있는데 피드백 주시면 수정해보겠습니다! 아직 초안만 잡았다고 봐주시면 좋을 것 같습니다 🙇♀️