뷰 (4) 썸네일형 리스트형 [Do it! Vue.js 입문] 08. 뷰 HTTP 통신 - 뷰 리소스, 액시오스 (Vue Resource, Axios) HTTP(HyperText Transfer Protocol) 브라우저와 서버 간에 데이터를 주고 받는 통신 프로토콜(Protocol:컴퓨터나 단말기 간에 통신하기 위해 상호간에 정의한 규칙) HTTP 통신 브라우저에 특정 데이터를 보내달라고 요청(request)을 보내면, 응답(response)으로 해당 데이터를 보내주는 방식으로 동작. (HTTP 요청을 보냄 = 데이터를 보내달라는 요청이라고 보면 됨. 요즘 웹 앱에서 서버에 데이터를 요청하는 HTTP 통신은 필수로 구현해야 하는 기능.) => 대표적인 사례로는 jQuery의 ajax가 있음. ajax는 서버에서 받아온 데이터를 표시할 때 화면 전체를 갱신하지 않고 화면의 일부분만 변경할 수 있게 하는 자바 스크립트 기법이다. 사용자와의 상호 작용에 따.. 이클립스 Spring 프로젝트에서 Vue.js 사용하기 #Spring MVC Project 개발환경 설정 Spring 개발 환경 (Eclipse, STS, Apach Tomcat) & 세부 설정하기 1. 이클립스 설치 https://www.eclipse.org/downloads/ Eclipse Downloads | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 375 open sour.. memme.tistory.com #크롬 브라우저 설치 Chrome이나 크롬을 검색해 다운로드 URL(https://www.google.com/intl/ko/chrome/)에 들어가 Chrome을 설치한다. Chrome 웹.. [Do it! Vue.js 입문] 04. 뷰 컴포넌트 뷰 컴포넌트 컴포넌트란? 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미 => 화면을 빠르게 구조화 하여 일괄적인 패턴으로 개발 네비게이션 바(navigation bar), 테이블(table), 리스트(list), 인풋 박스(input box) 등과 같은 화면 구성 요소들을 잘게 쪼개어 컴포넌트로 관리함. 컴포넌트는 지역(Local) 컴포넌트와 전역(Global) 컴포넌트 두 가지가 있다. 지역 컴포넌트는 특정 인스턴스에서만 유효한 범위를 갖고, 전역 컴포넌트는 여러 인스턴스에서 공통으로 사용할 수 있다. 전역 컴포넌트 등록하기 Vue.component('컴포넌트 이름', { //컴포넌트 내용 }); 컴포넌트 이름은 template 속성에서 사용할 HTML 사용자 정의 태그(custom .. [Do it! Vue.js 입문] 02. Vue.js 시작하기 Vue.js 시작하기 기존 사이트에서 Vue를 사용하려면 아래 또는 Node.js를 설치해 NPM을 사용하는 방법도 있는데, 더 자세한건 아래 링크를 참조하자. (NPM은 나중에 다룰 것) 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org Vue 시작하기 - Web 개발 학습하기 | MDN 이제 우리가 배울 세 번째 프레임워크인 Vue를 소개하겠습니다. 이 글에서 우리는 Vue에 대한 간단한 배경지식을 얻고, Vue를 설치하고 새로운 프로젝트를 만드는 방법을 배웁니다. 또한 전체 developer.mozilla.org 간단한 페이지를 하나 만들어보자. 먼저 테스트용으로 index.html 파일을 하나 만든다. 아래는 뷰 라이브러리를 로딩한 후, 뷰로 간단.. 이전 1 다음
