Vue2 [Java] Spring + JSP 게시판 (Vue 활용하기) 이전에 개발해보았던 Spring + JSP 게시판을 요즘 유행하는 Vue를 활용해서 수정해보았다. 완전히 Vue.js로 화면단을 바꾸지는 않았다. 기존의 Spring Controller를 통해서 Model과 View를 정의해주는 방식이었다면 Vue 객체를 생성하고 Axios 통신을 통해 Model 들을 갖고와서 Vue.js의 문법으로 View에 데이터를 넣어주는 형식으로 바꾸어 보았다. MPA 방식에서 SPA 방식으로, SSR 방식에서 CSR 방식으로 전환을 해보는 과정이었다고 생각든다. ※ MPA vs SPA MPA란? Multi Page Application의 약자로 여러 페이지로 구성된 웹 어플리케이션이다. 사용자의 요청이 발생할 때마다 서버로부터 새로운 html을 받아와서 해당 링크로 이동하여 페.. 2023. 3. 6. [Web] 실습 UI 개발로 배워보는 순수 javascript와 VueJS개발 - Vue.js란? Vue.js는 웹프론트엔드 프레임워크 중 하나이다. 컴포넌트 기반의 SPA(Single Page Applcation)를 구축할 수 있게 해주는 프레임워크이다. 컴포넌트란 웹을 구성하는 로고, 메뉴바, 버튼 등 웹 페이지 내의 다양한 UI요소를 재사용 가능하도록 구조화 한 것이다. SPA는 단일 페이지 어플리케이션으로 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태를 말한다. 빠른 페이지 변환과 적은 트래핑 양을 지원한다. Vue.js를 공부하기 위해서 인프런의 "실습 UI 개발로 배워보는 순수 javascript와 VueJS개발" 강의를 따라하며 학습해보겠다. - 개발환경 node.js vscode chrome(최신 버전) lite-server(개발 서버) git(코드 형상 .. 2023. 2. 10. 이전 1 다음
