본문 바로가기

Language

(29)
[HTML] 클릭 시 페이지내 원하는 위치로 이동하기 글자에 링크를 걸어놔서 클릭 시 동일 페이지내에 원하는 위치로 이동하는 앵커(ankor) 설정방법 내용이 긴 글에서는 맨 상단에 인덱스(index)를 써놔서 해당 위치로 쉽게 이동할 수 있도록 기능을 구현하는게 좋다 구현방법은 간단하게 태그의 id 또는 name 값을 설정하면 가능 1. 태그에 name값을 사용하여 이동하기 맨아래 이동// 클릭할 텍스트 // 이동해서 보여질 위치 2. 태그에 id값을 사용하여 이동하기 맨아래 이동// 클릭할 텍스트 // 이동해서 보여질 위치 태그의 id 나 name은 같은 기능이므로 둘 중 아무거나 사용해도 상관이 없습니다 맨아래 이동하기 여기로 이동
[RxKotlin] ReactiveX #4 - 연산자 'Operator' ReactiveX #4 - 연산자 'Operator' RxKotlin 이전 글 ReactiveX #1 - 'ReactiveX 란?' ReactiveX #2 - Observable ReactiveX #3 - Subject 연산자 'Operator' RxKotlin에도 Collection과 유사한 연산자들이 존재 가장 친숙한 연산자인 filter 또는 map을 비롯하여 다양한 연산자를 제공 Collection 연산자와 차이점 입력 - Observable 또는 flowable 출력 - Observable 또는 flowable 생성 연산자 : create, interval, timer, range, fromXXX 등 변환 연산자 : filter, map, concatMap, flatMap, switchMap, ..
[RxKotlin] ReactivX #3 - Subject ReactivX #3 - Subject RxKotlin 이전 글 ReactiveX #1 - 'ReactiveX 란?' ReactiveX #2 - Observable Subject publish() 처럼 Cold Observable -> Hot Observable 변환하는 클래스 Subject는 Observable + Observer (Observable이면서Observer의 역할을 수행) Observer 역할 - 다른 Observable에게 구독하여 item 수신 Observable 역할 - Observable에게 수신받은 item 재배출 또는 새로운 item 배출 Subject의 4가지 종류 PublishSubject, BehaviorSubject, AsyncSubject, ReplaySubject 각..
[RxKotlin] ReactiveX #2 - Observable ReactiveX #2 - Observable (구독 대상자) RxKotlin 이전 글 ReactiveX #1 - 'ReactiveX 란?' INDEX Observable Observable 주요 이벤트 (Callback) : onSubscribe(), onNext(), onError(), onComplete() Observable 생성 : 생성 - create(), just(), range(), empty(), interval(), timer(), fromXXX() Observable 구독 (subscribe) Observable 구독해지 (dispose) Hot & Cold Observable Observable Observable은 Observer 또는 Consumer가 소비하는 값을 생성하는 구독..
[RxKotlin] ReactiveX #1 - 'ReactiveX 란?' RxKotlin - Reactive X Rx(ReactiveX) 란? Reactive Program은 옵저버 패턴으로 구독자에게 변경사항을 알려주는 '비동기 이벤트 기반 프로그래밍' Observer 패턴 + Iterator 패턴 + Functional 프로그래밍 Reactvie (비동기 이벤트 방식) X (이벤트 처리 방식) 필요에 의해 Data 요청(Get) -> Data 가공이 아닌, 데이터 관리주체(Observable)에 데이터 변경시 요청을 받겠다는 구독신청을 하고, 변경사항(event) 발생 시 전달받는 방식 -> Reactive Programming)은 하나의 값을 반환하기 보다 Data Stream을 반환 Reactive (반응형) 프로그래밍과 Functional (함수형) 프로그래밍의 조합..
[Kotlin] Collection '컬렉션' Kotlin - Collection '컬렉션' Immutable(불변) / Mutable(가변) 코틀린은 자바와 다르게 Collection을 2종류 타입으로 나눠서 구분 - Immutable / Mutable Immutable (불변) : Read-Only '읽기전용'의 Collection 한번 정의되면 수정이 불가 - (add() / put() / remove() 등) 추가, 삭제 불가 단순하게 추출하는 용도로 사용 : 생성 함수 (function) listOf, setOf, mapOf Mutable (가변) : Write+Read '읽기/쓰기'의 Collection으로 add / put / remove 등이 가능 : 생성 함수 (function) mutableListOf, mutableSetOf, m..
[Kotlin] 코루틴 #7 - Flow 코루틴 #7 - Flow (플로우) Coroutine 이전 글 코루틴 #1 - 기본 코루틴 #2 - CoroutineContext와 CoroutineScope란? 코루틴 #3 - suspend Function (중단함수) 코루틴 #4 - CoroutineBuilder와 ScopeBuilder 코루틴 #5 - Channel (채널) 코루틴 #6 - 취소(Cancellation), 예외(Exception), 핸들러(Handler) Asynchronous Flow suspending Function(중단 함수)는 비동기로 동작하면서 하나의 값을 반환합니다. Flow는 비동기로 동작하면서 여러개의 값을 반환하는 Function은 만들 때 사용하는 Builder입니다 다중 값 나타내기 (Repressenting ..
[Kotlin] 코루틴 #6 - 취소(Cancellation), 예외(Exception), 핸들러(Handler) 취소(Cancellation), 예외(Exception), 핸들러(Handler) 코루틴에서 취소예외 / 일반 예외의 발생방법 / 유형과 처리방법 Handler에 대해서 작성 Coroutine 이전 글 코루틴 #1 - 기본 코루틴 #2 - CoroutineContext와 CoroutineScope란? 코루틴 #3 - suspend Function (중단함수) 코루틴 #4 - CoroutineBuilder와 ScopeBuilder 코루틴 #5 - Channel (채널) 취소 (Cancellation) 코루틴은 내부적으로 취소 동작을 위해 CancellationException을 사용 CancellationException 예외는 모든 핸들러들이 무시하므로 handler를 등록해도 아무런 효과가 없습니다. ..