오류 (2) 썸네일형 리스트형 [React] 삭제나 수정시 이상하게 렌더링 되는 오류 발생 원래는 input의 값을 입력하게 되면 state 변수에 값이 입력되도록 만들고 엔터를 누르면 DB에 인서트 되도록 만들었다. 그리고 처음 Todolist에 들어오게 되면 DB에 있는 모든 할일 들을 가져와서 배열로 만든 state 변수에 담아주고 그 배열을 map을 이용해서 List라는 컴포넌트를 배열의 요소 개수만큼 만들어주었다. 문제 TodoList 프로젝트 진행중에 새로 생성한 후에 삭제를 하면 삭제가 되긴하는데 삭제한 데이터가 사라지는게 아니라 마지막 데이터가 사라지는 현상이 발생, 그런데 새로고침하면 제대로 삭제가 되어있다. => 데이터베이스에는 제대로 삭제가 되어있는데 화면에서만 제대로 렌더링이 안되었다. 해결 List 를 map으로 돌릴때 key값과 연관이 있다는 것을 알았다. 나는 처음에.. 클라이언트가 서버에 요청 중 발생한 CORS 이슈 CORS (Cross Origin Resource Sharing) 다른 출처 리소스 공유 : 웹 애플리케이션은 자신의 출처와 동일한 리소스만 불러올 수 있다. 이것은 SOP(Same Origin Policy) 정책 때문인데 이 정책은 '동일한 출처에서만 리소스를 공유할 수 있다.'라는 법률을 가지고 있다. 여기에서 출처란? 출처(Origin) 라는 것은 Protolcol 과 Host 그리고 Port 까지 모두 합친 URL을 의미 ex) https://localhost:3000 https 가 protocol 이고 localhost 또는 naver.com이 들어가면 그 부분이 Host 이고 :3000이 포트를 의미한다. 여기서 하나라도 다를 경우 다른 출처로 구분된다. 다른 출처의 리소스를 불러오려면 그 출.. 이전 1 다음