WEB/Vue.js19 [Vue.js] Vue 프로젝트 생성 Vue 프로젝트 Vue 프로젝트 생성 Vue 프로젝트를 생성할 루트 폴더 만들기 : 윈도우 탐색기에서 폴더 생성 (폴더명을 'vue-project'라고 함) Visual Studio Code 열기 File > Open 에서 1번에서 생성한 폴더 열기 -> cd vue와같이 폴더 이동 메뉴에서 View(보기) > 터미널 열기 Vue 프로젝트 생성 명령어 입력 : vue create 프로젝트명 manually select features 선택 선택 항목 중 Router, Vuex 추가 선택 (선택할 항목에서 '스페이스바' 키 입력) 3.x 버전 선택 history mode는 y 입력 ESLint + Standard config 선택 Lint on save 선택 In package.json 선택 Preset:.. 2022. 6. 28. [Vue.js] Vue CLI & 기본 구조 이해하기 Vue CLI 란? vue-cli는 기본 vue 개발 환경을 설정해주는 도구입니다. vue-cli 가 기본적인 프로젝트 세팅을 해주기 때문에 폴더 구조에 대한 고민, lint, build, 어떤 라이브러리로 구성을 해야 되는지 webpack 설정은 어떻게 해야 되는지에 대한 고민을 덜을 수 있습니다. 구조 살펴보기 package.json { "name": "project01", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3... 2022. 6. 27. [Vue.js] Vue.js란? Vue.js란? Vue.js는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 자바스크립트 프레임워크이다. 다른 자바스크립트 라이브러리를 사용하는 웹 애플리케이션 프로젝트에 Vue.js를 도입하기 쉽게 설계되어 있는데, 이는 Vue.js가 점진적으로 채택할 수 있게 설계되어 있기 때문이다. 한편 Vue.js는 고성능의 싱글 페이지 애플리케이션(SPA)을 구축하는데 이용 가능하다. 여기서 프로그레시브라는 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발 된 것을 뜻한다. 주요 특징 SPA (Single Page Application) 싱글 페이지 애플리케이션(single-page application, SPA, 스파)은 서버로부터 완전한 새로운 페이지.. 2022. 6. 26. 이전 1 2 3 4 5 다음
