리액티브 프로그래밍(6)
-
뷰 인스턴스
뷰 인스턴스의 정의와 속성 뷰 인스턴스는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위 앞에서 Hello Vue.js! 텍스트가 화면에 표시된 것은 인스턴스가 있었기 때문에 가능한 것이다 뷰 인스턴스 생성 new Vue { ... } 뷰 인스턴스 형식 전 글에서 작성한 Hello Vue.js! 샘플 코드에서 인스턴스와 관계된 부분을 다시 한 번 살펴보자. {{ message }} new Vue() 라는 생성자로 뷰 인스턴스를 생성한 것을 볼수있다. 여기서 Vue()라는 생성자를 정의하지 않은 상태에서 어떻게 접근을 했을까 하는 의문을 가질 수 있다. 이것이 가능한 이유는 뷰 라이브러리를 로딩해 주었기 때문이다. Vue()생성자의 파라미터로 el , data 라는 속성을 갖는 오브젝트를 넘..
2019.05.26 -
Hello vue.js! 프로젝트 만들기
작업순서 HTML 파일 생성 -> 뷰 소스 코드 추가 -> 브라우저로 실행 {{ message }}
2019.05.26 -
차가운것을 뜨겁게 바꿔주는 Subject 클래스 (AsyncSubject)
Subject클래스 (AsyncSubject, BehaviorSubject, PublishSubject, ReplaySubject 등 ) AsyncSubject 클래스 Observable에서 발행한 마지막 데이터를 얻어올 수 있는 Subject 클래스 입니다. 완료되기 전 마지막 데이터에만 관심이 있으며 이전 데이터는 무시합니다. AsyncSubject 클래스의 마블다이어 그램입니다. 이 다이어 그램을 보면, 방금 위에서 설명한 마지막 데이터에만 관심이 있다는 말이 쉽게 와 닿습니다. 처음 구독자가 subscribe() 함수를 호출합니다. 후에 첫번째 원, 두번째 원이 발행된 후, 두번째 구독자가 subscribe() 함수를 호출합니다. 마지막으로 세번째 원이 발행된후, 데이터 발행을 완료하는 onCom..
2018.12.10 -
뜨거운 Observable
Observable에는 뜨거운Observable (Hot Observable) 과 차가운 Observable(Cold Observable)이 있습니다.차가운 Observable은 마치 냉장고에 들어있는 냉동식품과 같습니다. Observable을 선언하고 just(), fromIterable() 함수를 호출해도 옵저버가 subscribe() 함수를 호출하여 구독하지 않으면 데이터를 발행하지 않습니다. 다른말고 게으른 Lazy 접근법 임니다. 뜨거운 Observable은 구독자의 존재 여부와 관계없이 데이터를 발행하는 Observable입니다. 따라서 여러 구독자를 고려할 수 있습니다. 단, 구독자로서는 Observable에서 발행하는 데이터를 처음부터 모두 수신할 것으로 보장할 수 없습니다.즉, 차가운 O..
2018.12.10 -
RxJava 처음 시작하기(2)
자바코드를 작성하기위한 파일은 기존의 자바 코드 파일을 생성하는 것과 동일합니다.[New] - [Class] 에서 [Name]에 원하는 파일명을 입력후 해주면 됩니다. package reactivejava; import io.reactivex.Observable; public class FirstExample { public void emit() { Observable.just("Hello", "RxJava 2!!").subscribe(System.out::println); } public static void main(String[] args) { FirstExample demo = new FirstExample(); demo.emit(); } } 위 코드 내용을 입력후 실행해 봅시다. HelloRxJ..
2018.12.10 -
RxJava 처음 시작하기(1)
실습은 이클림스 IDE를 이용해 진행합니다. 빌드 도구는 그레이들(Gradle)을 사용합니다.이클립스 Oxygen은 기본으로 그레이들을 지원합니다.만약 하위 버전일 경우 아래와 같이 이클립스 마켓에서 [INSTALL] 해주시면 됩니다.아래 그림처럼 이클립스 마켓에서 Find 에 buildship 을 입력 후 검색해 줍니다. Gradle Integration 2.0 이 검색되면 오른쪽에 [INSTALL] 버튼 눌러 설치해 줍니다. Installed 라면 이미 그레이들이 설치되어 있는 상태 입니다. 설치가 완료 되었다면, 프로젝트를 만들어 봅시다. 이클립스에서 그레이들 기반의 자바 프로젝트를 만들고 싶다면 아래 그림처럼 [File] - [New] - [Project...] 를 선택한 후 [Gradle] - ..
2018.12.07