TIL 금일 공부

1. 프로젝트 진행상황

• 현재 vue js + spring boot 연동이 완료된 상태.
• proxy 서버 문제로 인해서 며칠동안 고생했다. 그전 구조는 dev server( webpack devserver 8080 port)로 프론트 서버를 올려놓고 spring boot를 3000 port로 구성했다. 그래서 vue에서 api 서버로 데이터를 요청해서 json 데이터를 뿌려주기만 하면 됐는데 인증 부분에서 문제가 생겼다.
• 8080 port에서 요청해서 3000 port로 요청이 들어가니 CORS 설정을 했는데, 스프링 시큐리티를 통해서 로그인을 할 경우에 문제가 생겼다.
• API 요청을 8080에서 요청하는 PROXY 서버 설정을 통해서 해결했다. 그전에는 3000 포트로 요청을 받아서 쿠키가
  3000포트로 전달이되서, 실제 화면을 요청하는건 8080포트인데 쿠키가 생성이 되지 않았다.
• 이제 프록시 설정을 변경해서 쿠키가 정상적으로 생성이 되지만, 문제는 view 단에서도 인증정보를 받지못하면 접근제한을 걸수가 없기 때문에 이부분을 해결할 방법을 찾아야한다. 현재 스프링시큐리티에서는 DOCUMENT.COOKIE를 막는 XSS 설정이 되어있다.

2. Vue js 공부

• 생각보다 AJAX요청이 많이 생기고, 페이지를 동적으로 보여줘야할 부분이 많아서 Vue.js를 도입했다.
• REACT나 ANGULAR보다 학습곡선이 낮아서 시작했는데, 시작자체는 쉽지만 결국 WEBPACK과 ES6를 공부해야하기 떄문에 공부할 부분이 참 많다.