Vue.js7 Vue.js - #3 Vue Instance 먼저, 설치한 텍스트 에디터나 IDE 중 자신이 원하는 것을 키고, index.html 파일 하나를 생성해봅시다. {{ message }} 아마 뷰를 처음 해본 사람이라도, 대충 어떻게 데이터가 입혀지겠구나, 생각은 들겁니다. 여기서 vue는 CDN 방식으로 사용하고 있으므로 본인이 귀찮다면 파일을 직접 프로젝트 내에 넣어도 상관 없습니다. 텍스트 에디터가 사용하기 귀찮다면, 텍스트 파일로 만들고, 확장자를 html로 바꿔주면 됩니다. 만약 실행 후, 개발자 도구에서 "You are runing Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://.. 2021. 10. 9. Vue.js - #2 환경 구성 1. 크롬 브라우저 ( 모두가 사용해본 적 있는 개발자 도구를 위해! ) 2. 아톰 에디터 ( 깃허브에서 제작한 무료 텍스트 에디터라는데, 깔끔하고 좋긴 하나 구지 본인이 Eclipse나 InteliJ 등을 쓰고 있으면 필요 없다. ) 책에서는 아톰 에디터 패키지에서 싱글 파일 컴포넌트 체계를 학습하는데 반드시 필요한 패키지 language-vue 를 설치하라고 한다. 자동 완성도 지원하나 보다. 일단 나는 패스. 3. 무엇보다 중요한 Node.js 서버 사이드 자바스크립트인 Node.js는 서버 측에서 실행되는 자바스크립트 실행 환경이다. 뷰 CLI(Command Line Interface)를 이용해 쉽게 뷰 프로젝트를 구성하기 위해서는 Node.js를 설치해주어야만 한다. 또, 뷰 CLI로 생성한 프.. 2021. 10. 7. Vue.js - #1 기본 Vue.js는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크이자 라이브러리이다. 일반적으로 우리는 프레임워크를 개발 생산성을 높이기 위해 일정한 규칙에 따라 개발하도록 구조를 정해놓은 도구, 즉, 해당 프레임워크에 정의된 대로 개발할 때 프레임워크라고 하고, 자주 사용되는 기능을 모아 재활용할 수 있도록 정리한 것을 라이브러리라고 한다. Vue.js의 코어 라이브러리는 화면단 데이터 표현에 관한 기능을 중점적으로 제공하지만, 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공이 된다. 참고로, 공식 사이트에서는 뷰를 점진적인 프레임워크(progressive framework)라고 정의하고 있다. 뷰가 가진 장점은 다음과 같다. 1) 배우기 쉽다. HTML, C.. 2021. 10. 7. 이전 1 2 다음
