목록2025/04/28 (2)
wa_ter_ve

메인페이지에서 만들어 놓은 사이드바 UI를 가져와 사용하려고 했으나, 사이드바의 ✈️(mainModal),❤️(bookmarkModal) 버튼을 누르면 메인페이지의 지도 기반으로 모달이 작동되어야 함.따라서 기존대로 페이지 이동없이 사이드바 기능을 적용하면 문제가 생김.또한, 사이드바 코드가 다른 페이지에서도 쓰이려면, toggleMainModal, toggleBookmarkModal 사용 불가능 👉 버튼 누를 때 URL을 메인페이지로 이동시키면서, 쿼리나 경로를 통해 어떤 모달 열지 알려주는 방식으로 해결해보기 / → 메인페이지 기본/?modal=main → 메인페이지 + 장소 검색 모달 열기/?modal=bookmark → 메인페이지 + 찜 모달 열기/?modal=notification → 메인페이..

lucide-react icons 설치➡️ https://lucide.dev/$ npm install lucide-react jsx 파일에 import 해서 사용.import { '사용할 아이콘' } from "lucide-react"; 토글 1개 → 2개...const [isModalOpen, setIsModalOpen] = useState(false);... setIsModalOpen(false)} />⬇️⬇️⬇️...const [isMainModalOpen, setIsMainModalOpen] = useState(false);const [isBookmarkModalOpen, setIsBookmarkModalOpen] = useState(false);... setIsMainModalOpen(fal..