개인히스토리저장소

작성일자 : 2022.06.19

환경 : vue 2, webpack-dev-server 4.8.1

시나리오 : 프록시를 활용하여 CORS 해결

관련 포스팅 : https://osc131.tistory.com/118

1. webpack-dev-server 확인

package-lock.json 

"webpack-dev-server": {
	"version": "4.8.1"
    ...
    ...
}

사용하고 있지 않을 시 모듈 추가 필요

2.Proxy 설정 추가

vue.config.js

module.exports = {
  devServer: {
    proxy: {
	// /api 및 /api/* 요청에 대해 프록시 설정
      '/api': {	
        target: 'http://localhost:8080', // 프록시를 설정할 도메인
        changeOrigin: true,
      }, 
    },
  },
}

위 설정 이후 http://localhost:8080/api/* 에 대해 CORS 가 허용됨

* 주의 : 프록시 설정 이후 요청할 때 도메인 정보는 생략해야함

ex)

    const uri = '/api'; // 'http://localhost:8080/api' 로 작성 시 프록시 적용 X
    fetch(uri, {method: 'get'})
        .then(response => response.json())
        .then(response => {
            alert(response);
        })

작성일자 : 2022.05.29

환경 : SpringBoot, Gradle

시나리오 : Gradle 에서 할당한 변수를 서버 사이드에서 Property 로 활용

1. Gradle 설정 추가

build.gradle

...

processResources {
	filesMatching('**/application.properties') {
		expand(project.properties)
	}
}

...

해당 설정 추가 이후 gradle build 에 processResources 작업이 추가된다.

2. 변수 선언

build.gradle

...

version = '0.0.1-SNAPSHOT'
ext {
	index = '1'
	string = "gradleString"
}

...

3. property 설정

application.properties

...

version=${version}
gradleIndex=${ext.index}
gradleString=${ext.string}

...

build.gradle 에서 선언한 processResources 작업에서 알맞은 Property 에 Gradle 변수를 할당

4. 확인

In controller

@Value("${version}")
private String version;
@Value("${gradleIndex}")
private Integer gradleIndex;
@Value("${gradleString}")
private String gradleString;

...

System.out.println(version);
System.out.println(gradleIndex);
System.out.println(gradleString);

...

함수(Function) : 특정 독립된 기능/작업을 수행하는 코드조각

메소드(Method) : 클래스, 구조체, 열거형에 포함되어있는 함수