IT기록 isaac

[Vue.js | Vue 3] Vue.js 시작하기 (설치, 환경설정, CLI, CDN) Vue.js는 CLI, CDN 방식의 프로젝트 개발 환경을 제공하고 있는데, CLI를 권장합니다. Vue.js CLI 먼저 Vue.js CLI방식으로 프로젝트 개발 환경을 세팅합니다. 메인 페이지의 Install 버튼을 눌러서 Vue.js 개발 환경을 세팅할 수 있는데요. 먼저 Node.js를 설치해야 합니다. Windows 사용자라면, Node.js공식 홈페이지에 접속해서 Node.js LTS 버전을 설치해주시면 되고, 리눅스(Linux)/맥(Mac) 사용자라면 쉘 명령어로 설치할 수 있습니다. Node.js가 설치가 되었다면, 다음 명령어를 사용해 Vue 빌드 툴의 설치와 Vue 프로젝트를 생성할 수 있습니다. ..

[Vue.js] Vue CLI로 시작하기 Vue cdn방식으로 학습을 하다가 좀 더 깊게 알아보기 위해 Vue CLI로 시작하는 방법을 알아보았습니다. Vue CLI로 시작하기 위해서는 node.js, npm이 설치되어 있어야 합니다. 설치되어있지 않으면 node.js를 설치해줍니다. node.js 와 npm 설치 여부를 먼저 확인합니다. # node.js, npm 설치 확인하기 $ node --verison $ npm --version # vue cli 확인 vue cli도 설치되어 있는지 확인합니다. $ vue --version # vue cli 를 설치합니다. vue cli를 설치하려면 npm을 사용합니다. -g 플래그를 사용해 전역으로 설치합니다. 명령어 $ npm install -g @vue/c..

[Vue.js | Vue 2] Vue.js 시작하기 (입문) Vue.js에 대해서 공부를 하기 시작하면서 공부한 내용을 공유하고자 글을 작성합니다. 틀린 부분이 있다면 지적해주시고 고쳐갈 수 있도록 댓글 남겨주시면 감사하겠습니다. Vue.js는 프론트엔드 프레임워크로 현재 가장 인기 있는 프론트 엔드 기술 중 하나입니다. react.js, vue.js, angular.js 등이 있는데요. 저는 그 중 Vue.js가 가벼우며 접근하기가 비교적 쉽다(?)는 얘기를 듣고 Vue.js를 먼저 공부하게 되었습니다. Vue.js의 시작은 매우 간단합니다. vue.js 파일을 html의 프로덕션 환경인 경우 아래 CDN으로 사용합니다. 위 vue.js 파일 혹은 cdn 으로 링크를 걸었다면, 이제 vue.js를 사용..

[Vue.js | Vue 2] Getting started with vue.js vue.js 시작하기 Getting started with vue.js vue.js는 대화형 웹 인터페이스, JS 프레임워크입니다. vue.js is an interactive web interface and JS framework. vue.js는 MVVM의 디자인 패턴을 사용합니다. vue.js uses the design pattern of MVVM. View - View Model - Model vue.js를 개발하는 방법은 여러 가지가 있지만 우리는 CDN 방식을 사용합니다. There are many ways to develop vue.js, but we use the CDN method. CDN : Content ..