이클립스에서 작성한 내용들을 Vscode에서 불러와 Front를 구성 해 주어야 할 때 필요한 과정들이다. cmd 창을 이용하기 보다는 Vscode 에 있는 Terminal 탭을 클릭 후 사용 해도 결과는 똑같으니 꼭 cmd 창을 켜서 진행하지 않아도 된다. 하지만 일단 cmd가 살짝 멋있어 보이니까 cmd 로 진행을 해보려고 한다. 폴더 생성 폴더를 생성 할 원하는 경로를 들어가 vue create 폴더명 을 입력해 준다. cd ../ 이것은 경로를 거슬러 올라가는 코드이다. 나는 위와 두번 거슬러 올라갔는데 한번에 하는 방법은 아래와 같으니 편한 방법으로 사용하면 좋을 것 같다. 생성 된 폴더 기본 설정 vue create 폴더명 이 성공 하게 되면 아래와 같이 preset을 설정하라고 나온다. Ma..

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

Node.js 설치와 비쥬얼 스튜디오 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.c..