![]()
이번에는 리액트 말고, 장고 프로젝트에서 사용하는 API KEY를 숨겨보자. 프로젝트에서 트위터 API를 사용해서 최근의 검색 결과를 받아오는 작업이 필요했다. 근데 구글링 해보니 트위터 API를 사용하는 글이 다 node.js로 백엔드 서버에서 사용하는 경우였고, 프론트엔드(브라우저)에서 사용하면 트위터 API 서버 측에서 막아놔서 CORS 에러가 나는 것 같았다. 그래서 해당 API는 장고 백엔드 서버에서 호출하게 되었고, 팀원분께서 발급받은 BEARER_TOKEN 을 사용하였다. BEARER_TOKEN 역시 깃허브에 업로드 되면 안되기 때문에, .gitignore에 추가해 주어야 한다. 나는 아래와 같이 진행해주었다. 1. secrets.json 파일을 만들기 secrets.json 이라는 이름의 ..
![]()
개발을 하다 보면 여러 플랫폼의 API나 open api 등을 사용하게 되면서 API KEY를 발급받게 된다. API KEY는 각 사용자마다 발급되는 고유한 키이기 때문에 깃허브 등에 프로젝트를 업로드 할 때, .gitignore에 추가해서 public 저장소에 올라가지 않도록 해 줄 필요가 있다. 이번에 React를 사용하여 개발하면서 서울시 실시간 혼잡도 정보를 받아오기 위해 발급한 API KEY를 .gitignore에 추가해보았다. 1. dotenv 설치 먼저 dotenv를 설치해준다. (이거 설치 안하고 진행하니까 안됐음) yarn add dotenv npm install --save dotenv 2. react-create-app으로 생성한 프로젝트 루트폴더에(src폴더랑 같은 계층) .env ..
