본문 바로가기

TROUBLE SHOOTING2

[REACT] dotenv로 비밀 키 숨기기 dotenv는 API 키를 사용하거나 할 때 깃허브에 업로드하면 안 되는 것들을 숨겨놓는 역할을 한다. npm install dotenv 설치하고 REACT_APP_GOOGLE_MAP_API = 숨길키 폴더 구조 최상위(.gitignore, package.json이랑 같은 위치)에 .env 파일을 만들고 .gitignore에 .env를 써준 다음에 .env 파일 안에 저렇게 숨길 내용을 넣어주면 된다. 리액트에서는 REACT_APP_으로 prefix를 해줘야 정상적으로 읽는다. const mapKey = process.env.REACT_APP_GOOGLE_MAP_API; 이런 식으로 사용하면 된다. create-react-app으로 만든 리액트 프로젝트에는 이미 dotenv 패키지가 내장되었기에 많은 블.. 2022. 3. 4.
[GITHUB] 깃허브에 Daily Commit 스타일 핀하기 https://dirmathfl.tistory.com/126 git: I'm an early 🐤 적용하기 작년에 git action이 등장한 이후로 재미있는 프로젝트들이 등장하였다. 그중 하나는 action을 사용하여, 나의 commit 정보의 시간대를 파악하여 갱신시켜주는 I'm an early 🐤라는 프로젝트이다. I'm an ea dirmathfl.tistory.com https://codesyun.tistory.com/98 [Github] Github 프로필에 Daily 코딩 시간 나타내기 위 사진처럼 내가 커밋하는 시간을 Github 프로필 메인에 나타낼 수 있습니다. 쉽게 사용할 수 있는 오픈소스와 적용 방법을 소개하겠습니다. 1. 다음 링크로 들어가 Repository를 Fork 합니다. 원.. 2022. 2. 25.