옹실이의 개발이야기

Vue.js 2

뷰 인스턴스(Instance)와 라이프사이클(Life Cycle)

뷰 인스턴스(Instance)뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위.뷰 인스턴스로 화면을 렌더링할 때 화면이 그려질 위치의 돔 요소를 지정해줘야 함. 형식(생성자) : new Vue({)}  (Vue3 부턴 형식 다름)※ Vue3 문법에서는 Vue2에서 사용하는 new Vue() 대신 createApp을 사용※ 생성자 : 객체를 새로 생성할 때 자주 사용하는 옵션과 기능들을 미리 특정 객체에 저장해 놓고 새로 객체를 생성할 때 기존에 포함된 기능과 더불어 기존 기능을 쉽게 확장하여 사용하는 기법. 객체 지향 프로그래밍에서 사용하는 객체 정의 방식으로 미리 정의된 속성과 메서드를 재활용하기 위해 사용. new Vue()로 인스턴스 생성 후 화면에 인스턴스 옵션 속성을 적용하는 과정은..

Vue.js 2025.02.19

Vue.js란

Vue.js란웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크로 에반 유(Evan You)가 개발.화면단 라이브러리이자 프레임워크라고도 볼 수 있음.화면단 데이터 표현에 관한 기능들을 중점적으로 지원하면서 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공됨라이브러리 + 프레임워크 역할까지 가능한 것임Vue.js는 리액트와 앵귤러의 장점을 가지고 있음.데이터 바인딩 특성과 리액트의 가상 돔(Virtual DOM) 기반 렌더링 특징을 모두 가지고 있음.단일 파일 컴포넌트(Single File Component)라는 특징을 제공해서 HTML, CSS, JavaScript를 하나의 파일로 관리할 수 있도록 해줌. 컴포넌트 간의 의존성을 명확하게 관리할 수 있음. 양방향..

Vue.js 2025.02.19