4월19일(수)모달창에 키워드 검색 로직 및 랜딩페이지 구축 안됌.

도저히 모달창에 키워드 검색 로직 및 랜딩페이지 구축 안됌. 6시간동안 하였지만 도저히 안 됌.

우선 모달창 파일에 랜딩페이지로 만들고 검색값을 Props로 줌. 그리고 KeywordSearch 로직 컴포넌트에서 props 받았는데. 화면이 뜨지 않음. 다양한 오류들을 봤지만 모달창 열면 흰 화면만 나옴. 다른 오류도 없음.

props주는 부분 빼면 모달창은 작동 잘 됌. props값 다르게 새로 줘 보고 useEffect를 써서 처음 렌더링 해보고 했는데 안 됌. useEffect쓰면 켜지는 거 같지만 무한 렌더링으로 멈춤. 그래서 useRef를 써봤지만 그래도 똑같이 무한 렌더링.

로직 페이지랑 랜딩 페이지 나누려 했는데 도저히 진행이 안 되어 파일 다 합침.

다 합쳤는데
Unhandled Runtime Error Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of AddingInputBoxButton.js

계속 오류 import한 컴포넌트이름이 잘못 되었던가 파일경로 잘 못 되었을 때 오류라고 하는데, 아무리 눈 씻고 찾아봐도 오타가 난 부분이나 경로 잘 못된 부분 없었다. chatGPT도 아무리 돌려도 오류 잡아내지 못하고 계속해서 답 자체가 끊기고 사이트자체 오류. 너무너무 화가나고 답답했다. 정말 하나하나 글자하나하나 맞추어보니 오타찾음. 고치니

Unhandled Runtime Error Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of KeywordSearchModal.jsx

이 오류.. 이 오류는 더 못찾겠다. 결국은 Map태그안에 Map Container라는 것 Kakao-map-sdk에서 불러오는 부분 잘못됨. 같은 부분만 보니 잘못된게 잘못된거로 안 보이고 해당 부분 Kakao map의 api로 굳게 생각. 모든 사이트들 구글링 뒤지고 하였는데 결국 이런 하찮은 오류라니 너무 어이가 없었다. 이런 오류들로 12시간이 지체가 되다니..