jhhan의 블로그

Spring과 Vue.js를 연결해보는 예제에 대해 해보겠씁니다. 이전에 제가 backend를 Spring으로 하고 front를 Vue.js로 해서 둘을 연동하는 법을 진행했습니다. 이번에는 다른 방식으로 둘을 연동해보겠습니다. 경우에 따라서는 이 방법이 더 편하게 느낄 수도 있을 것입니다. 이번에는 back과 front 프로젝트를 따로 만들 것 입니다. 먼저 back을 만들겠습니다. 1. Back Spring 프로젝트를 만듭니다. 프로젝트의 이름을 설정합니다. Maven과 Gradle 둘 중 어느 것을 선택할 지는 원하시는 쪽을 하시면 됩니다. 간단한 연동만 할 것이니 저기 2개만 선택합니다. 원하시는 것을 더 추가하셔도 됩니다. 마지막으로 프로젝트 위치를 설정하시고 back 설정을 잠시 멈춰두겠습니다..

이번에는 github과 slack 연동에 대해 알아보겠습니다. 이 블로그에 와서 제 포스트를 한번이라도 보셨던 분은 아마도 개발과 관련된 일을 하고 있다고 생각합니다. 그리고 개발과 관련된 일을 하시는 사람들이라면 github과 slack을 한번씩은 들어보셨을 겁니다. github: 분산 버전 관리 툴인 깃(git)을 사용하는 프로젝트를 지원하는 웹호스팅 서비스입니다. slack: 클라우드 기반 팀 협업 도구입니다. (by wiki백과) 설명은 이정도만 하겠습니다. (설마 모르신다고 생각하지 않기 때문에..) 슬랙과 깃헙을 연동하면 내가 혹은 다른사람(프로젝트 같이하는 사람들)이 깃헙에 commit을 하면 실시간으로 볼 수 있습니다. commit하는 것을 바로바로 볼 수 있기 때문에 프로젝트 관리를 하는..

이번에는 Spring과 Vue.js를 연동해보겠습니다. 그러면 Spring은 Backend가 되고, Vue.js는 frontend가 되게 됩니다. 프로젝트를 만드는 방법은 다양하지만, 저는 스프링 프로젝트를 먼저 만든 후 Vue-cli를 적용할 것입니다. 먼저 스프링 프로젝트를 만듭니다. 저는 다음과 같은 Dependency를 포함해서 넣었습니다. 넣고 싶은 것을 넣으면 됩니다. (여기서 일단 스프링 세큐리티는 제외하시기를 권장합니다.) 그럼 다음과 같은 프로젝트 구조를 보실 수 있으실 겁니다. 그리고 실행을 한다면 실행이 안됩니다. MariaDB 설정을 안하셔서 그렇습니다. 저는 마리아DB로 했지만, 다른 dB를 원한다면 그것을 하시면 됩니다. 먼저 pom.xml 파일로 가서 다음을 추가합니다. org..