개인프로젝트 남은 TODOs
- 검색결과 없을 경우에 대한 처리
- 조건별 추천검색어에서 '카페'라는 단어가 포함되어있다면 파싱하여 제외시켜 검색시키기
- 카페 찜버튼 에러
- 관리자에게 이메일 전송
나는 Kakao Developers의 지도API를 사용할때 Javascript + HTML 코드를 사용하였었다.
카카오에서 제공해주는 코드는 HTML코드 안에 Javascript코드가 들어가있음!
그런데 보통 HTML태그 안에 Javascript를 넣지 않는다고 한다.......(띠용?)
카카오에서 제공해주는 코드인데 설마 이런 방식이 문제가 되겠어~? 라고 생각했지, 나의 JSP엔 지도API 관련 소스만 있는게 아니라, 다른 코드들로도 가득차있어서 가독성면에서도 분리하는게 날 것 같아서 분리해봤다.
처음엔 html태그 안에 있는 <script>코드를 똑 잘라내서 jsp 윗단에 붙여넣었더니..
웹에 지도가 안보여진다..! 왜지..?
ChatGPT한테 물어봤다!
JavaScript 코드가 HTML 문서의 DOM 구조에 의존하는 경우입니다. HTML 코드와 자바스크립트 코드가 상호 작용하기 때문에 자바스크립트 코드가 HTML 문서가 완전히 로드된 후 실행되어야 합니다. 이를 위해 자바스크립트 코드를
<script>태그를 사용하여 HTML 문서의 맨 아래에 배치하면 일반적으로 해결됩니다. 페이지의 모든 요소가 로드되고 DOM이 완전히 준비된 후에 자바스크립트 코드가 실행될 것입니다.
내가 사용하는 카카오 지도는 자바스크립트 코드가 html의 DOM 구조에 의존하기때문에 html 아래에 적으면 된다고 한다!
hello world