<step73>'react_shoppingmall홈페이지 구현_step_final'

1) 

클라우드 

서버배포 heroku

 

lamp-shopping-server

index.js -> index_node.js

server.js -> index.js

index.js 에서 port 변경

package.json에 start부분 추가

git add .

git commit -m "서버 배포 준비 완료"

git push

회원가입 ->

https://www.heroku.com/

Cloud Application Platform | Heroku

로그인 후 -> create new app

create app하고 난 뒤 다운로드

Heroku CLI. 설치->

64비트 다운로드

heroku login

deploy->

git push heroku main

open app

JSONVue로 보기

react 배포 vercel

 

lamp-shopping-client

데이터베이스 주소 heroku주소로 변경

lamp-shopping-server

imageUrl 주소 변경

imageUrl: "https://lamp-shopping-server-zoaseo.herokuapp.com/"+file.destination+file.filename

다시 헤로쿠 배포

 

lamp-shopping-client

git 배포

https://vercel.com/

Develop. Preview. Ship. For the best frontend teams – Vercel

로그인->

https://lamp-shopping-client-blond.vercel.app/

React App