본 포스팅은 react를 이용해 neylify에 배포시에 생겼던 문제를 해결한 것을 적은 포스팅입니다.

프로젝트를 제작하면서 고려해야할 중요한 몇가지들이 존재한다. 그중 하나가 보안인데, react를 제작하면서 민감한 데이터(서버주소, db 주소,password 등)을 깃허브나 다른곳에 나타내버리면 그 애플리케이션은 보안에 취약해진다.

이를 해결하기위해 프로젝트 root 폴더에 .env파일을 생성해서 중요한 데이터를 집어넣고 process.env.데이터이름(대문자)로 불러서 사용한다.

하지만 깃허브를 이용한 netlify배포를 이용하다보면 깃허브엔 .env파일이 없어서 배포에 실패하게된다.(서버요청이나, 디비연결이 안되기 때문)

해결방법

netlify > 해당프로젝트 페이지 > site settings > build & deploy> environment에서 추가하면된다.

위 사진 처럼 environment variables 에서 추가하면된다.

tips

react는 .env파일에 필요한 데이터를넣을때 무조건 "REACT_APP_"이름으로 넣어야한다.