42일 차
리액트 프로젝트 배포(vercel,glitch)
github 에 db.json 파일에 초기설정하여 푸쉬한다.
출처 참고
![](https://velog.velcdn.com/images/young0_0/post/a592bb7a-df77-43c6-b5ac-07128bff5fb3/image.png)
![](https://velog.velcdn.com/images/young0_0/post/7933d029-464e-44e4-806a-b8a240bc7b38/image.png)
Glitch 로 서버배포
json-server 배포
1. Glitch 로그인
![](https://velog.velcdn.com/images/young0_0/post/662bf3bd-fcf0-45de-8998-48778d04d2cd/image.png)
2. 프로젝트 생성
![](https://velog.velcdn.com/images/young0_0/post/e44e648e-74e5-4cbc-a393-2fac8bba660f/image.png)
3. paste the full URL of your repository 에 깃 주소 넣기
![](https://velog.velcdn.com/images/young0_0/post/6f8c8026-ef40-49cf-85dc-19e400960084/image.png)
![](https://velog.velcdn.com/images/young0_0/post/b6e1df0b-33b9-47cc-b86b-e2c32f3e342d/image.png)
4. 프로젝트 주소 복사
![](https://velog.velcdn.com/images/young0_0/post/de537149-a4dc-48dd-9996-8febb5404c47/image.png)
5. 프로젝트 폴더 최상단에 .env 파일 만들고, 주소안에 glitch에서 복사한 파일 붙혀넣기
![](https://velog.velcdn.com/images/young0_0/post/1e3ca674-d6f9-407b-b265-1d7446bcf84a/image.png)
![](https://velog.velcdn.com/images/young0_0/post/96d5ef3d-4f7c-4dd0-aac7-2dff60d57b2f/image.png)
6. 리덕스툴킷 파일에 경로변경하기
![](https://velog.velcdn.com/images/young0_0/post/2fe695de-7b87-4e1c-a736-da2aa25fcaa7/image.png)
7.gitignore 에 .env, db.json 추가하여 넣기
![](https://velog.velcdn.com/images/young0_0/post/67139c7d-24ce-435a-b777-ea91af046813/image.png)
![](https://velog.velcdn.com/images/young0_0/post/be02d664-aba3-414c-8483-f1c465a9a505/image.png)