목록Error Issue/Why Stay? (왜 가?) (4)
석이의 개발일지

Error 문제는 세 가지 정도 있었다. 첫 번째. 호텔 카테고리 list 화면에서 좋아요 된 호텔이 채워진 하트로 표시 필요 두 번째. 호텔 카테고리 list 화면에서 like가 전역으로 관리되게 되면 호텔별 좋아요 상태 표시가(한 개 누르면 전체 상태가 다 바뀌게 됨) 힘드므로 개별 상태로 관리가능하도록 수정 세 번째. 위시리스트 페이지에서는 호텔 하트 채워진상태로 표시 프로젝트 때 상황은 BE에 isLike 상태 구분이 안되어 있었다는 점과 전역으로 데이터를 관리하던 wishlist 에는 data 정보들이 있었다. 해결방법 좋아요를 눌렀는지 안눌렀는지를 판단하는 것보다 위시리스트에 있는 호텔이 전체리스트의 호텔 id값과 일치할 경우 좋아요가 되어있는 상태 & 위시리스트에 없으면 좋아요가 안되어있는 ..

Error 찜기능 시 서버통신의 에러인데, 정말 원초적인 실수를 했다. await axios.post(`/member/wishlists?hotelId=${id}`, { headers: { Authorization: localStorage.getItem("accessToken"), }, }); axios로 비동기 서버 통신을 하였는데, 403 Forbidden 에러가 계속 발생하였다. 문제는 postman으로 했을 때에는 통신이 되었지만, 프로젝트 코드에서는 안 되는 상황이어서 우리 코드 잘못이라고 인지를 하고 있었지만, 해결방법은 찾지 못했다. 해결방법 axios 사용법을 제대로 숙지 못한 원초적인 실수였다. axios.post(url[, data[, config]]) axios.post를 사용할 때에는..

Error 초반에 후기 모달창을 작성 & 수정을 같이 이용했으나, 수정하기에서 스페이스바 & 엔터키를 누르면 창이 닫히고 열리는 현상 발생 해결시도 1. 같은 모달창이라 상태값이 문제인가 싶어 true/false로 되어있는 연결된 상태들을 다 바꿔봤지만 해결하지 못하였다. 2. auto focus를 input창에 고정시켜서 해결은 하였지만 정확한 원인을 발견하지 못하였다. (정확환 원인❌) 해결방법 후기 작성하기는 div element, 후기 수정하기는 button element 라서 생겼던 문제였다. button은 space/enter키가 focus를 발생시키기 때문에 true/false로 계속 상태 변화 일어나서 모달창이 열렸다 닫혔다 할 수 있었다. 버튼 클릭했을때 button.blur() 메서드로..