next.config.js2 React - next js login redirect naver, 쿠팡과 같은 웹 사이트에서 로그인을 할 때, network를 보면... 순간적으로 한 페이지를 갔다가 넘어가는 것을 볼 수 있다. 컴퓨터의 성능이 좋다면 너무 빨리 지나 가지만, 어떤 사이트를 들렀다가 redirect를 하는것 같다. # object - 대형 웹사이트 로그인 과정 확인 - next js를 통해서 구현 해보기 만약 어떤 사이트를 들리지 않고, 그냥 로그인을 한다면 무슨일이 일어나게 되는가?? 다른 사이트를 통해서 가지 않는다면 React에서 통신을 할 때, 어떤 payload를 보냈는지 알 수 있다. 즉, 로그인 할 때 사용했던 id와 password가 남아있다.(브라우져 network에서 확인 가능) ## Next js config file 설정 next js는 어떤 특정 사.. 2022. 12. 17. React - Next.js environment variable 설정하기 javascript는 node.js라는 환경에서 run time이 된다. 그래서 node.js에서 제공하는 process 라는 기능을 사용할 수 있다. 보안을 위해 root 디렉토리에 .env 파일을 만들고, 중요한 apikey, privatekey 등... 보안에 필요한 값들을 넣어주고, git push를 할 때, .env를 gitignore 설정하여 보안을 지킬 수 있다. #object *next.js env 값 설정 ## React environment variable(env)(기존방식) next js를 사용하게 되면 조금 설정이 필요한 부분이 있다. 이렇게 .env 사용할 값들을 설정해 놓고, 필요한 부분에 process.env.REACT_APP_API_KEY를 사용하게 되면, browser에서 .. 2021. 5. 6. 이전 1 다음 반응형
