Intro 프론트엔드에서 .env 파일에서 백엔드 url등의 환경변수를 설정 후 빌드를 하게 되면 .env 안의 내용들이 함께 패킹되면서 빌드된 파일의 환경변수 설정을 바꾸는 것이 어렵다. 빌드 후에도 url 변경을 용이하게 하기 위해서 config.js 파일을 생성 후 관리할 수 있다. config.js 파일 생성하기 index.html 파일이 들어있는 publc 폴더 안에 config.js 파일을 생성 후 아래와 같이 변수를 생성한다. // public/config.js window.backendUrl = "URL" // example window.backendUrl = "http://192.168.0.1:8080/api" index.html에 config.js 추가하기 html → body → sc..
GeoServer를 통해 웹에 지도를 띄우려고 하는데, GeoServer는 Java 기반이기 때문에 JDK(Java Development Kit)가 필수적으로 설치되어 있어야 한다. 아래 링크에서 현재 다운받는 버전에 필요한 JDK 최소 버전을 확인할 수 있다. https://docs.geoserver.org/latest/en/user/installation/index.html Java 다운로드 처음에 17버전을 설치 후 GeoServer설치를 진행했지만 실패했고, 11버전으로 성공했다. 때문에 Java 11 버전을 다운받는 것을 추천한다. 설치 사이트에서 스크롤을 아래로 내리면 11버전을 찾을 수 있다. Java 11 설치 사이트 : https://www.oracle.com/java/technologi..
환경변수 파일이란? - 애플리케이션이 실행될 때 특정 값을 넘길 수 있는 변수를 의미한다. 웹 애플리케이션 관점에서는 .env 파일에 정의된 변수를 의미하며, 미리 정의된 값을 애플리케이션에서 활용하고 싶을 때 사용한다. - API_KEY, DB 정보, TOKEN등 git, 오픈소스에 올리면 안되는 값들을 따로 저장하고 소스코드 내에서 하드코딩하지 않고 변수로 사용할 수 있다. .env 파일 생성하기 - 프로젝트 최상위 루트에 .env 파일을 생성한다. - 외부 파일(.env)에 환경변수를 정의하여 변수로 받아오면 보안과 유지보수가 용이하다. .env 사용하기 process.env.REACT_APP_ 는 예약어이므로, 다른 이름은 사용하면 React가 인식하지 못한다. 때문에 모든 환경변수 앞에 REAC..
