개발 공부/Do it! Vue.js 입문
-
3장. 화면을 개발하기 위한 필수 단위 - 인스턴스 & 컴포넌트 - 1개발 공부/Do it! Vue.js 입문 2025. 5. 20. 09:00
3장 - 1 "인스턴스와 컴포넌트를 레고에 비유한다면 인스턴스는 레고를 조립하는 기본 판을, 컴포넌트는 레고 블록을 의미한다." 03-1 뷰 인스턴스뷰 인스턴스(Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위이다. 뷰 인스턴스 생성뷰 인스턴스를 사용하기 위해서는 아래와 같이 뷰 인스턴스를 생성해야 한다. new Vue({ ... })이전 장에서 작성한 코드를 다시 살펴보자. {{ message }} 'Hello Vue.js!' 텍스트를 화면에 표시하기 위해 new Vue( )로 뷰 인스턴스를 생성하였다. 인스턴스 안에 el 속성으로 뷰 인스턴스가 그려질 지점을 지정하고..
-
2장. 개발 환경 설정 및 첫 번째 프로젝트개발 공부/Do it! Vue.js 입문 2025. 5. 19. 09:00
2장 02-1 뷰 학습을 위한 개발 환경 설정하기뷰로 웹 앱을 개발하기 위한 환경을 구성해보자. 우선 다음과 같은 도구들을 설치한다.크롬(Chrome) 브라우저텍스트 에디터나 통합개발환경(IDE, Intergrated Development Environment) - Atom, vscode....Node.js뷰 개발자 도구(Vue.js devtools, 크롬 확장 플러그인) 뷰로 화면 개발을 하려면 첫 번째로 구성해야 할 환경이 바로 브라우저이다.구글에서 개발한 크롬 브라우저는 최신 웹 트렌드와 문법을 빠르게 반영하고 있는 브라우저이며, 웹 개발 시 편리한 기능을 제공하는 크롬 개발자 도구를 지원한다.크롬 브라우저 공식 사이트https://www.google.co.kr/chrome/ Chrome 웹브라..
-
1장. Vue.js 소개개발 공부/Do it! Vue.js 입문 2025. 5. 18. 09:00
1장 01-1 Vue.js란 무엇인가?Vue.js(뷰)는 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크이다.기존 웹 개발자뿐만 아니라 HTML, CSS, 자바스크립트 기초만 아는 웹 개발 입문자 및 컴퓨터 비전공자들도 배우기 쉽게 만들어졌다.뷰는 화면단 라이브러리이자 프레임워크라고도 볼 수 있다.라이브러리 : 자주 사용되는 기능들을 모아 재활용할 수 있도록 정리한 기술 모음집프레임워크 : 개발자들의 개발 생산성을 높이기 위해 일정한 툴과 규칙에 따라 개발하도록 미리 구조를 정의해 놓은 도구위 그림은 뷰의 창시자인 에반 유(Evan You)가 2017년 Vue.js 컨퍼런스에서 발표한 프레젠테이션에 사용한 그림이다.뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프..
