[React] .env 파일에 환경변수에 넣어쓰기

⚡️.env파일 만들기

1. 깃에. env파일이 올라가면 안될때 사용 ( API나 토큰번호 )
2. .gitIgnore에. env를 꼭 추가시켜줍니다

.gitignore 폴더
.env 추가

⚡️변수 내용 작성

1. 파일 안에 저장할 환경변수 내용을 적어줍니다.
2. 이때 중요한 점은, 반드시 변수명 앞에 REACT_APP_ 을 붙여줘야 합니다
3. 이걸 붙여주지 않으면 리액트 앱에서는 변수를 불러오지 않는 것으로 확인됐어요 

.env 폴더

REACT_APP_SERVER_URL= 'API주소'
REACT_APP_JAVASCRIPT_KEY= K MAP 자바스트립트키
REACT_APP_GETALLERROR= 'API주소경로'

⚡️등록한 변수 사용하기

1. 리액트는 라이브러리나 컴포넌트 사용 시 import를 꼭 해줘야 하지만,
2. .env에 등록된 변수는 별도의 import가 필요하지 않는다
3. 전역 어디서든 process.env.으로 가져와서 사용하면 됩니다.

process.env.REACT_APP_SERVER_URL
process.env.REACT_APP_JAVASCRIPT_KEY
process.env.REACT_APP_GETALLERROR