TIL 13일차 (20240110)

오늘 배운 내용

• 오늘은 TMDB가 아니라 영화진흥위원회의 api를 연결했다. 이 때 fetch함수까지 다 주는 TMDB와 다르게 영화진흥위원회는 예시만 주고 직접 해야했는데, 아직 fetch에 미숙헤서 연결에 버벅이는 문제가 있었다. 다행히 튜터님의 조언으로 두개의 api를 가져올 수 있었다.
  영화진흥위원회의 경우 맨 밑에 예시가 있는데 그 예시를 따라가면 되는 것이었다... 그리고 상대 경로에 무지했던 것도 요인 중 하나였다. 같은 파일 내에 html,css,js 파일이 있으면 경로를 굳이 적지 않아도 되는 것.

아래는 수정한 코드다.

const service= config.apikey;

const url1= `http://www.kobis.or.kr/kobisopenapi/webservice/rest/movie/searchMovieList.json?key=${service}`
const url2 = `http://www.kobis.or.kr/kobisopenapi/webservice/rest/movie/searchMovieInfo.json?key=${service}`

fetch(url1)
  .then(response => response.json())
  .then(response => console.log(response))

  fetch(url2)
  .then(response => response.json())
  .then(response => console.log(response))

그리고 공부해야할 점을 지적해 주셨다.
위에 썼듯이 fetch 공부를 더 할 것, 그리고 template literal도 공부할 것. 미처 이해를 덜 한 this도, 새 과제로 나온 localStorage도 공부해야하는데 갈 길이 매우 멀다...

---

그리고 난생 처음 git merge를 하는 도중 또 빨간 줄을 만났다^^...
automatically merge 안됨 이랬는데 작은 글씨로 물론 그래도 merge할 수 있어~^^이래서 과감하게 도전했다. 요인은 달라진 부분때문이었는데 git pull때 배운것처럼 코드가 아닌 부분을 수정했고, 변경된 변수명도 삭제하거나 수정했다. 시뻘건 글씨들을 봐서 그런가 이제 pull에 나오는 충돌도 귀엽게 보인다.

지금은 짧은 코드라 바로바로 수정이 가능한데 긴 코드는 어떻게 될지... 기대가 된다.🥲