이번엔 글 상세보기를 해보자.
@CrossOrigin이라는건 Controller로 들어오기 직전에 실행이 된다. 스프링에는 security라는 라이브러리가 있는데 이건 CORS정책을 가지고 있음. 원랜 스프링에 Controller에 들어올 때 @CrossOrigin있으면 그대로 들어오게 해주고 없으면 팅겨내보낸다. 근데 나중에 security를 쓰면 보안같은걸 간단하게 할 수 있음 그래서 나중엔 @CrossOrigin가 의미가 없어짐. 그리고 전체를 적용 시키고 싶으면 @CrossOrigin을 Controller 위쪽에 붙이면 된다. 이번 내용과는 상관없는거지만 일단 기억은 해두자...
저번 시간에 배운 fecth에서 catch는 두 번째 then이 실패했을때 작동이 된다.
BookItem에서 상세보기할때 id값을 넘겼는데,
Detail에서 props로 받아주고 저번 시간에 배웠던 match.params로 id값을 받아 저장시켰다. 그리고 fetch함수로 요청하여 데이터를 받고 상세보기에 받은 book값을 뿌려보았다.
상세보기로 들어가니 데이터가 잘 출력된다.
오늘 게시물은 여기까지
이 글은 유튜브 메타코딩 채널의 영상을 보며 공부한 내용을 기록한 게시글입니다.
천천히 개발 공부하기