Vue > 사용자 인터페이스를 구축하기 위한 JavaScript 프레임워크 표준 HTML, CSS 및 JavaScript를 기반으로 구축되며, 단순한 것부터 복잡한 것까지 사용자 인터페이스를 효율적으로 개발할 수 있는 컴포넌트 기반 프로그래밍 모델을 제공한다. Vue의 핵심 기능 선언적 렌더링 (Declarative Rendering) Vue는 표준 HTML을 템플릿 문법으로 확장하여 JavaScript 상태(state)를 기반으로 화면에 출력될 HTML을 선언적(declaratively)으로 작성할 수 있다. 반응성 (Reactivity) Vue는 JavaScript 상태(state) 변경을 추척하고, 변경이 발생하면 DOM을 효율적으로 업데이트하는 것을 자동으로 수행한다. 프로그레시브 프레임워크 Vue는 프론트엔드 개발에 필요한 대부분의 공통 기

❗️ img 태그 src 속성에 동적 바인딩하기 v-for로 렌더링되고 있는 각각의 리스트에 assets 폴더에 있는 사진을 함께 렌더링 하고자 했다. 그래서 이미지 파일명을 room0, room1, room2와 같이 products의 인덱스와 동일한 숫자를 붙여 작명하고, src 속성에서 변수를 사용하려 했는데 생각대로 작동하지 않았다 . . 🥺 ✨ 해결 products의 각 리스트에 img라는 프로퍼티를 추가하고, require로 이미지를 불러온 뒤에 :src에 바인딩해주면 각 리스트마다 사진을 함께 렌더링할 수 있다!