Monti

VSCode와 Node.js 설치는 Vue.js 개발환경 구축에서 다루었으니 아래 글을 참고해주시면 됩니다. #2 Vue 프로젝트 생성을 위한 개발환경 구축-1(VSCode, Node.js) vscode 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud ap.. dolmengs.tistory.com 1. express-generator express-generator란? - 서버의 기본적인 구조와 파일을 자동으로 생성하도록 ..

1. Vue CLI 설치 Vue-Cli(Command Line Interface)는 터미널에 명령어를 입력하여 컴퓨터와 상호작용하는 방식을 의미한다. Vue CLI를 설치하기 위해서는 터미널에서 npm을 이용하여 설치한다. vue는 버전 2.x 부터 4.x 버전까지 나와있으며, 각각의 설치방법은 다음과 같다. // vue cli v3.x, v4.x npm install @vue/cli -g // vue cli v2.x npm install -g vue-cli 1) vue cli -v4.x 설치 (windows + R) 실행창에서 cmd(터미널창)을 실행한다. 2) npm install -g @vue/cli 명령어를 입력한다. (-g는 글로벌의 약자) 3) 설치가 완료된 후 vue -V 을 입력하여 버전을..

vscode 설치 https://code.visualstudio.com/ 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.com VSCode(Visual Studio Code)는 IDE(통합 개발 환경:Integrated Development Environm..

https://kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 기본적으로 Vue.js 공식 홈페이지의 설명에 따르면 직접 에 추가하는 방식은 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 // vue.js 버전 2.x // 프로토 타이핑 또는 학습 목적 // 프로덕션 환경인 경우 // 기본 ES 모듈을 사용하는 경우 import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js' // vue.js 버전 3.x // 프로토 타이핑 또는 학습 Colored by Color ..

스프링 환경설정은 전체 프로젝트의 반이라고 볼 정도로 환경설정할 것이 많다. 그중 하나가 Maven이다. Maven은 'Build 및 배포를 위한 형상 관리 도구'로 자바 라이브러리의 의존성을 자동으로 관리한다. 프로젝트 객체 모델 (Project Object Model) 메이븐은 프로젝트와 관련된 정보를 Proejct Object Model 이라는 이름으로 정의한다. pom.xml이라는 이름의 XML 기반 메타데이터 파일을 통해 선언적으로 개발자가 제공해야한다. pom.xml 파일의 구조 pom.xml 의 최상위 태그로 프로젝트 정보를 담고 있다. modelVersion, groupId, artifactId, version, packaging 하위 태그로 maven 내부에서 반복적으로 사용될 상수 값을..

스프링 프로젝트 중 가장 기본인 Spring Legacy Project 생성 방법에 대해서 알아보겠습니다. 1. STS에서 컨트롤 + n을 누르면 새로운 프로젝트를 생성할 수 있는 창이 하나 뜨게 됩니다. 여기서 Spring Legacy Project를 선택합니다. 2. Project name을 입력하고 Spring MVC Project를 선택 후 Next를 클릭합니다. 3. 패키지 명을 최소 3단계로 설정한 후 Finish를 클릭합니다. (ex. com.sp.app) 4. 성공적으로 Legacy Project가 완성된 모습입니다. 하지만 몇가지 설정이 필요합니다. 5. Spring Legacy Project를 오른쪽 클릭하여 Properties에 들어간 후 Project Facets목록에서 Java와 ..

이전포스트에서 STS 다운로드하는 방법을 알아보았습니다. Spring 시작 - STS(Spring Tool Suite) 다운로드 스프링 환경설정을 앞서 스프링 프레임워크를 다운로드 받아보자. 스프링 프레임워크는 이클립스(Eclipse)의 마켓 플레이스에서도 다운로드가 가능하지만 스프링 툴을 따로 다운로드도 가능하다 dolmengs.tistory.com STS로 생성하는 프로젝트의 구동은 Tomcat 서버를 이용해서 진행합니다. 따라서 톰캣을 다운받아야 하는데 JDK1.8 이상, Spring 4.x 버전을 사용하게 된다면, Tomcat 8.5버전을 사용해도 무방합니다. 아래 링크는 Tomcat 8.x버전을 다운로드 할 수 있는 곳입니다. Apache Tomcat® - Apache Tomcat 8 Softw..

스프링 환경설정을 앞서 스프링 프레임워크를 다운로드 받아보자. 스프링 프레임워크는 이클립스(Eclipse)의 마켓 플레이스에서도 다운로드가 가능하지만 스프링 툴을 따로 다운로드도 가능하다. Spring Tools 4 is the next generation of Spring tooling Largely rebuilt from scratch, Spring Tools 4 provides world-class support for developing Spring-based enterprise applications, whether you prefer Eclipse, Visual Studio Code, or Theia IDE. spring.io Spring Tool Suite 4 다운로드 STS4의 경우는 Sp..