![]()
1. SPA에서 라우터가 필요한 이유Vue로 간단한 컴포넌트까지만 만들 때는 하나의 페이지에서만 작업해도 충분하지만,실제 서비스에서는 다음과 같은 화면이 필요해집니다./login: 로그인 페이지/users: 유저 목록 페이지/users/1: 특정 유저 상세 페이지이때마다 HTML 파일을 새로 요청하면 전체 페이지가 새로고침되기 때문에, 사용자 경험이 끊기는 느낌이 강합니다.Vue에서는 이런 문제를 해결하기 위해 SPA(Single Page Application) 방식과 함께 Vue Router를 사용합니다. Vue Router는 Vue 공식 라우팅 라이브러리로,URL과 컴포넌트(화면)를 매핑 위치에 현재 URL에 해당하는 컴포넌트를 렌더링페이지 전체를 다시 로드하지 않고도 클라이언트 사이드에서 화면을 전..
![]()
Vue가 뭔지, 그리고 Vue의 기본 문법이 궁금하시다면? 2025.11.18 - [Web/Vue] - Vue.js 입문 : 기본 철학과 기본 문법 정리 Vue.js 입문 : 기본 철학과 기본 문법 정리1. Vue.js는 어떤 프레임워크인가? Vue.js는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 프레임워크입니다.HTML, CSS, JavaScript 위에서 동작하기 때문에,기존 웹 개발 흐름을 크게 벗어나지 않으sproutinghye.tistory.com 1. 컴포넌트란? 컴포넌트가 중요한 이유?Vue를 조금만 써도 금방 깨닫게 되는 게 있습니다.바로 컴포넌트 위주로 구성되어 있다는 것입니다.Vue 앱은 화면을 잘게 쪼갠 컴포넌트들의 트리 구조로 이루어져 있습니다.각 컴포넌트는 독립된 UI ..
![]()
Vue가 뭔지, 그리고 Vue의 기본 문법이 궁금하시다면? 2025.11.18 - [Web/Vue] - Vue.js 입문 : 기본 철학과 기본 문법 정리 Vue.js 입문 : 기본 철학과 기본 문법 정리1. Vue.js는 어떤 프레임워크인가? Vue.js는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 프레임워크입니다.HTML, CSS, JavaScript 위에서 동작하기 때문에,기존 웹 개발 흐름을 크게 벗어나지 않으sproutinghye.tistory.com 1. 옵션 API (Options API)Vue2에서는 컴포넌트를 만들 때 옵션 API 방식으로 코드를 작성합니다.즉, 하나의 컴포넌트 안에 아래의 옵션들을 선언형으로 쭉 적어 넣는 스타일이에요.datamethodscomputedwatch..
![]()
1. Vue.js는 어떤 프레임워크인가? Vue.js는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 프레임워크입니다.HTML, CSS, JavaScript 위에서 동작하기 때문에,기존 웹 개발 흐름을 크게 벗어나지 않으면서도 더 효율적으로 화면을 만들 수 있게 도와줍니다. "The Progressive JavaScript Framework"점진적으로 도입할 수 있는 자바스크립트 프레임워크 위는 Vue의 공식 슬로건입니다.즉, 기존 프로젝트의 일부 화면에만 도입하는 것도 가능하고,SPA(Single Page Application) 전체를 Vue로 구성하는 것도 가능한 유연한 프레임워크라는 뜻입니다. 2. Vue의 기본 철학 : 쓰기 편한 이유?Vue의 핵심 아이디어는 크게 네 가지로 정리할 수 있..
