본문 바로가기

js 공부(ft. sparta)/4주차

4-13. [스파르타피디아] - GET 연습(보여주기)

이제 로딩이 완료되면 fetch를 가지고 카드를 착착 붙여주는 작업을 해야한다.

먼저 app.py에 가서 데이터를 가져오는 것을 작성한다.

app.py

그리고 get연결완료 가 아닌 값을 보내줘야하기때문에 result에 all_movies를 써준다.

app.py

그리고 index.html로 가서 아래 함수처럼 변경해준다.

이제 브라우저에서 새로운 영화 하나를 더 추가하고 console창을 확인하면 아래와 같이 나온다.

이걸 보면 리스트다. 리스트이기때문에 foreach를 돌려준다.

확인해보면 아래 console창에서 잘나온것을 확인해볼 수 있다.

이제 붙여주기를 하겠다.

index.html

위와 같이 작성해주고 저장 한 후 확인하러 가보면 아래 사진과 같이 나오는 것을 볼 수있다.

이렇게 내가 넣은 영화가 나오는 것을 볼 수 있다.

하나 더 붙여봐도 잘 나온다.

이제 우린 하나 남았다. 그건 바로 별점이다. 별점은 숙제로 넘어갔기 때문에 다음에 하겠다.