본문 바로가기
728x90

프론트엔드/Vue14

[Vue.js] v-for를 통해 리스트 태그 작성하기 feat. 간단한 메뉴바 [Vue.js] 간단한 메뉴바를 통해 v-for 기능 알아보기 ⭐️ v-for 용도? Html 태그를 반복적으로 작성하거나 반복적인 태그를 작성하면서 동시에 배열 내 여러 값을 바인딩 해야하는 경우에 v-for를 사용하는데 (리스트 랜더링) 아래 예제 코드와 주석을 통해 알아보자 ⭐️ 샘플 예제 {{menu}} ⭐️ 결과 출력 2021. 8. 12.
[Vue.js] 데이터 바인딩 (태그 속성 값 바인딩 포함) [Vue.js] 데이터 바인딩 data bind ⭐️ 데이터 바인딩 ? 데이터 값의 변경시 페이지 전환 없이 변경된 데이터가 바로 랜더링이 된다 (Single Page Application) ⭐️ 샘플 예제 React 의 State와 같이 Vue에서는 data(){return} 내의 값을 통해 데이터를 바인딩 할수 있다 또한 Html 태그 내 속성의 값 또한 바인딩이 가능하다 태그내 속성을 바인딩 하기 위해서는 속성명 앞에 : 를 붙여준다 {{title}} {{desc}} ⭐️ 출력 결과 2021. 8. 11.
[Vue.js] Vue3 설치 하기 feat Vue-Cli [Vue.js] Vue3 설치하기 feat vue-cli 1. NodeJs 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. VSCODE 설치 (코드 에디터) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code.. 2021. 8. 11.
[Vue.js] 뷰 Vue.js 를 왜 쓰는가? [Vue.js] React, Angular, Vue 중 하필 Vue를 왜 쓰는가 ? ⭐️ Vue를 쓰는 이유 ? 웹 애플리케이션을 만들기 위해서 쓴다 즉, Single Page Application을 만들기위해 많이 사용하는 프론트엔트 프레임워크는 React, Angular, Vue 등이 있는데 그중 하나다 ⭐️ Vue를 사용하는 유명 기업 ? 카카오는 현재 신규 서비스를 만들때 Vue 50%, React 50% 정도 사용한다고 한다 네이버 내 음원 사이트 (바이브) 같은 경우에도 현재 vue를 사용 중인 것으로 알고 있다. 빠른 랜더링으로 인해 실시간 데이터를 ui에 빠르게 반영해야하는 비트 코인 거래소에서도 부분적으로 뷰를 많이 사용하고 있다 ⭐️ React 사용자가 가장 많은데 굳이 왜 Vue를 사.. 2021. 8. 11.
728x90