몽고DB → backend(API) → frontend(React)

<aside> ✏️

API(Application Programming Interface: 서로 다른 sw app이 데이터를 교환하고 통신할 수 있도록 하는 인터페이스)

• backend(server)가 외부(frontend)에게 제공하는 URL
• 서버 기능 실행하는 URL
• sw - sw 정보 교환 다리 역할 </aside>

book schema → backend → frontend

1. 몽고DB 데이터 저장
2. Express API로 데이터 가져 오기
3. React에서 useState/useEffect로 API 호출
4. 받은 데이터 map( ) 렌더링
5. filter( ) 필요 데이터만 보여 주기