새로운 react-shop-web project를 만들 깃허브 레포지터리를 만들고, 시작하기 전에 존안 강사님의 boilerPlate 코드를 갖고오자.
https://github.com/jaewonhimnae/boilerplate-mern-stack
GitHub - jaewonhimnae/boilerplate-mern-stack: Boilerplate when you use REACT JS, MONG DB, EXPRESS JS, REDUX
Boilerplate when you use REACT JS, MONG DB, EXPRESS JS, REDUX - GitHub - jaewonhimnae/boilerplate-mern-stack: Boilerplate when you use REACT JS, MONG DB, EXPRESS JS, REDUX
github.com
코드를 갖고왔다면 루트 경로에서 terminal에 npm install을 입력하여 서버 전용 라이브러리를 다운로드 받고,
client 경로로 가서도 npm install을 입력하여 클라이언트 전용 라이브러리를 다운로드 받아주자.
그리고 mongoDB를 연결해줘야하는데 이 부분은 밑에 영상을 참고하자.
첫번째 영상은 mongoDB를 연결하는 부분이고, 두번째 영상은 파일로 분리해서 dev.js 파일에 따로 관리해주는 부분이다.
https://www.youtube.com/watch?v=IHjolKwrjPE
https://www.youtube.com/watch?v=0z1jV4rzaH0&list=PL9a7QRYt5fqkZC9jc7jntD1WuAogjo_9T&index=9
'react-shop-web > front & back' 카테고리의 다른 글
| multer를 이용하여 이미지 저장 (0) | 2023.01.22 |
|---|---|
| 이미지 파일을 서버로 보내기 (0) | 2023.01.15 |
| Drop-Zone 적용하기 (0) | 2023.01.14 |
| Select Option 처리하기 (0) | 2023.01.14 |
| 업로드 페이지 만들기 (0) | 2023.01.10 |
