tjdvyzl 2023. 1. 10. 14:48

새로운 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