반응형 vue.js 시작하기3 [Vue.js 시작하기] 3. Spring Boot 연계 기본 프로젝트 세팅 언어공부를 아무리 완벽하게 해도 실전에서 쓰는 것만큼의 빠른 체득이 없다. Vue.js를 이용해서 front-end를 구성하고 Back-end는 익숙한 Spring Framework를 이용해서 구성하는 형태의 프로젝트를 만들어보고자 한다. Spring Boot를 이용해서 빠르게 프로젝트 생성부터 진행해보자. start.spring.io/ 사이트에서 제공되는 형태와 동일하게 VS Code에서도 Spring initializr를 제공한다. Command Pallette (Ctrl + Shift + P) 에서 Spring 입력하면 Spring Initializr가 제공되는데 위 사이트와 동일한 형태인데 좀 더 간략화되어서 제공되는거다. 원하는 구성으로 만들면 되지만, 본인은 아래의 구성으로 만들었다. Proj.. 2021. 4. 13. [Vue.js 시작하기] 2. Vue.js 사용을 위한 기본 문법 1 Vue.js를 시작하기 위해 다양한 사이트를 서치해보니, 문법을 설명해주는 다양한 사이트가 있다. 물론 책을 사서 공부해도 좋겠지만, 가볍게 시작하는 마음으로 보기에 괜찮은 사이트들을 추천해주고 해당 사이트에서 제공하고 있는 기본 문법들에 대해 소개한다. ~ 출처 및 참고 사이트 ~ kr.vuejs.org/v2/guide/index.html www.vuemastery.com/courses/intro-to-vue-js/vue-instance Vue Instance 만들기 / 데이터 바인딩 (선언적 렌더링) 문법 공부를 위한 간단한 페이지 개발용이므로, script를 직접 추가하는 방식으로 시작하자. study.html 파일을 만들고, vue instance를 선언할 별도의 main.js 파일을 만들어서 i.. 2021. 3. 21. [Vue.js 시작하기] 1. 개발환경 세팅 개발자의 덕목은 끊임없는 공부와 영역 확장이라 (물론 나만의 생각이 아니라 전체적인 흐름이 그러하니 받아들여야지) 그 공부와 영역 확장이 나의 업무 안에서 그렇게 할 수 있다면 더 없이 좋은 직장이겠지만, 직장은 내 공부를 위한 곳은 아니고 내가 원하는 방향으로 확장되지 않을 수도 있으니 내가 배우고 싶고 시작하고 싶은건 이렇게 새로 시작해야 한다. 사실 React 배워보기 시리즈를 쓰면서 React로 만들어볼까 했는데, Vue.js로 눈을 돌려서 개발해보려고 한다. 물론 이거 하나 해두면 또 다른거 배우는건 금방이겠거니 하는 마음도 있고. 오늘의 목표는 Vue.js에 대해 알아보고, 이를 이용한 기본 개발환경을 세팅하고자 한다. Vue.js Javascript Framework 언어인 React, An.. 2021. 3. 21. 이전 1 다음 반응형
