[JS][프로젝트] 🎬영화 검색 UI(1) - TMDB Open API 사용하여 영화 정보 카드 리스트 UI 구현하기

  오늘은 TMDB API를 통해 영화 데이터를 받아오고, 그 데이터들을 카드 리스트로 보여주는 기능을 구현해 보았다.

card_section.appendChild(temp_tag);

  위 코드는 카드들을 나열할 section에 카드 정보를 추가하기 위한 코드였는데 자꾸 저기서 Cannot read properties of undefined (reading 'appendChild')라는 오류가 발생했다. 한참을 해결법을 찾다가 html에 지정된 객체가 생성되기 전에 스크립트가 실행되면 이러한 오류가 발생한다는 것을 알게 됐다.
  이러한 문제는 <script> 태그 안에 defer을 붙여주면 해결된다.

<script src="../src/main.js" defer></script>

  이런 식으로 해주면 된다. defer속성은 페이지가 모두 로드된 후에 해당 외부 스크립트가 실행되도록 하는 속성이다.