TIL #8) 순수 JS를 이용해 fetch 사용하기

Today I Learned

이번 개인과제는 순수 자바스크립트만을 이용해 TMDB api를 사용한 영화검색 웹사이트를 만드는것이다.

웹개발 강의를 들으며 fetch를 사용하는 법을 배웠는데 이떄 혼동이 생겨 fetch사용시 무조건 jquery를 같이 써야 되는줄 알았다. jquery 없이 fetch 이용을 위해 여러가지 검색을 해보았으나 아무리봐도 명확하게 이거다 하는 답이 없었다.

 

이런 오류가 생긴 데에는 두가지 이유가 있다.

1. jquery를 사용해야 fetch를 이용할수있는줄 알았다.(jquery가 뭔지 잘 몰랐음)

2. fetch 연동이 잘 되었으나 html에 붙여넣을때 append를 사용하여 1번 이유에 대한 오해를 더 강화했음.

    (jquery를 빼면 작동이 안되어서..)

 

append 를 바닐라 자바스크립트로 쓰는법이라고 검색해 그걸 토대로 수정하자 내가 원하던 코드를 만들 수 있었다.

그러나 DOM 제어 개념을 아직 잘 모르겠어서 더 공부해보려한다.

오늘은 저 문제를 해결했지만 한 기능 만들때마다 그냥 넘어가는법 없이 오류가 계속 생기고 있어 시간이 오래걸린다..

필수기능은 물론 내가 상상했던 추가기능까지 구현하려면 갈 길이 하안참 멀지싶다. 🤷‍♀️