개발 관련 지식/SpringBoot-Vue3 SpringBoot - Vue project 3. Vue 프로젝트 구성 먼저 http Client를 초기화하기 위해 axios를 설치한다. 터미널에서 vue 폴더로 이동하고 npm install axios를 입력한다. 그리고 http-common.js 파일을 다음과 같이 만들어서 http Client를 초기화 한다. import axios from 'axios'; export default axios.create({ baseURL: 'http://localhost:8080/_api', headers: { 'Content-type': 'application/json', }, }); router router/index.js import Vue from 'vue' import VueRouter from 'vue-router' import UserList from "../compo.. 2020. 3. 27. SpringBoot-Vue project 2. Rest API 만들기 spring boot server 구성 model model/User.java package com.example.springboot_vue_h2db.model; import lombok.Data; import javax.persistence.*; @Entity @Data @Table(name = "user") public class User { @Id @GeneratedValue(strategy = GenerationType.AUTO) private long id; private String name; private int age; private String ph; private boolean active; public User() { } public User(String name, int age, S.. 2020. 3. 26. SpringBoot-Vue project 1 - 프로젝트 생성 node.js와 vue-cli 설치 node.js 설치(LTS 버전으로 설치) : https://nodejs.org/ko/ node 설치 후 터미널을 열어서 vue-cli를 설치한다. JDK 설치 JDK 11 설치 : https://www.oracle.com/java/technologies/javase-jdk11-downloads.html SpringBoot 프로젝트 생성 인텔리제이로 새 프로젝트 생성 프로젝트를 Spring Initializr로 선택하고, Project SDK를 위에서 설치한 JDK로 설정한 후 다음으로 넘어간다. Artifact를 바꾸고 싶은대로 변경하고 Java Version을 11로 설정하고 넘어간다. dependency를 Web - Spring Web으로 선택하고 넘어간다. 프로.. 2020. 3. 24. 이전 1 다음
