Front-End와 Back-End 연계하기

JAVA, Spring 프로젝트이지만 webpack을 연동하여 Front-End를 적극적으로 활용한다.

또다른 내부의 Directory를 만들고 npm을 통해 webpack을 설치했다.

 

우리는 이제 보다 자연스럽고 체게적으로 front-end에 관한 코드들을 관리할 수 있다.

node.js를 이용하므로 별도의 서버에 업로드 되고, 서버는 tomcat 중심으로 별도의 서버에 업로드 될 것이다.

이제 Front-End와 Back-End는 서로의 통신을 api를 통해서 어떻게 하는지 더 명확하게 구분이 간다.

 

그 역할은 Controller에서 이루어지기 때문에, @CrossOrigin를 선언해 주어야 한다.

javascript 파일에서 async, await, join 등 이해하기 힘든 기술들이 나왔다.

이 부분에 대해서는 시간이 있으면 같이 공부해서 협업의 이해도를 키우면 좋겠다고 생각한다.