IT기록 isaac

[Vue.js | Vue 3] Vue.js CDN으로 시작하기 이전 글 2022.05.25 - [JS & Framework/vue.js] - [Vue.js | Vue 3] Vue.js 시작하기 (설치, 환경설정, CLI, CDN) Vue.js를 CDN으로 시작할 수 있습니다. Vue.js 라이브러리 링크를 걸어서 개발하는 것이죠. 다음은 Vue.js를 CDN으로 처음 시작할 수 있는 가장 간단한 코드입니다. {{ message }} 위 코드 샘플은 모든 API가 전역 Vue 변수 아래에 노출되는 Vue의 전역 빌드를 사용합니다. ref API 사용하려고 한다면 다음과 같이 사용할 수 있습니다. const { createApp, ref } = Vue 그리고 위 코드를 실행하면 화면에 'hello Vue!'..

[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를 사용..