지구본

Vue에서 스크롤 이벤트를 넣기 위해서 Vue의 라이프사이클 created가 아닌 mounted에 리스너를 추가하였다. //컴포넌트 인스턴스 마운트 후 호출 mounted() { document.addEventListener("scroll", this.scrollEvents); }, unmounted() { document.removeEventListener("scroll", this.scrollEvents); }, methods: { //스크롤 이벤트 메서드 scrollEvents: function () { if (document.documentElement.scrollTop > 0) { this.isScroll = true; } else { this.isScroll = false; } }, creat..

vue -v 명령어 실행중 오류가 출력됬습니다. PS C:\vue-cli> vue create vue-form vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\Duksoo\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + vue create vue-form + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityE xception + FullyQualifiedErrorId : UnauthorizedAccess https://www.infle..

Vue.js 개요 만끽 프로젝트 진행에 앞서 프로젝트 진행 역량을 향상시키기 위해 팀원들간의 클론 코딩을 진행하기로 했어요~~! 만끽 프로젝트 진행에 웹앱 구현이 필수적이기 때문에 저희는 Vue.js를 공부하기로 했답니다!! Vue.js는 웹 개발을 단순화하고 정리하기 위해 개발된 대중적인 자바스크립트 프론트엔드 프레임워크로 웹 UI 개발의 접근이 쉽게 가능하도록 도움을 줍니다!!! 또한 개발자들이 익히기에 쉽다고 알려져 있습니다!!! 클론 코딩 진행 클론 코딩에 앞서 Vue.js 기초에 대해 유튜브를 통해 학습할 예정이랍니다!! 충분한 학습이 이루어진 뒤에 클론 코딩 진행은 월요일과 금요일에 팀원들끼리 같은 주제를 정한 뒤 각자 스스로 개발하는 방식으로 진행하게 될거예요!! 스스로 작업을 코딩을 진행하..

1. Vue 프로젝트 생성 터미널을 통해 Vue 프로젝트를 생성한다. 프로젝트 생성을 원하는 경로로 이동 한 뒤 아래 명령어로 프로젝트를 생성한다. vue init webpack 프로젝트명 해당 명령어를 실행 하면 여러 서버 팅 관련 선택 창 들이 나온다. 2. Vue 프로젝트 실행 이제 생성한 Vue 프로젝트 경로로 이동 한뒤 npm run dev 명령어로 서버를 실행한다. // 생성한 Vue 프로젝트 경로로 이동 cd 프로젝트 경로 // node package manager로 해당 프로젝트 경로에서 프로젝트 실행 npm run dev 프로젝트 생성이 완료 됬다.

알아야할 점 호환성 Vue는 ECMAScript 5 기능을 사용하기 때문에 IE8 이하 버전을 지원하지 않습니다. 하지만 모든 ECMAScript 5 호환 브라우저를 지원합니다/ 릴리즈 노트 최신 안정 버전: 2.7.14 각 버전에 대한 자세한 릴리즈 노트는 GitHub에서 보실 수 있습니다. 설치법 1. Node 설치 Vue 프로젝트를 진행하기 위해선 Node.js와 npm 설치가 되어있어야 한다. 먼저 PC에 Node.js를 설치한다. Node.js 링크 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치를 확인하기 위해선 아래의 명령어를 입력..