Vue.js28 [Vue.js] 03. 프로젝트 구조 vue.js의 프로젝트를 생성했으니... 이제 그 구조를 살펴보겠습니다. 실로 많은 파일들로 구성이 되어있습니다. 그냥 vue init으로 생성한 프로젝트의 용량이 195MB가 되는 것만 봐도... 참으로 엄청난 아이들이 있겠구나... 할 수 있죠. 하지만 node_modules이라는 곳에 많은 관련 라이브러리가 있기 때문에 더 그렇게 느껴질 수 있습니다. 그렇다면, 그 첫 발자국으로 해당 프로젝트의 구조에 대해서 간단하게 알아보고 가는 시간을 가져보고자 합니다. [build] 해당 폴더 안에는 webpack 빌드 관련 설정들이 들어있는 장소입니다. webpack이라고 하면, 기본적으로 모듈 번들러로서, html / CSS / img / wav 등 다양한 항목들에 대한 변환을 수행하는 아이입니다. 보통은.. 2021. 2. 4. [Vue.js][Error] packages are looking for funding Vue를 설치하다가 packages are looking for funding 라는 메시지가 뜨면서 npm install이 설치하는 문제가 발생할 경우가 있습니다. npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\AyoteraLab\package .json' npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\AyoteraLab\package.js on' npm WARN AyoteraLab No descri.. 2021. 2. 3. [Vue.js] 02. vue-cli로 개발 환경 구성하기 지난 시간에는 Vue.js에 대해서 알아보았으니, 이번에는 개발하기위한 환경을 구성해 보겠습니다. 전체적인 단계는... Node.js 설치 vue-cli 설치 vue project 생성 vue project 실행 순으로 진행하겠습니다. 1. Node.js 설치 Vue.js는 기본적으로 npm을 통해서 설치가 됩니다. npm(node package manager)은 자바스크립트 프로그래밍 언어를 위한 패키지 관리도구 입니다. 이를 사용하기 위해서는 Node.js의 설치가 필요합니다. 설치는 어렵지 않습니다. 언제나 그렇듯... 공식 페이지로 접근해봅니다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 .. 2020. 3. 28. [Vue.js] 01. Vue.js 가 뭐에요?? Vue.js는 웹 화면을 개발하기 위한 프런트엔드 프레임워크(Frontend Framework) 입니다. 프레임워크라고 하면 개발자들이 좀더 수월하게 개발을 수행할 수 있도록 일정한 틀을 제공하는 수단을 말하는데, Vue.js또한 쉽게 웹 화면을 개발할 수 있는 수단을 제공합니다. 기존에 들어본 분들은 아시겠지만, React, Angular가 프런트엔드에서 아주 강세를 이루었고, 최근에 Vue.js도 많은 주목을 받고 있습니다. 그럼 기존의 프레임워크와 어떤차이점이 있는지 간단히 알아보고 Vue.js에 대해서 알아보겠습니다. 특징 React Angular Vue.js 등장 2013 2010 2014 개발자 Facebook Google Google (Evan You) 라이선스 MIT MIT MIT 주요사항.. 2020. 3. 24. 이전 1 ··· 4 5 6 7 다음
