Vue + Spring Boot 프로젝트 만들어 보기
1.Vue + Spring Boot 프로젝트 만들어 보기(1)
쉘폴더 ShellFolder 님의 "Vue + Spring Boot 프로젝트 만들어 보기" 강의를 보고 작성한 글입니다.참고 : github(클릭) 준비 (환경 설정)Spring boot 설정vue 설치 및 프로젝트 생성npm 설치 npm(Node.js Package
2.(2) view 화면 설정 하기
1\. view 파일 작성 2\. 라우터 지정 (주소, 뷰 패스 지정) 3\. app.vue 에서 네비로 화면 전환 하기 1\. view 파일 작성 경로 : [projectroot]/vue-app/views *.vue 파일 4개를 만든다. ListView.vu 2\
3.vue vs spring 실행 및 종료
뷰와 스프링 서버 동작 방법이 살짝 헷갈려 메모veu 실행/종료 spring 실행/종료 현재 내 프로젝트 디렉토리.vue 프로젝트가 있는 디렉토리(vue-app)로 이동한 후 터미널에서 yarn serve -\[port num]정상적으로 실행 되었을 시 나오는 터미널
4.[vue/spring] bootstrap, fullpage.js 적용하기
bootstrap설치vue 프로젝트에 적용 fullpage.jsCDN 코드 적용fullpage 적용npm으로 설치 npm install bootstrap@5.2.3main.js에 importimport 'bootstrap'import 'bootstrap/dist/css
5.[vue/spring] axios로 프론트와 백엔드 연결하기
브라우저와 node.js에서 사용할 수 있는 Promise(비동기) 기반 HTTP 클라이언트 라이브러리브라우저를 위해 XMLHttpRequests 생성node.js를 위해 http 요청 생성Promise API를 지원 (비동기 작업을 지원한다는 말)요청 및 응답 인터셉