vue.js + spring mvc + maven 개발환경 구성

shane·2021년 9월 10일
1

Spring mvc + maven 설치

  1. 톰캣 다운로드 -> http://tomcat.apache.org/
  2. STS4 or Intellij Ultimate 사용 -> STS4는 marketplace에서 sts3 plugin 설치
  3. 프로젝트 생성
    • STS: Explorer 우클릭 -> new -> Project -> Spring Legacy Project -> Spring MVC Project
    • Intellij: 프로젝트 생성 -> Maven 프로젝트 생성 -> 최상단 프로젝트 폴더 우클릭 -> Add Framework Support -> 좌측 목록 Spring MVC 선택 -> 원하는 버전 선택
  4. 프로젝트 설정
    • STS
      - https://as-you-say.tistory.com/305
      - 자바 객체 <-> Json 변환을 위한 jackson dependency 추가(Google 검색)
    • IntelliJ
      - 인텔리제이 spring mvc 설정(Google 검색)
      - 자바 객체 <-> Json 변환을 위한 jackson dependency 추가(Google 검색)

단, servlet과 tomcat 각각의 버전에 따라 서로 호환되는 것이 다르니 설정 기입시 호환되는 버전 확인 후 입력

  1. STS or Intellij 톰캣 사용 설정(Google 검색)
  2. 기본 홈페이지 작동 테스트 -> STS는 좌측 explorer에서 Servers -> server.xml -> 최하단 path 속성 확인
  3. Controller에 Map<String, Object> 반환 타입의 rest api GET Method 생성
  4. 브라우저(ex. chrome) 테스트

Vue.js 설치

  1. node.js 설치 -> https://nodejs.org/ko/
  2. npm vue install
  3. vue cli 설치 및 프로젝트 생성 -> https://nangko.tistory.com/13
  4. 프로젝트 설정 -> https://handcoding.tistory.com/196
profile
개발 관련 소통을 좋아하는 백엔드 개발자입니다.

0개의 댓글