React에서 환경변수 가져오기[+OAuth 로그인]

.env 파일

REACT_APP_CLIENT_ID=asdasdasdasd

Login.js

const CLIENT_ID = process.env.REACT_APP_CLIENT_ID;

---

🤔 몰랐던 코드

window.location.assign(`https://github.com/login/oauth/authorize?client_id=${CLIENT_ID}`);

• Window.location
  Window.location 프로퍼티에 접근하면 읽기 전용인 Location 오브젝트를 얻어올 수 있습니다.
  이는 현재 도큐먼트의 로케이션에 대한 정보를 담고 있습니다.

• Location
  Location 인터페이스는 객체가 연결된 장소(URL)를 표현합니다.
  Location 인터페이스에 변경을 가하면 연결된 객체에도 반영되는데, Document와 Window 인터페이스가 이런 Location을 가지고 있습니다.
  각각 Document.location과 Window.location으로 접근할 수 있습니다.

• location.assign
  새로운 값이 location 객체에 할당되면, 변경된 URL로 location.assign()이 호출된 것처럼 문서가 URL을 사용하여 로드됩니다. CORS와 같은 보안 설정으로 인해 이러한 동작이 제대로 이루어지지 않을 수 있음에 유의하세요.

location.assign("http://www.mozilla.org"); // 또는
location = "http://www.mozilla.org";