프론트엔드 찜목록을 어떻게 구현해야할까요?

Question

현재 공공 api를 이용해 영화사이트를 만들어보고 있습니다.찜 목록을 구현해보려하는데 맞는지 의문이들어서요.제가 해보려는건 다음과 같습니다.Api를 이용해 영화데이터를 가져오고 화면에 보여줍니다.파이어 베이스sdk와 인증을 통해 만들어둔 회원가입을 이용해 유저는 가입하고 로그인하며 토큰을 발행받습니다.로그인후 유저가 영화를 찜하면 해당 유저의 uid로 파이어베이스 실시간데이터 베이스를 만들고 영화의 id를 저장합니다.이후 찜 목록을 보기위해 찜 리스트에 들어가면 해당유저의 데이터베이스에서 영화id 리스트를 가져와 api로 영화의 id를 첨부해 요청하고 화면에 보여준다.위 처럼 만들어보려고하는데 이런식으로 만드는게 맞을까요?제가 이상하게 생각드는 부분은 4번인데 만약 찜 한 영화가 10개면 10번의 api요청을 보내 데이터를 받아와야 할 것 같은데 이러면 너무 비효율적일거같고 이렇게하면 안될거같은 느낌이 들어서요. 힌트부탁드립니다.

코린이듈리 · Accepted Answer

직접 백엔드단 api를 만든다면 영화 id 열개를 보내서 한번에 영화정보들을 보낼 수 있을것입니다.그런데 공공api를 사용하면서 다른 서버와의 통신을 줄일려먼 캐시서버를 구현하면 됩니다.지금 구현하신거에서 3 번 항목을 조금 수정하시면 될듯 합니다. 전체적인 흐름은 아래와 같겠네요api를 이용해 영화 데이터를 가져오고 화면에 보여줍니다.가입, 로그인후 토큰을 발행받습니다.유저가 찜을하면 유저의 uid로 컬렉션을 만들고 영화의 id, 영화 데이터가 들어간 문서를 생성합니다.찜 리스트에 들어가면 해당 유저의 컬렉션을 모두 불러와 화면에 보여줍니다.여기서 문제점은 3번에서 삽입했던 영화 데이터와 최신 데이터의 차이가 발생할 수 있습니다.이는 createDate 등을 추가로 관리해서 일정 기간 지난 데이터면 api서버에 요청하는 방식으로 해결할 수 있을겁니다!

프론트엔드 찜목록을 어떻게 구현해야할까요?

1개의 답변

기타 목록