전체 글 (41) 썸네일형 리스트형 클라우드 애플리케이션 www.redhat.com/ko/topics/cloud-native-apps/what-are-cloud-applications 20200818 개발일지 보호되어 있는 글입니다. 20200814 개발일지 보호되어 있는 글입니다. 20200812, 20200813 개발일지 보호되어 있는 글입니다. 뷰 컴포넌트 컴포넌트란? 컴포넌트란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미합니다. 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있다. 이렇게 화면의 영역을 컴포넌트로 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드를 다시 사용하기가 훨씬 편리하다. 또한 모든 사람들이 정해진 방식대로 컴포넌트를 등록하거나 사용하게 되므로 남이 작성한 코드를 직관적으로 이해할 수 있다. 컴포넌트 등록하기 컴포넌트를 등록하는 방법은 전여고가 지역의 두 가지가 있다. 지역(Local) 컴포넌트는 특정 인스턴스에서만 유효한 범위를 갖고, 전역(Global) 컴포넌트는 여러 인스턴스에서 공통으로 사용할 수 있다. 더 쉽게 말하자면 지역은 특정 범위 내에서만 사용할 수 있고, 전역은 뷰.. 뷰 인스턴스 뷰 인스턴스(Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본단위이다. 뷰 인스턴스 생성 뷰 인스턴스를 사용하기 위해 new Vue({ ... }); 위 코드랑 같은 형식으로 뷰 인스턴스를 생성한다. {{ message }} 먼저 "hello vue.js!" 텍스트를 화면에 표시하기 위해 new Vue()로 뷰 인스턴스를 생성하였다. 그리고 인스턴스 안에 el 속성으로 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 message 값을 정의하여 화면의 {{ message }}에 연결하였다. 그럼 각 요소에 대해 자세히 알아보자. 뷰 인스턴스 생성자 new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 한다. Vue 생성자는 뷰 라이브러리를 로딩하고 나면 접근할 수.. 선택자 선택자는 HTML 요소를 선택하여 가져온다. 제이쿼리 선택자는 CSS 선택자와 마찬가지로 선택한 요소의 디자인 속성을 적용할 때 사용할 수 있다. 이때 HTML에 작성한 스타일은 사용자의 동작에 의해 스타일을 변경할 수 없기 때문에 HTML에서 작성한 스타일(CSS)은 '정적이다'라고 표현한다. 하지만 제이쿼리 선택자를 사용하면 '동적'으로 스타일을 적용할 수 있다. 선택자를 좀 더 정확하고 깊이 있게 공부하려면 문서 객체 모델에 대해 알아두는 것이 좋다. 제이쿼리 제이쿼리란? 모질라 사의 자바스크립트 개발자였던 존 레식(John Resig)이 자바스크립트를 이용해 만든 라이브러리 언어이다. 라이브러리 언어란 자바스크립트로 만들어진 다양한 함수들의 집합을 가리킨다. 제이쿼리는 다양한 함수들을 사용자에게 제공함으로써 자바스크립트에서 사용할 때 불편했던 몇 가지 점들을 간편하게 사용할 수 있도록 개선하였다. 제이쿼리에서 개선된 사항들 호환성 문제 해결 자바스크립트의 문서 객체 모델(DOM)과 이벤트 객체(Event Object)는 호환성(크로스 브라우징)이 떨어진다는 단점이 있다. 예를 들어 인접 요소 선택자 중 다음 요소 선택자(nextSibling)는 IE 8 이하의 브라우저에서 문서 객체를 선택했을 때와 다른 브라우저에서 문서 객체를 선택했을 때의 결과가 다르다... 이전 1 2 3 4 5 6 다음