Today I Learned

리액트도 Spring Boot의 application-dev.properties, application-prod.properties 처럼 각각 실행 환경에서 다른 설정을 사용하고 싶을 때 하는 설정 방법이 있다. development 환경에서 http://localhost:8080을 production 환경에서 https://api.seogineer.com를 사용해서 동적으로 각 profile 마다 다른 URL을 사용하고 싶었다. 프로젝트의 root 경로에 .env.development, .env.production 파일을 생성하고 각 profile에 맞는 URL을 입력한다. 이때, 호출할 때 사용하는 이름은 접두사 REACT_APP_로 시작하여야 한다.# .env.developmentREACT_APP..

1. cmd(터미널)에서 프로젝트 폴더로 이동 2. 프로젝트 폴더를 npm package로 지정(package.json 생성) npm init // 명령어 입력 후 환경설정 // name // version // description // entry point // test command // git respository // keywords // author // license // Is this ok? (yes) - 예제로 UnderscoreJS 설치 3. UnderscoreJS 홈페이지에서 설치법 확인 4. cmd(터미널)에 설치 명령어 입력(node_modules 폴더가 생성되고 하위에 underscore 폴더가 생성됨) npm install underscore --save * '--save' 를..

1. npm.com에서 'uglify-js' 검색 후 설치법 확인 2. cmd(터미널)에서 'npm install uglify-js -g' 또는 'npm install uglify-js' 입력 * '-g'가 붙으면 컴퓨터 전역에서 사용하는 독립적인 프로그램으로 사용, 없으면 프로젝트 내에서만 사용 3. 예제 pretty.js 코드 작성 function hello(name){ console.log('Hi,' + name); } hello('seogineer'); 4. 사용 방법 방법1 - cmd(터미널)에 pretty.js 변형 결과 바로 출력 uglifyjs pretty.js 결과1 function hello(name){console.log("Hi,"+name)}hello("seogineer"); 방법2..