본문 바로가기

vue.js3

[Vue.js 기본] Vue.js 란? Vue.js란? 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 입니다. Vue.js 장점 배우기가 쉽습니다. 앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔 기반 렌더링 특징을 모두 가지고 있습니다. Vue.js 특징 MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리 입니다. 컴포넌트 기반 프레임워크입니다. 리액트와 앵귤러의 장점을 가진 프레임워크입니다. 앵귤러의 양방향 데이터 바인딩과 리액트의 단방향 데이터 흐름의 장점을 모두 결합한 프레임워크 입니다. 리액트의 가상 돔 렌더링 방식을 적용하여 빠른 화면 렌더링이 가능합니다. 2021. 11. 20.
[Vue.js - Vue CLI] Vuex + Router 프로젝트 생성후 실행하기 Vue CLI로 Vuex & Router 프로젝트 생성 후 실행하기 프로젝트 생성 1. 먼저 프로젝트를 생성하기 위한 디렉터리를 하나 생성해줍니다. 2. CMD창을 열어 위에서 생성한 디렉토리로 이동해 줍니다. cd ${디렉토리 경로} 3. vue 프로젝트 생성을 위해 vue create 명령어를 입력해 줍니다. vue create ${프로젝트명} ≫ 'vue create' 를 하게 되면 아래 이미지처럼 옵션을 선택할 수 있는데요. 저는 Vuex와 Router설정을 자동으로 해주기 위해 'Manually select features'를 선택했습니다. ≫ 다음 스텝에서 Router와 Vuex를 선택해준 후 엔터를 눌러줍니다. ≫ 이후 스텝은 개인 취향에 맞게 설정후 진행시면 프로젝트 생성이 완료됩니다. 프.. 2021. 11. 10.
[Vue.js - Vue CLI] 개발환경 구성하기 Vue CLI를 이용해 Vue.js 애플리케이션 개발환경 구성하기 1. Node.js 설치 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/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to exp.. 2021. 11. 9.