- 동적 라우팅을 위해
[slug].astro
파일을 사용하여 각 방의 고유 URL을 생성합니다. 🔗 getStaticPaths()
함수를 사용하여 모든 방의 슬러그를 가져와 동적 경로를 생성합니다. ⚙️- JavaScript 스크립트를 사용하여 썸네일 이미지를 클릭하면 메인 이미지가 변경되도록 구현합니다. 🖼️
document.addEventListener
를 사용하여 페이지 콘텐츠가 로드된 후 JavaScript 코드가 실행되도록 합니다. ⏳- 썸네일 클릭 시 테두리 스타일을 변경하여 현재 선택된 이미지를 시각적으로 강조합니다. ✅