환경(2)
-
Nextjs에서 dotenv 사용해보기
안녕하세요. 이번 포스팅에서는 Nextjs에서 dotenv 사용하는 방법에 대해서 알아보겠습니다. 기본적으로 Create Next App으로 Nextjs 프로젝트를 생성시 루트에 .env 파일을 생성을 하고 안에 값을 NEXT_PUBLIC_으로 시작해서 작성을 하면 됩니다. # .env NEXT_PUBLIC_TEST=Hello World 위와 같이 Hello World라는 값을 가진 REACT_APP_TEST를 만든 후 console을 통해 확인을 해보겠습니다. // index.tsx import React from 'react'; function Home() { console.log('test', process.env.NEXT_PUBLIC_TEST); return Hello, World! } expor..
2023.03.04 -
React에서 dotenv 사용해보기
안녕하세요. 이번 포스팅에서는 간단하게 dotenv를 사용해보도록 하겠습니다. 기본적으로 CRA로 리액트 프로젝트를 생성시 루트에 .env 파일을 생성을 하고 안에 값을 REACT_APP_으로 시작해서 작성을 하면 됩니다. # .env REACT_APP_TEST=Hello World 위와 같이 Hello World라는 값을 가진 REACT_APP_TEST를 만든 후 console을 통해 확인을 해보겠습니다. // App.tsx import React from 'react'; function App() { console.log('test', process.env.REACT_APP_TEST); return Hello, World! } 위와 같이 코드를 작성하고 실행을 하면 아래와 같이 콘솔에 Hello Wo..
2023.03.03