4. 쇼핑몰 웹사이트 만들기 (24)

배포하기 (1)

이 프로젝트를 포트폴리오에 넣어보고 싶은데?

 

리액트 프로젝트를 배포(deploy)하는 법을 알아보자!!

 

<ProductAll.js>

let url = `http://localhost:5000/products?q=${searchQuery}`;

 

<주의사항!>

다른사람은 데이터를 못본다 ㅜ

(왜냐하면 다른 사람들(사용자들)의 컴퓨터에 localhost:5000번이 돌아가고 있지 않다!)

 

이 json-server는  컴퓨터에서만 돌아가고 있다. (그래서 localhost이)

 

이제 고민...

json-server는 어떻게 배포를 하지?

local 말고 어떻게 다른 곳에 배포를 해서 올리지?

 

쉽게 배포할 수 있는 서비스를 제공하는 사이트 : 

1. 

https://my-json-server.typicode.com/

My JSON Server - Fake online REST server for teams

 

 

이 url을 쓰면 우리가 json-server을 public하게 사용할 수 있다.

 

1. 깃허브에 repository를 만들어라 (깃허브의 repository에 소스코드 올리기)

 

2. db.json이라는 파일 만들기

 

3. url 링크 바꾸기

https://my-json-servet.typicode.com/깃허브 유저 이름/깃허브 리파지토리 이름