초급 개발자 mylee 개발 노트

이전 글에서 JSP와 Vue.js의 차이점을 알아보았다.이번에는 실제로 Spring Boot(STS4)와 Vue.js를 어떻게 연동하는지 알아보자. 1. 프로젝트 구조기본적인 프로젝트 구조는 다음과 같다:project/├── backend/ (Spring Boot)│ ├── src/│ │ ├── main/│ │ │ ├── java/│ │ │ └── resources/│ └── pom.xml└── frontend/ (Vue.js) ├── src/ │ ├── components/ │ ├── views/ │ ├── api/ │ └── store/ └── package.json   2. Spring Boot 설정2.1. CORS ..

프론트엔드 프레임워크들이 계속 발전하면서 Vue.js에 대한 관심이 높아지고 있다.현재 회사 프로젝트에서는 JSP를 사용하고 있지만, 향후 기술 스택 전환이나 새 프로젝트를 위해Vue.js를 미리 학습해보려고 한다. 1. 데이터 바인딩 비교JSP에서는 이렇게 데이터를 표시했다: ${board.title} 작성자: ${board.writer} 내용: ${board.content} 조회수: ${board.viewCount} Vue.js에서는 다음과 같이 작성한다: {{ board.title }} 작성자: {{ board.writer }} 내용: {{ board.content }} 조회수: {{ board.viewCount }}    2. 반복문 처리 방식JSP..