장고(DRF) + 리액트 REACT.JS 포트폴리오 1

백엔드 Django rest framework + 프론트 React.js 그리고 디자인은 부트스트랩5를 사용하여 서점 사이트를 구현해 보았다. 
 
 

기술서와 유튜브를 참고해서 파이썬 장고 백엔드에 페이지네이션 기능이 따로있어서 만들어보았다..

 

백엔드링크를 api변수에 담아서 fetch함수로 만든뒤 props를 통해 card 컴포넌트에 데이터를 뿌려주었다. 나중에 fetch함수에 단점을 보완해줄 axios, react query로 유지보수 할 생각이다.

 
 

백엔드 Django rest framework에서 분야별 카테고리, 검색 필터링을 만들어 주었다.

 
 

또 찜하기 기능도 만들어보았다 (Context API를 통해 전역 값으로 데이터를 뿌려주었다) 하지만 찜하기 했던것들이 새로고침하면 사라져서 localstorage를 사용해서 브라우저에 저장해 보았다.

 

그리고 리액트와 백엔드 장고를 연동할때 cors에러를 방지하기위해 INSTALLED_APPS항목에 corsheaders를 넣어주었다.(중요)

 
 
 
 
앞에 작업과 이어지는 내용입니다
https://devttaemppang.tistory.com/3

리액트 try-catch, 리액트+장고(DRF) 작업물 완성