![]()
💡 이번에 과제를 진행하면서 API 주소, API KEY와 중요 정보들도 다뤘는데 이때 이러한 값들이 노출되지 않게 하기 위해서는 어떻게 해야 되는지 정리해 봤다. 💻 프로젝트를 진행할 때 해당 프로젝트에서 사용되는 중요한 정보, KEY등과 같이 공개적으로 노출되면 안되는 값들이 있다. 이럴 때 따로 .env 파일을 만들어 그곳에 저장해서 사용할 수 있는 환경 변수를 설정해 줄 수 있다. 1. 환경 변수란? 프로젝트가 동작하는 환경 자체에다가 어떤 변수를 만들어서 데이터를 담아놓고 그 환경에서만 데이터를 활용할 수 있는 방법. 2. 환경 변수 설정하기 1) 루트 폴더에 .env 파일을 생성한다. 2) .env 파일에 변수와 값을 입력해준다. REACT＿APP＿변수 이름 = 값 3) 중요한 정보를 담고 있..
![]()
✨프로젝트 생성하기 1. firebase 홈페이지 접속하기 Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com 2. 시작하기 클릭 3. 기존의 프로젝트가 있다면 프로젝트 만들기 클릭 or 처음이라면 프로젝트 추가하기 클릭 4. 프로젝트 이름 지정하기 5. Google 애널리틱스 체크박스 해제 → 프로젝트 만들기 클릭 ✨호스팅 설정하기 빌드 탭 → Hosting 클릭 1. 시작하기 클릭 2. 윈도우는 명령프롬프트 → 오른쪽버튼 → 관리자권한으로 실행 3. 명령어 복사해서 설치 → 다음 클릭 4. 내 프로젝트 루트 디렉토리로 가서 명령어 복사해서 설치 (vs code로 했다면 해당 프로젝트..
