두부의 개발새발 이야기

Template 조건문v-ifv-if 디렉티브는 조건부로 블록을 렌더링하는 데 사용됩니다.블록은 디렉티브 표현식이 truthy 값을 반환하는 경우에만 렌더링됩니다.Vue는 정말 멋지죠!v-elsev-else 디렉티브를 사용하여 v-if에 대한 "else 블록"을 나타낼 수 있습니다.전환Vue는 정말 멋지죠!아닌가요? 😢v-else-ifv-else-if는 이름에서 알 수 있듯이 v-if에 대한 "else if 블록" 역할을 합니다. 여러 번 연결될 수도 있습니다 A B C A/B/C 아님 v-else와 마찬가지로 v-else-if 엘리먼트는 v-if 또는 v-else-if 엘리먼트 바로 다음에 와야 합니다.v-show엘리먼트를 조건부로 표시하는 다른 옵션은 v-show 디렉티브입니다. 사용법은 대..

https://devdubu.tistory.com/72📘기본적으로 NodeJs 설치와 JavaScript의 선수 지식이 있다는 가정 하에 진행하겠습니다.만약 위 선수 지식이 필요하다면, 아래의 링크로 우선적으로 선수 지식을 익히고 봐주세요설치 방법기본적으로 JavaScript는 Script언어이기에, Shell 로 쉽게 프로젝트를 생성할 수 있습니다.yarn global add @vue/cli# 또는 npm install -g @vue/cli# Vue3 기반 설치npm init vue 위와 같은 화면이 나오게 됩니다.그리고 Select feature to include your project 란은 프로젝트에 필요한 npm 패지키를 미리 설치하고,Defualt로 구성해주겠다는 소리 입니다. 특별한 일..

Vue.js Vue.js?간단한 화면 UI 개발 부터 라우팅, SSR 등의 애플리케이션 레벨의 개발을 지원하는 프레임워크리액트와 더불어 실무에서 가장 많이 사용되고 있는 프론트엔드 개발 라이브러리리엑트에 비해 진입 장벽이 낮고 쉽게 배울 수 있다.개발 생산성이 높고 JS 지식이 크게 요구 되진 않는다.프론트엔드, 백엔드 등 점차 직무적으로 전문화되고 있는 상황에서 처음 개발을 시작하는 프론트엔드 개발자 또는 백엔드 개발자에게 선호되는 경향Vue2와 Vue3의 차이점라이브러리 내부 로직 재작성TypeScript로 작성주요 개발 도구들 변경Vue 개발자 도구, VSCode 플러그인, Vite 기반 프로젝트 생성 등컴포지션 API, Teleport 등 새로운 문법 지원리액티비티 시스템 기반 API 변경공식 문..

CDN프로토 타이핑 또는 학습 목적이라면, 아래 코드로 최신 버전을 사용하면 됩니다.npmVue를 사용하여, 대규모 애플리케이션을 구축할 때, NPM을 이용한 설치를 권장하고 있습니다. NPM은 WebPack 또는 Browserfiy와 같은 모듈 번들러와 잘 작동합니다.Vue는 싱글 파일 컴포넌트를 만들기 위한 도구로 제공합니다.# latest stablenpm install vue@nextCLIVue.js는 공식 CLI를 제공합니다.Vue3의 경우 npm에서 @vue/cli로 제공되는 Vue CLI v4.5를 이용해야 합니다.업그레이드를 하려면 최신 버전의 @vue/cli를 전역으로 다시 설치해야 합니다.yarn global add @vue/cli# 또는 npm install -g @vue/clivue..