1에서 이클립스에 연동하는 것까지 해봤다. 이제는 그러면 프론트 IDE에 연결하는 거랑 소스트리에서 커밋 후 풀까지 알아보자 [소스트리] Add를 눌러 repository 를 불러와 주는 작업을 한다. 탐색을 누르면 아까 이클립스로 인해 연동된 1탄의 대왕폴더이름이 보일 것이다. 보통은 사용자 -> git 이 경로를 따르는데 이클립스에서 어디로 불러왔느냐에 따라 달라진다. 대왕폴더를 클릭 후 추가를 누른다. 아래처럼 꼭! back 과 front 가 들어있는 전체 폴더를 클릭해주어야 한다. [VSCode] File -> Open Folder 를 클릭하고 git 위와 동일하게 git에 있는 Front 폴더에 들어가 해당 vue 폴더를 클릭한다. 혹시 VScode를하다가 아래와 같은 팝업창이 뜨면 그냥 x 눌..

이클립스에서 백단으로 사용하는 spring과 비쥬얼 스튜디오에서 프론트로 사용하는 vue를 이클립스로 연동하는 방법에 대해 알아보자. 보통은 이렇게 두개의 개발도구를 이용해 동시에 다른 서버를 이용하여 웹페이지를 구현 하는게 정석이지만 만약에 내가 진짜로 서버에 해당 페이지를 올리고 싶다면 함께 넣어 놓는 것이 편리하고 + 어떤 거래처에서 프론트와 백까지 한번에 개발해 달라고 할 수 있기 때문에 연동하는 방법을 알아 두는 것이 좋다고 한다. 첫 번째 vscode에서 생성한 프로젝트의 제일 하단에 보면 vue.config,js 를 클릭한다. 두 번째 아래의 코드를 작성해준다. ● outputDir은 뷰의 입장에서 이클립스의 resources/static 폴더까지 가는 경로를 작성해준다. 예를 들어, 나는 ..

Spring 은 백과 프론트 기능을 완벽하게 분리한 것으로 백앤드를 구현 할 때는 사용자가 보는 화면은 구현 하지 않는다. 예시로 이전까지의 프로젝트들에는 front를 구성하는 webapp에 JSP 파일이 있지만 완벽하게 분리 된 Spring은 webapp에 아무 파일도 없는 것을 볼 수 있다. Spring 은 view 단에서 요청이 오면 해당 요청을 수행 한다. Spring은 이게 회원가입인지, 로그인인지. 마이페이지인지 전혀 관심이 없다. 그저 DB와 관련되거나 다른 어플리케이션에서 들어온 요청을 처리하기에 바쁘다. 그렇다면 view 는? 사용자가 보는 화면을 띄어주는 역할로 백단에서 구현 한 dto, dao, service 이런 것 들을 전혀 신경쓰지 않는다. 그저 사용자에게 기능을 보여주고 서버에..

뷰의 새로운 프로젝트를 생성하기 위해 cmd 창이나 Visual Studio 의 Terminal 을 이용한다. 처음에 cmd 창을 이용했는데 VScode 이용하는게 훨씬 편하다! 더 자세하게 작성 된 vue 프로젝트 생성~~ Vue 프로젝트 생성 및 환경설정 이클립스에서 작성한 내용들을 Vscode에서 불러와 Front를 구성 해 주어야 할 때 필요한 과정들이다. cmd 창을 이용하기 보다는 Vscode 에 있는 Terminal 탭을 클릭 후 사용 해도 결과는 똑같으니 꼭 cmd henniee.tistory.com 1. node.js 설치. 패스등록 https://nodejs.org/ko/ 2. workspace로 사용할 폴더 생성 ex>C:\Users\Playdata\Desktop\vue_project..