frontend
-
[To-Do 앱]Vue.js/Node.js 앱 에서 API Call 하기 (Axios)웹 어플리케이션 2019. 2. 26. 17:16
이전 포스트에서 Vue.js와 Node.js를 이용해 프론트엔드 웹 서버의 뼈대를 구현 해 보았다. 이번 포스트에서는 진짜로 To Do 리스트를 만들기 위해 Vue.js/Node.js 프론트엔드 서버에서 Spring Boot RESTful API서버로 API콜을 해 보도록 하겠다. 들어가기에 앞서 vue.js는 우리가 추가한 eslint패키지 때문에 들여쓰기(indention)에 매우 민감하다. 따라서 들여쓰기에 주의를 하거나 package.json에서 "lint": "eslint --ext .js,.vue src" 이 부분을 지우고 다시 실행시켜야 할 것이다. 일단 실습을 위해 프로젝트를 실행시켜라. npm run dev예상독자IntelliJ, Webstorm, Atom 등 자바스크립트 IDE중 하나를..
-
[To-Do 앱]Vue.js 와 Node.js를 이용해 웹 앱 만들기웹 어플리케이션 2019. 2. 25. 11:42
이 포스트에서는 Node.js와 Vue.js를 이용해 프론트엔드 웹 서버를 만들어 본다. 예상독자IntelliJ, Webstorm, Atom 등 자바스크립트 IDE중 하나를 설치했다.자바스크립트를 좀 안다.백엔드는 알아서 구현할 수 있거나 아래의 튜토리얼들을 마쳤다.[To-Do 앱]스프링부트(SpringBoot) 웹 어플리케이션)[To-Do 앱] 스프링 부트(Spring Boot) RESTful API - GET[To-Do 앱] 스프링 부트(Spring Boot) RESTful API - POST 목표Node.js 설치Vue.js 설치Vue.js 앱 실행Node.js 설치Node.js는 오픈소스 자바스크립트 런타임 엔진(컴파일러+인터프리터+여러가지 다른 기능들)이다. Node.js를 사용하면 브라우저가 ..