아 무한 NULL 지옥...(내배캠_12일차)

최창연·2025년 1월 9일

내일배움캠프_TIL

목록 보기
12/30
post-thumbnail

웹페이지를 통해서 개인과제를 진행하기 시작했다고 저번 TIL에서 얘기했었는데
오늘 큰 벽을 만났다.

DOM 객체와 끝나지 않는 Null...

영화 정보를 API를 통해 받아오는건 이전에도 많이 진행했던 내용이라서 얼마 헤매지 않았는데...

그걸 웹페이지에 띄우는 데 계~~~속 오류가 났다..
정말 정신 나가는 줄 알았다.
분명 InnerHTML을 사용하면 웹페이지에 삽입할 수 있다고 배우고, 검색을 해도 그런 내용이였는데 안나오는겨;;

사실 GPT한테도 이게 왜 오류가 나는지에 대해서 원인을 알려달라고 했는데 걔도 별말 없이 내가 태그 ID 잘못 썼는지 확인해보라해가지고 '어이가 없네;;;'하고 다시 내용을 검색해 보고 있었는데,,

InnerHTML을 그대로 삽입하면 DOM객체로 인식하지 못해서 오류가 난다는 것을 확인했다...

해당 에러에 대한 설명...
덕분에 JS 작업 시 해당 내용에 대해선 평생!!! 잊지 않을 것 같다 ㅋㅋ
그래서 데이터 가져와서 페이지에 띄우는데...

UI 꾸미기가 너무 어렵더라.. 나는 디자인 감각이 정말 없는듯;;
누가보면 그림판으로 만든 것처럼 보이고 분명 css를 이용해서 꾸미려고 하는데 적용이 안되는겨;; 그래서 모달창 띄우는 걸 먼저 구현했다...

나중에 조원분들이 알려주셨는데 내가 만든 영화 카드에 class를 부여해서 꾸며야한다고 알려주시더라... 흑흑
역시 현업 종사자가 짱이야...

후,, 그래서 내일 UI를 대대적으로 바꿀 생각입니다!
또 검색 기능도 구현해야하는데 이건 내가 자신있제~~~
캡스톤 때도 담당으로 했었으니께~

웹 페이지에 띄우려면 반드시 DOM 객체여야 한다!
Style 적용은 class를 부여하거라..
현업 종사자가 짱이다!

profile
사용자와 소통하는 프론트엔드 개발자

0개의 댓글