728x90 반응형 vue.js3 [vue3 & Spring Boot & mariadb] 연동하여 게시판 만들기 #3 vue.js 템플릿 레이아웃 설정. 다음 프로젝트가 뷰를 연동해서 프론트프레임워크를 뷰3으로 사용하려고 하는데 미리 공부할겸 아래 출처에서 차근차근 하나씩 뜯어보며 공부중에 있다. 스프링만 써보다가 뷰를 써보니 많이 부족하긴 하지만 천천히 차근차근 뜯어보니 조금씩 보이기 시작한다. 정리를 해본다. 출처 : [Vue] Vue.js 게시판 만들기 3 - 레이아웃 분할 (tistory.com) [Vue] Vue.js 게시판 만들기 3 - 레이아웃 분할 Frontboard 레이아웃 분할 프로젝트 레이아웃을 header / contents / footer로 분할하고 header에 페이지를 이동할 수 있는 버튼을 추가하겠습니다. 먼저 App.vue 파일을 열어 프로젝트 레이아웃을 분할하고 onethejay.tistory.com 템플릿을 Header .. 2023. 9. 13. [vue & Spring Boot & mariadb] 연동하여 게시판 만들기 #2 vue.js frontend 셋팅 1. 노드 js 설치하기 다운로드 | Node.js (nodejs.org) 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org OS에 맞게 설치 해줍니다. 저는 최신버전인 최신 LTS 버전: 18.17.1 (includes npm 9.6.7) 으로설치 했습니다. cmd 창에서 설치가 되었는지 확인! node -v , npm -v 2. vue Cli 설치 npm install -g @vue/cli vue --version 으로 확인! 3. vue 프로젝트 생성 저는 따로 E:\dev경로에 설치를 하려고 합니다 vue create vue-frontboard > Default ([Vue.. 2023. 9. 7. [vue & Spring Boot] 연동하여 게시판 만들기 #1 스프링부트셋팅 feat. mariadb 개발환경 - OS: window11 - DB: mariaDB - 개발툴: intelliJ2023.1 - 프레임워크: -front: vue.js -back: SpringBoot [출처 블로그: [Vue] Vue.js 게시판 만들기 2 - Backend 프로젝트 생성 (tistory.com)] Spring Initializr Spring.io에서 프로젝트를 생성하여 lombok , Spring Web , Spring Data JPA, MariaDB Driver 를 추가하고 GENERATECTRL + ⏎ 인텔리 제이에서 프로젝트를 열어준다. 파일 > 새로만들기 > 프로젝트 build.gradle 파일을 열어 dependencies 부분이 아래와 맞는지 확인 dependencies { implementation.. 2023. 9. 6. 이전 1 다음 728x90 반응형
