그냥 나는 하던것처럼 .env 파일에 환경변수를
REACT_APP_으로 설정 했을 뿐인데...
console.log에 찍어보니 없다...!
당황해서 여기저기 찾아봤고..삽질만 했다 큽
next.js에서는 환경변수 prefix는?
NEXT_PUBLIC_였ㄷㅏ...^^..ㅋ
NEXT_PUBLIC을 쓰는 이유는?
1) React컴포넌트를 사용해 빌드되어 클라이언트에게만 보여지는 React UI 부분
2) Next.js 서버에서 실행되는 부분
이렇게 두가지 부분이 있다.
- /pages/api라우팅
- getServerSideProps() 서버사이드 props를 가져올때
- getStaticProps() 빌드시 한번만 props를 가져올때
위의 세가지 기능은 항상 서버에서 실행되므로 NodeJS의 프로세스에 액세스 한다.
클라이언트에 직접 전송되지 않으므로 민감한 값을 보호할 수 있는것이다.
React컴포넌트에서 액세스해야하는 환경변수는 NEXT_PUBLIC_을 사용하고,
서버측에서만 사용한다면 붙히지 않는다.
큽
공부할거 짱많네!
지식 주입 대환영~~~~..~~~
'TIL > 개발지식' 카테고리의 다른 글
| WebStorage, Cookie, Session비교 (0) | 2023.02.10 |
|---|---|
| json-server와 postman을 사용해보자 :) (0) | 2023.01.28 |
| Warning: Prop `className` did not match. Server: "zzz" Client: "xxx" (0) | 2023.01.27 |
| npm ERR! code ELIFECYCLE 에러 해결하기 (0) | 2023.01.25 |
| SSR , CSR , SPA , MPA 정리 (0) | 2022.03.07 |