API1 개인 프로젝트 2일차 - tmdb 데이터로 영화 검색 사이트 구현 어제는 tmdb에서 데이터를 가져와서 콘솔로 띄워보는걸 해보았다. 오늘은 ui/ux를 구현하여 가져온 데이터를 카드스타일에 대입하여 만들어보고 모달까지 구현해보았다. 처음으로 html파일을 만들어 구역을 나눴다. 맨위에는 헤더의 틀을 구현하였다. 그다음에 css로 html틀을 꾸며주었다. 어제 가지고 온 데이터를 처리해보겠다. Movie함수를 호출하면 리턴값으로 데이터를 받아볼수 있엇다. 받은 데이터로 html에 대입시켜주었다. 헤더 밑에 영화 목록들을 보여줄수 있는공간을 div를 만들어 css로 형태를 잡아주었다. 데이터를 불러와 이미지와 제목 평점을 보여주는 목록을 구현하였다. 또한, 영화 이미지를 클릭하면 상세정보를 볼 수 있는 화면을 구현해보았다. 우선 모달의 div를 만들어 영화 이.. 2025. 1. 9. 이전 1 다음