본문 바로가기

Vue

(2)
[입문] Vue3 설치하기, 기본 편 Vue.js 는 프로젝트에 상황에 맞춰서 적용할 수 있도록 설계되어있다. 이는 프로젝트가 진행되면서 생길 수 있는 요구사항에 따라 여러 가지 방법으로 Vue.js를 활용할 수 있다는 의미다. 예를 들어 단순한 랜딩 페이지라면, Vue.js 자체 프로젝트를 생성하는 것보다 일부 영역에만 바로 사용할 수 있도록 CDN으로 연결하는 것이 더 나은 방법일 수 있다. 프로젝트에 Vue.js를 추가하는 3가지 주요 방법은 다음과 같다. 1. 정적인 페이지에 CDN Package로 연결하기 2. npm을 사용하여 연결하기 3. 공식 CLI를 사용하여 프로젝트 구조가 잡혀있는 boilerplate를 사용한다. 여기서 정적인 페이지에 CDN Package를 사용하는 방법은 학습하거나, 프로토 타입을 빠르게 구축해보기 위..
[install] Nuxt 설치 및 개발 환경 설정 1. Front-End Skill Stack - node 8.0+ - npm 5.0+ - vue - vue-cli - nuxt.js - scss - bootstrap 3 개인적으로 프론트엔드 개발 환경을 설정하기 위해 기술 스택을 적어두었는데 스택에 대한 간단한 설명을 기록한다. node와 npm은 앞 글에서 설치했으므로 넘어간다. ① vue현재 트렌드를 주도하고 있는 3대 프론트 프레임워크로 Angular, React, Vue가 있는데 셋 중 가장 늦게 출시되었다. 단순 HTML, CSS, javascript 정도만 알고 있어도 충분히 응용할 수 있을 정도로 진입 장벽이 낮다. ② vue-clivue 프로젝트를 간단히 스캐폴딩 해주는 커맨드 라인 인터페이스. ③ nuxt.jsvue 어플리케이션을 간단하..