React & Nodejs & MongoDB - 쇼핑몰 만들기 & error 잡기

github.com/jaewonhimnae/boilerplate-mern-stack

jaewonhimnae/boilerplate-mern-stack

 

 

 

 

 

npm install //back
npm install //client

 

server / config / dev.js

module.exports = {
    mongoURI:'mongodb+srv://admin:1234@myproject.uuqzp.mongodb.net/myFirstDatabase?retryWrites=true&w=majority'
}

 

server 에서 npm run dev 하면 localhost 3000 port 로 client server가 동작함

 

 

file upload npm install(react drop zone)------

npm install react-dropzone --save //client
npm install multer --save//back

 

show image

npm install react-image-gallery --save // client
npm run dev // 라이브러리 설치 후 root directory 에서 서버 재기동

 

 

ant.design/

Ant Design - The world's second most popular React UI framework

 

 

 

react-image-gallery

 

www.npmjs.com/package/react-image-gallery

react-image-gallery

 

썸네일

www.npmjs.com/package/gm

gm

 

 

해결해야할 부분

조건 검색하는 디자인
대륙검색 디폴트 1 수정..!!
주소 다이나믹하게..? -> 변수로 처리...어떤 파일을 만들어서 예를들면 config.js 파일에 SERVER_URL 이런 변수를 만들어서 
const SERVER_URL = localhost:5000  //local
const SERVER_URL = abc.com:5000  //abc.com

아니면 .env 파일을 이용해서 환경변수로 처리할 수 있음 




17 토 - 로그인, 쇼핑몰 끝, 리액트 복습, 무비앱 시리즈 끝!!
18 일 - 유튜브
19 월 - 채팅 + 챗봇
20 화 - 조현영


첫 프로젝트 몽고디비 활용
21부터 이걸로 인프런 혹은 유데미 만들기!!!! 동영상 학습 사이트!!! (기능추가 : 파이썬 크롤링 + 도커 배포 + ec2 배포)
(게시글 + 답변 + 쇼핑몰 + 좋아요 싫어요 + 팔로우 + 실시간 채팅 + 실시간 알람!! + user 검색기능 +파이썬크롤링 + 도커, ec2)

두번째 프로젝트 마에스큐엘 활용 
검색 게시판 + 투두리스트 + 실시간채팅 + 크롤링활용해서 그래프 수치화 + 주식 혹은 비트코인 해볼까...(블락체인 가능...?인프런 찾아보기)
+++ 추천 알고리즘....가능?ㅠㅠㅠ

developer.paypal.com/developer/accounts

Sandbox accounts - PayPal Developer

 

첫번째 걸로 하기!! 비밀번호 바꾸고!!

 

 

app key : AWzoAGBhqBu9v2PvEb516ZF-wGLvDdDc1d8wLwclzgFatfLcWf-SVQzYEaY0N3gihsiZvaFc8sehbFG0

login id : sb-znj4755950817@personal.example.com,
password : tkfkdkgo12!

 npm i async --save // root