처음부터 배포까지 Day10

공유 오피스 오피스 페이지 생성
React-router , 쿼리 파라미터 사용
지점 데이터 및 주소 데이터 바인딩 준비 중

 

• params를 통해 데이터의 id값을 가져오는 데 성공했다 이번에 다시 구현해보면서 복습 차원에서 한 번 더 params에 대해 상기할 수 있었다

알게된 점

쿼리 파라미터를 사용했을 때 image 불러오기 실패

img 태그의 경로를 잘 확인해봐야 한다

 

보통 src의 경로는 "./images/office01.jpg"라고 한다면 쿼리 파라미터를 사용했을 시 쿼리 스트링에 대한 정보는 useParams를 사용한 id값을 받아

 

detail/6 슬래쉬 하나가 더 생기고 뒤에 id에 해당 하는 number 따라오게 된다 그래서 src 경로의  ./  아닌 ../ 으로 해줘야 올바른 이미지가 나오게 된다