직전 웹종반에서 배웠던 내용을 기본으로 api를 끌고와서
html에 넣어줘야한다. 밑에 api는 console.log()로도 찍어 주고
document.querySelector().append() 를 사용해 내용이 잘 들어가는지 테스트해봤다.
일단 오류 없이 api는 잘 받아와지는 모습.
내가 생각한 틀은 영화 정보를 받아와서 각각의 영화에 대한 카드를 생성해야된다.
그러려면 카드 컴포넌트가 필요할 것이고 컴포넌트를 만들고 fetch와 forEach를 활용해
소스코드의 효율성을 높이는 방향으로 짜봤다.
한 문제에 틀어박혀서 시간을 굉장히 많이 썼다. 처음에 css를 배치하느라 애를쓰기도했고,,
이쁘게 만들었다가 코드가 너무 복잡해져 엎어버리고 css작업은 나중으로 미뤘다.
아직 이해하면서 활용하기엔 턱 없이 부족한데, 내일은 개인과제 영화정보를
카드컴포넌트에 불러오기 성공을해야 뿌듯할 것 같다.
이 막막한 기분을 뚫어내버리고싶다 !!
[TIL] 2024.01.09 (0) | 2024.01.09 |
---|---|
[TIL] 2024.01.05 영화 API 기반 개인 프로젝트 (2) | 2024.01.05 |
[TIL] 2024.01.03 (1) | 2024.01.03 |
[TIL] 2024.01.02 this바인딩 (0) | 2024.01.02 |
[TIL] 23.12.29 JS 문법 종합반 1주차 (2) | 2023.12.29 |