반응형 vue.js3 [Vue.js] Vue CLI로 프로젝트 생성하기 SSAFY에서 Vue.js를 배웠고 실무에서 잠깐 Vue.js를 사용할 일이 생겨서 SSAFY에서 배운 내용을 복기하고 인프런에서 Vue.js의 대가 캡틴판교님의 강의를 통해 들은 내용을 토대로 토이 프로젝트를 진행해볼까 합니다. 물론 이렇다 할 주제가 떠오르지 않기 때문에 Vue.js 간단하게 UI 배치하고 Spring으로 API 만들어서 가지고 노는 것이 끝일 것 같습니다. 다만! OAuth2를 사용하여 소셜 로그인을 구현하는 것은 꼭 해보도록 하겠습니다. 이런 거창한 계획에 앞서 프로젝트 생성은 마치 공부를 하려는 학생이 책상을 정리하는 일이라고 생각합니다. 그래서 짧고 빠르게 책상을 정리해보도록 하겠습니다. 구글에 vue cli를 검색하면 가장 위쪽에 Vue CLI: Home을 제목으로 가지는 사.. 2022. 3. 22. Docker(CentOS 7) + Nginx + Spring Boot + Vue.js 배포하기 - ④ ①, ②, ③ 편은 배포에 쓰일 준비물을 만드는 시간이었습니다. ④ 편에서는 본격적으로 배포하는 방법에 대해서 알아보도록 하겠습니다. 1. Spring Boot ② 편에서 만든 Spring 애플리케이션을 배포하기 위해서는 Jar를 생성해야 합니다. IntelliJ를 사용하시면 아래 사진처럼 Jar를 편리하게 생성할 수 있습니다. [우측 상단 Gradle 클릭 > Tasks > build > bootJar 클릭] 위와 같은 프로세스를 진행 후에 build > libs로 가면 "member-0.0.1-SNAPSHOT.jar"가 생성된 것을 알 수 있습니다. 그런데 이름이 너무 길기 때문에 build.gradle에서 다음 구문을 추가한 후에 다시 jar 파일을 생성하도록 하겠습니다. build.gradle에 .. 2021. 12. 28. Docker(CentOS 7) + Nginx + Spring Boot + Vue.js 배포하기 - ③ ③ 편에서는 ② 편에서 만든 API를 호출하고 결과를 확인할 수 있는 Vue.js 애플리케이션을 만들어보도록 하겠습니다. History ①: Docker + CentOS 7 +Nginx 패키지 설치 [Nginx] - Docker(CentOS 7) + Nginx + Spring Boot + Vue.js 배포하기 - ① ②: Spring Boot + Spring Data JPA + RESTful API [Nginx] - Docker(CentOS 7) + Nginx + Spring Boot + Vue.js 배포하기 - ② Vue.js를 공부하면서 설치된 라이브러리의 버전에 따라서 설정이 달랐기 때문에 좀 더 유의하면서 프로젝트를 진행해야겠구나 생각했습니다. vue 프로젝트를 생성하는 모든 내용을 다루기에는 주.. 2021. 12. 27. 이전 1 다음 반응형
