옹실이의 개발이야기

Vue.js

Vue.js란

옹실 2025. 2. 19. 15:09

Vue.js란

웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크로 에반 유(Evan You)가 개발.
화면단 라이브러리이자 프레임워크라고도 볼 수 있음.
화면단 데이터 표현에 관한 기능들을 중점적으로 지원하면서 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공됨
라이브러리 + 프레임워크 역할까지 가능한 것임

Vue.js는 리액트와 앵귤러의 장점을 가지고 있음.
데이터 바인딩 특성과 리액트의 가상 돔(Virtual DOM) 기반 렌더링 특징을 모두 가지고 있음.
단일 파일 컴포넌트(Single File Component)라는 특징을 제공해서 HTML, CSS, JavaScript를 하나의 파일로 관리할 수 있도록 해줌. 컴포넌트 간의 의존성을 명확하게 관리할 수 있음. 양방향 데이터 바인딩, 조건부 렌더링 등 다양한 기능을 내장하고 있어서 웹 애플리케이션을 효율적으로 관리할 수 있음.

※ 데이터 바인딩 : 화면으로 보여지는 데이터(View)와 브라우저 메모리에 있는 데이터(Model)를 묶어서 서로간의 데이터를 동기화하는 것. 단방향/양방향 데이터 바인딩 2가지 방식이 있음.
※ 단방향 데이터 바인딩 : Javascript(Model)에서 HTML(View)로 한 방향으로 데이터를 동기화하는 것. (단방향이기 때문에 HTML(View) -> Javascript(Model)로의 직접적인 데이터 갱신은 불가)
※ 양방향 데이터 바인딩 : Javascript(Model)와 HTML(View) 사이에 ViewModel이 존재하여 하나로 묶여서(Binding) 되어서 둘 중 하나만 변경되어도 함께 변경됨. HTML(View) <-> ViewModel <-> Javascript(Model)]
-> 참고 : https://adjh54.tistory.com/49

 

[JS] 데이터 바인딩 이해하기(단방향, 양방향 데이터 바인딩)

해당 글에서는 '데이터 바인딩'에 대해서 이해를 하고, 더 나아가서 '단방향/양방향 데이터 바인딩'에 대해 이해하기 위한 글입니다. 1) 데이터 바인딩(Data Binding)이란? 💡 화면상에 보여지는 데

adjh54.tistory.com

 

 

 

'Vue.js' 카테고리의 다른 글

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