개발자 되는 중/TIL&WIL

내배캠 TIL 2023.02.23

SeonChoco 2023. 2. 23. 17:42

확실히 알아둬야하는 vercel 배포법 +  

파이어베이스 config_key .env에서 가져오는 법

 

api_key 같은 것은 배포 전에 vercel env key, value에 넣어주어야 한다. 

 

npm install dotenv
npm install env-cmd --save

제일 바깥 파일에 .env 파일을 생성한다

그 안에 작은 따옴표, 큰 따옴표, 쉼표를 삭제한 값만  

React_APP을 붙여서 상수로 넣어준다.

package.json에 

 "start": "env-cmd -f .env react-scripts start",
 
이렇게 넣어주면 된다. .env를 먼저 실행한다는 명령어

 

배포 성공!!!

https://nilili-007.vercel.app/ 

 

React App

 

nilili-007.vercel.app

 

 

https://velog.io/@lipton/%EB%A6%AC%EC%95%A1%ED%8A%B8-FireBase-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%82%AC%EC%9A%A9dotenv

 

리액트 FireBase 환경변수 사용(dotenv)

환경변수포트번호나 API 키값 등 민감한 정보들이 코드에 사용되는 경우가 있다.이러한 경우를 대비해 널리 쓰이는 것이 환경변수다. 공개되지 않아야 하는 정보들은 직접 입력하지 않고 환경변

velog.io

 

firebase 소셜 로그인이 안됐다. 그것은 firebase domain을 추가해줘야 해결이 되는것이었다.

 

 

'개발자 되는 중 > TIL&WIL' 카테고리의 다른 글

내배캠 TIL 2023.02.28  (2) 2023.02.28
내배캠 TIL 2023.02.24  (0) 2023.02.24
내배캠 TIL 2023.02.22  (0) 2023.02.23
내배캠 TIL 2023.02.21  (0) 2023.02.21
내배캠 TIL 2023.02.20  (0) 2023.02.20