Vue UI 컴포넌트: 상하 스크롤을 따라다니는 플로팅 컴포넌트 만들기 (추가 라이브러리 X)
플로팅 컴포넌트 만들기 상하 스크롤을 쫓아오는 플로팅 메뉴를 만들어야 했다. 해당 기능을 또 쓸 일이 있을 것 같아, 플로팅 기능만 유틸처럼 떼놓은 형태의 컴포넌트를 만들기로 결정했다. 현재는 위치를 디테일하게 정하는 기능 없이, 일단 스크롤을 따라다니는 기능만 만들어본다. (Vu...
Vue
Vue 문법 : v-if/v-else & v-for 디렉티브
vue에서 조건부 렌더링이나 반복 렌더링을 할 때는 특정 디렉티브를 사용한다.
Vue 문법 : 싱글 파일 컴포넌트
Vue의 컴포넌트 Vue에서도 리액트와 마찬가지로 컴포넌트 개념이 있다. 구조 또한 유사한데, 컴포넌트들을 조합하여 하나의 앱이 만들어지는 트리 형태이다.
Vue 문법: 부모-자식 컴포넌트간 데이터 전달하기 (props)
Vue의 props 전달 방법
Vue 개발 환경 세팅하기
vue 기본 개발 환경 세팅하기 vue 기반으로 개발하려면 몇 가지 세팅이 필요하다. 밑에 기록한 내용은 아무런 추가 패키지 없이 기본 프로젝트만 생성하는 방법이다.
Vue 문법 : 데이터 바인딩
vue의 데이터 바인딩 방식 vue에서 데이터나 JS 표현식을 삽입할 때는 크게 두 가지 방식을 사용할 수 있다. 템플릿 문법 `` 디렉티브 (‘v-‘ 형태로 시작하는) 두 가지 모두 JS 표현식의 경우 단일 표현식만 들어갈 수 있다. 여기에서 ‘단일 표현식’이란 값으...