이제 로딩이 완료되면 fetch를 가지고 카드를 착착 붙여주는 작업을 해야한다.
먼저 app.py에 가서 데이터를 가져오는 것을 작성한다.
그리고 get연결완료 가 아닌 값을 보내줘야하기때문에 result에 all_movies를 써준다.
그리고 index.html로 가서 아래 함수처럼 변경해준다.
이제 브라우저에서 새로운 영화 하나를 더 추가하고 console창을 확인하면 아래와 같이 나온다.
이걸 보면 리스트다. 리스트이기때문에 foreach를 돌려준다.
확인해보면 아래 console창에서 잘나온것을 확인해볼 수 있다.
이제 붙여주기를 하겠다.
위와 같이 작성해주고 저장 한 후 확인하러 가보면 아래 사진과 같이 나오는 것을 볼 수있다.
이렇게 내가 넣은 영화가 나오는 것을 볼 수 있다.
하나 더 붙여봐도 잘 나온다.
이제 우린 하나 남았다. 그건 바로 별점이다. 별점은 숙제로 넘어갔기 때문에 다음에 하겠다.
'js 공부(ft. sparta) > 4주차' 카테고리의 다른 글
4주차 끝 숙제 (0) | 2023.04.21 |
---|---|
4-12. [스파르타피디아] - POST 연습(포스팅하기) (0) | 2023.04.21 |
4-11. [스파르타피디아] - 뼈대 준비하기 (0) | 2023.04.20 |
4-10. [스파르타피디아] - 조각 기능 구현해보기 (0) | 2023.04.20 |
4-9. [스파르타피디아] - 프로젝트 세팅 (0) | 2023.04.20 |