Axe's Life

Rx ) 마블 다이어그램?

devAxe — Sun, 17 May 2020 17:23:42 +0900

안녕하세요 Axe입니다!

오늘은 마블 다이어그램에 대해서 알아보겠습니다.

'ReactiveX가 뭔지 압니까?' 글을 읽지 않고 오셨다면, 읽고 오시는 걸 추천해드립니다! :)

ReactiveX사이트의 메인화면을 보면 있는 이것!

Marble Diagram

바로 마블 다이어그램입니다!

~~마블이면... 마블 코믹스? 크흠...~~ (마블 코믹스의 마블은 MARVEL입니다...)

마블 다이어그램의 마블은 Marble입니다!

marble: 대리석, 구슬, 구슬치기

마블 다이어그램에서 마블은 구슬을 의미합니다.

다이어그램은 도표이죠? 그럼 말그대로 구슬 도표네요!...

위의 사진을 자세히 보면, 여러 색깔의 구슬들이 있는 것을 볼 수 있죠?

그런데 이게 도대체 뭐 하는 거냐고요?

먼저 ReactiveX사이트에 들어가서 맨 위에 있는 Docs에 Observable을 클릭해보면...

와! 한국어지원!

이렇게 Observable에 대한 설명이 나옵니다.

그리고 빨간색 밑줄이 있는 문장을 읽어보면, 마블 다이어그램이 무슨 역할을 하는지 알 수 있죠.

Observable과 Observable의 전환을 어떻게 표현하는지 보여준다는 말을 쉽게 설명하자면,

Observable에 어떠한 연산자(Operators)를 적용했을 때 생기는 변화를 도표로 표현한 것!

쉬운 설명이 아니였나요?...

만약 이해가 되지 않으셨다고 해도 괜찮습니다!

예제를 보면 확실히 이해가 될 겁니다.

예제를 보기 전에, 위 사진의 마블 다이어그램을 다시 한번 자세히 봐볼까요?

사진은 번역이 안됐길레 직접 했습니다 :)

이해하기 쉽도록 번역해 놨습니다.

한번 읽어 보시면 각각 무슨 의미기 있는 건지 알 수 있을 겁니다 :)

그럼, 예제를 봐볼까요?

가장 쉽다고 생각하는 'Just'연산자를 보면

이렇게 되어 있죠?

영어로 뭐라고 막 적혀있지만... 읽지 않으셔도 충분히! 이해할 수 있습니다.

마블 다이어그램만 보면 이 연산자가 어떠한 변환을 해주는지에 대한 것을 아주 쉽게 알 수 있습니다.

먼저 위에 빨간색 구슬이 있습니다.

이 빨간색 구슬을 'Just'연산자를 사용했을 때 나오는 결과가 빨간색 구슬이라는 건 보면 알 수 있죠?

즉, 어떠한 값에다가 Just연산자를 사용하면 그 값이 그대로 나온다는 것을 알 수 있습니다!

또 다른 예제를 하나 더 보겠습니다.

'filter'연산자네요!

흰 상자 안에 'filter(x => x > 10)'라고 적혀 있네요.

괄호 안에 있는 것이 조건이라고 하면... 10보다 큰 값이어야만 조건을 충족하겠네요?

위에 2, 30, 22, 5, 60, 1 이 담긴 구슬이 순서대로 있고

밑에는 30, 22, 60 이 담긴 구슬만이 순서대로 남아있네요!

그렇다면, filter의 조건을 충족하는 구슬만 결과로 나왔다는 걸 알 수 있겠죠?

즉, filter의 조건에 맞는 값만이 결과로 나올 수 있다는 것을 알 수 있습니다.

별로 어려울 거 없죠?

마블 다이어그램은 이게 끝입니다!

하지만, 그냥 도표를 사진으로만 본다면

복잡한 연산자를 보기에는 조금 어려울 수 있습니다.

그럴 경우에 도움이 될 수 있는 사이트가 바로

rxmarbles.com

RxMarbles: Interactive diagrams of Rx Observables

rxmarbles.com

여깁니다! :0

각 연산자 마다, 구슬을 직접 움직여 보면서 더 편하고 쉽게 이해할 수 있습니다!

크게 어려운 내용은 아니었지만 도움이 되길 바라겠습니다!

끝까지 봐주셔서 감사합니다!

여러모로 부족한 부분이 많기에 혹시라도 잘못된 정보가 있다면 댓글로 알려주시면 감사하겠습니다!

RxSwift Book 저장소: https://github.com/devMinseok/RxSwift_Book

devMinseok/RxSwift_Book

RxSwift문법이 정리된 저장소입니다. Contribute to devMinseok/RxSwift_Book development by creating an account on GitHub.

github.com

Rx ) ReactiveX 파헤쳐보기

devAxe — Sat, 16 May 2020 20:56:08 +0900

안녕하세요 Axe입니다!

오늘은 ReactiveX가 무엇인지 알아보겠습니다.

먼저, ReactiveX가 어떤 의미인지 알아보겠습니다.

ReactiveX의 풀네임은 'Reactive eXtensions'입니다.

reactive: 반응을 보이는 , extension: (세력, 영향력, 혜택 등의) 확대

ReactiveX가 반응을 확장한다는 의미를 가지고 있다는 것을 알 수 있습니다.

계속 ReactiveX라고 부르기 좀 귀찮죠?

그래서 ReactiveX를 Rx라고 더 줄여서 부릅니다!

저도 이제부터 편의를 위해 Rx로 부르겠습니다 :)

이제, Rx 사이트의 메인화면을 순서대로 탐색해보며 공부해봅시다!

ReactiveX

CROSS-PLATFORM Available for idiomatic Java, Scala, C#, C++, Clojure, JavaScript, Python, Groovy, JRuby, and others

reactivex.io

이걸 알면 Rx의 반은 배운거나 마찬가지입니다!

"An API for asynchronous programming with observable streams"

제일 처음 눈에 띄는 이 문장을 대충 해석해보면

"옵저버블 스트림으로 비동기 프로그래밍을 하기 위한 api이다!"

라는 것을 알 수 있습니다.

그럼

"옵저버블 스트림이 뭐죠?", "비동기가 뭐죠?"

이런 의문점이 들 겁니다.

먼저 비동기에 대해서는...

동기, 비동기, 비동기 프로그래밍과 관련된 내용을 다 넣기에는 무리가 있어, 이해하시기에 좋은 글과 영상을 남겨놓았습니다 :)

동기? 비동기?

동기와 비동기에 대해서

안녕하세요, 오늘은 프로그래밍 관련 내용으로 여러분들에게 소개하려고합니다. 첫 번째 내용은 프로그래밍에서 데이터를 처리하는 두 가지 모델 동기와 비동기에 대해서 이야기하겠습니다. ��

juyeop.tistory.com

비동기 프로그래밍?

위의 글과 영상을 보셨다면, 비동기에 대한 의문점은 해결하셨을 겁니다!

"비동기 프로그래밍을 하기 위한 api라는 건 알겠는데, 옵저버블 스트림은 뭔데요?"

네...

많이 궁금하시겠지만

옵저버블 스트림을 이해하기 전에 먼저 알아야 할 내용이 있기에, 옵저버블 스트림에 대한 설명은 이 글의 마지막에 하겠습니다!

조금 밑으로 내리면 보이는 이것의 정체는 바로!

Marble Diagram

Marble Diagram(마블 다이어그램)입니다.

마블 다이어그램은 Rx의 기능을 사용하고자 할 때, 그 기능의 이해에 도움이 되기 위한 도표라고 생각하시면 됩니다.

마블 다이어그램에 대한 상세한 내용은 이 글을 다 읽으신 후에 '마블 다이어그램?' 글을 보시면 됩니다!

또 밑으로 내려보면...

RxJava는 넣어주면서 RxSwift가 없다닛...

이러한 내용이 있는데요.

대충, " Rx는 어느 플랫폼에서나 다 쓸 수 있어!"라는 내용입니다 :)

Rx를 어느 플랫폼에서나 다 쓸 수 있는 이유는 말이죠!

바로 밑에서 설명하겠습니다 ;)

맨 밑으로 가보면...

여기 있는 이 두 목록이 보이실 겁니다.

오른쪽에 LANGUAGES의 밑을 보면, 뭐 여러 가지 Rx가 붙은 것들이 있습니다.

이것들이 바로 Rx를 어느 플랫폼에서나 쓸 수 있게해주는 것입니다!

Rx는 다양한 시리즈가 있습니다.

바로 위에서 말한 "어느 플랫폼에서나 다 쓸 수 있어!"를 기억하시죠?

이것이 가능한 이유는

Rx는 각 플랫폼마다 지원하는 시리즈, 정확히는 라이브러리가 존재하기 때문입니다.

iOS 플랫폼에서 Rx를 사용할 수 있게 해주는 RxSwift라이브러리,

Android 플랫폼에서 Rx를 사용할 수 있게 해주는 RxJava라이브러리

etc...

각 플랫폼의 개발 언어 앞에 Rx접두어를 붙인 이름의 라이브러리들을 만들어 놨기에 가능한 것이죠.

(총 18개의 Rx라이브러리가 있습니다)

이제 왼쪽의 DOCUMENTATION을 보겠습니다.

밑에 Observable, Operators, Single, Subject, Scheduler가 있죠?

이 5개가 Rx의 주요 기능입니다.

이중에서도 가장 중요한 것은 바로 Observable입니다.

"어? Observable이면, 옵저버블 스트림이랑 연관이 있는 건가?"

라고 생각하셨다면... 맞습니다!

먼저 한 퀘스트가 있다고 가정하겠습니다.

<퀘스트>

상황:
1. 오직 한 방향으로만 흐르는 강(stream)이 있습니다.
2. 물고기(value)는 강(stream)의 흐름방향으로 흘러갑니다.
3. 강에는 가끔 쓰레기(value)도 흘러갑니다.

목표:
'rx'라는 강에서 물고기를 건져, 회를 뜬다음, 팔아야 합니다.

당신이 한 일:
강에서 자동으로 물고기만 건져(filter) 회로 변환(map)하는 'A'시스템을 만들었습니다.
이 시스템은 사용자가 버튼을 누를 시(subscribe) 가동됩니다.

스트림은 주로 강으로 비유됩니다.

상식적으로 강은 한 방향으로만 흐르며, 우리가 무언가를 하지 않는 이상 아무 일도 생기지 않죠?

이것이 강과 스트림을 비유하는 이유입니다

어떠한 이벤트 스트림이 있다고 해도, 그것만으로는 아무 일도 일어나지 않습니다.

Observable도 강이라고 생각하시면 됩니다.

하지만

Observable은 강이지만, 특정한 강을 지칭할 때 사용한다고 생각하시면 됩니다.

다 같은 강이지만 한강, 낙동강처럼 특정한 강이 있죠?

스트림은 포괄적인 느낌이며, Observable은 스트림이지만, 특정 스트림을 의미한다고 생각하시면 됩니다.

'A'시스템을 가동하기 위해서는 버튼을 눌러야 합니다.

이 버튼을 누르는 행동인 subscribe 즉, 구독을 함으로써 시스템이 가동되겠죠.

하지만 우리는 그냥 강이 아닌 'rx'라는 강에서 가동이 되야겠죠?

그래서 우리는 'A'시스템을 'rx'강에서 가동하기 위해, 'rx'라는 Observable을 구독해야 합니다.

강은 수없이 많습니다. 그 수많은 강 중에서 특정한 강(Observable)을 구독해야 시스템은 그 강에서 가동될 것입니다.

그리고 Observable을 구독하지 않는 이상 아무 변화가 일어나지 않을 겁니다.

Operators는 스트림에 흐르는 값(value)을 가공하는 장치입니다.

위 퀘스트에서 우리는 물고기만 건져 회로 변환한다고 하였습니다.

장치(Operators)의 기능 중 물고기만을 건지게 해 주는 건 filter, 회로 변환하는 건 map.

Operators안에 filter와 map과 같은 기능들이 있다고 생각하시면 됩니다.

코드로 변환해 보면

import RxSwift

let disposeBag = DisposeBag()

let value = ["물고기", "쓰레기"] // 강에 흐르는 value
let rx = Observable.from(value) // Observable: value가 흐르는 'rx'강
    
rx
    .filter { $0 == "물고기" } // Operators: 물고기만 건짐
    .map { "\($0) 회" } // Operators: 물고기를 회로 만듦
    .subscribe { print($0.element ?? "") } // Subscribe: 'rx'강을 구독
    .disposed(by: disposeBag)
    
// 결과: 물고기 회

이러한 코드가 되는데...

위의 코드가 이해가 되지 않는 것은 걱정하지 않으셔도 됩니다. (공부하면 됩니다!)

rx라는 옵저버블이 있고, 그것을 구독한 다음에 값을 얻는다는 것만 아시면 됩니다.

나머지 single, subject, scheduler는 따로 글을 나누어서 자세히 설명하겠습니다 :)

그럼, 옵저버블 스트림이 무엇을 의미하는지는 어느 정도 감이 오시지 않나요?

Rx 사이트에서 말하는 이 '옵저버블 스트림'은 그냥 '옵저버블들'을 뜻하는 거라고 생각하시면 됩니다.

위에서 제가 퀘스트를 예를 들어 설명한것을 잘 이해하셨다면, 좀 허무하다고 생각하실 겁니다.

하지만, 허무하다는 건 옵저버블과 스트림에대한 이해가 어느정도 됐다는 거겠죠? :)

이제 여러분은, 옵저버블 스트림과 비동기 프로그래밍을 통달하셨습니다.

그럼 다시 한번 봐보겠습니다.

Rx는 "옵저버블 스트림으로 비동기 프로그래밍을 하기 위한 api이다!"

자! Rx가 옵저버블을 사용하여 비동기 프로그래밍을 하기 위한 api라는 것을 이해하셨죠?

그럼, Rx의 50%는 배웠다고 생각하면 됩니다!!

~~"나머지 50%는 제 블로그의 RxSwift Book 시리즈에서 채워나가면 됩니다! :)"~~

여태까지 ReactiveX사이트를 간단히 살펴보며 Rx에 대한 기본 지식을 조금이나마 쌓을 수 있었습니다!

앞으로 공부해야 하는 것이 훨씬 더 많지만, 금방 배우실 수 있을 거라고 생각합니다 :)

끝까지 봐주셔서 감사합니다!

여러모로 부족한 부분이 많기에 혹시라도 잘못된 정보가 있다면 댓글로 알려주시면 감사하겠습니다!

RxSwift Book 저장소: https://github.com/devMinseok/RxSwift_Book

devMinseok/RxSwift_Book

RxSwift문법이 정리된 저장소입니다. Contribute to devMinseok/RxSwift_Book development by creating an account on GitHub.

github.com

Let's RxSwift Book!

devAxe — Thu, 26 Mar 2020 18:59:34 +0900

안녕하세요? Axe입니다!

Swift문법만이 아닌, RxSwift문법 또한 정리하여 글을 올리기 위해...

이번에 'RxSwift Book' 카테고리를 만들었습니다!

앞으로 RxSwift문법에 관하여 정리한 글은 'RxSwift Book' 카테고리에 작성하여 올리도록 하겠습니다!

'RxSwift Book'내 카테고리 순서는

Rx -> Observable -> Subject -> Operators -> Scheduler

이며, 이 순서대로 보시길 권장 드립니다!

블로그에 설명한 내용들은 모두 제 GitHub에 잘 정리하여 업로드할 예정입니다!

아직 실력이 부족하여 열심히 공부하는 중이지만, 누구나(?) 쉽게 이해할 수 있도록 하기 위해 노력하겠습니다.

감사합니다!

RxSwift Book 저장소: https://github.com/devMinseok/RxSwift_Book

devMinseok/RxSwift_Book

RxSwift문법이 정리된 저장소입니다. Contribute to devMinseok/RxSwift_Book development by creating an account on GitHub.

github.com

Swift - Array ) 배열의 기초

devAxe — Mon, 20 Jan 2020 20:57:39 +0900

스위프트는 튜플 외에도 많은 수의 데이터를 묶어서 저장하고 관리할 수 있는 컬렉션 타입을 제공합니다.

컬렉션 타입에는 '배열', '딕셔너리', '세트'가 있습니다.

Array (배열) - 멤버가 순서를 가진 리스트 형태의 컬렉션 타입
Dictionary (딕셔너리) - 키(Key)와 값(Values)의 쌍으로 이루어진 컬렉션 타입
Set (세트) - 순서가 없고, 멤버가 유일한 것을 보장하는 컬렉션 타입

오늘은 컬렉션 타입 중에서 배열에 대해서 알아보겠습니다!

배열 생성 (Create Array)

● 정식 문법

Tip: 정식 문법보다는 단축 문법을 주로 사용합니다.

먼저 정식 문법의 모습과 어떻게 생성하는지를 봅시다.

// 생성 방법: (let 또는 var) 배열 이름: Array<배열의 타입>

let arr1: Array<Int> // 상수형 정수 배열
var arr2: Array<String> // 변수형 문자열 배열

실제로 코드를 짤 때는 정식 문법을 자주 쓰지 않습니다. (좀 귀찮거든요...)

● 단축 문법

Tip: 'Array<배열의 타입>'에서 '[배열의 타입]'으로 바뀐 거라고 생각하면 쉽습니다.

단축 문법은 정식 문법보다 훨씬 간단합니다.

// 생성 방법: (let 또는 var) 배열 이름: [배열의 타입]

let arr1: [Int] // 상수형 정수 배열
var arr2: [String] // 변수형 문자열 배열

대괄호 사이에 배열의 타입을 명시해주기만 하면 됩니다. (정식 문법에 비해 편합니다)

실제 코드를 짤때, 단축 문법을 주로 사용하여 배열을 생성합니다.

◎ 형식 추론 (타입 유추)

※ 배열의 타입을 명시하지 않아도 되지만, 빈 배열을 만들 경우에는 타입을 반드시 명시해야 합니다.

형식 추론은 타입을 명시하지 않아도 되기에 제일 편합니다.

iOS 앱 개발을 할 때 우리가 항상 실행시키는 Xcode의 컴파일러(Apple LLVM/Clang)가 배열에 들어가는 값이

무엇인지 형식 추론을 하여 알아서 결정해줍니다. (아주 편리하죠?)

// 생성 방법: (let 또는 var) 배열 이름 = [배열의 타입과 일치하는 값]

let arr1 = [1, 2, 3, 4, 5] // 상수형 정수형 배열
var arr2 = ["일", "이", "삼", "사", "오"] // 변수형 문자열 배열

하지만!

주의해야 할 점이 있습니다.

1. 빈 배열을 만들 때는 타입을 꼭 명시해야 하기 때문에 사용하면 안 됩니다.

let emptyArr = [] // error!

'배열에 값 넣기'에서 설명할 것이기에, 여기서 자세한 설명은 하지 않겠습니다.

2. 다른 타입의 값을 한꺼번에 같이 넣으면 안 됩니다.

let arr = [1, "이", 3, "사"] // error!

이런 식으로 대괄호 안에 여러 타입의 값을 같이 넣으면 에러가 발생하게 됩니다.

그렇다고 해서 여러 타입의 값을 한 배열 안에 다 넣지 못하는 것만은 또 아닙니다!

마찬가지로 이 내용도 '배열에 값 넣기'에서 자세히 설명하겠습니다.

배열에 값 넣기 (Put Values In Array)

● 빈 배열 만들기

※ 반드시 배열의 타입을 명시해야 합니다.

빈 배열은 세 가지 형태로 만들 수 있습니다.

//let emptyArray = [] // error: 타입 명시가 돼 있지 않음. (형식 추론 X)

let emptyArray: [Int] = []

// 정식 문법 사용
let emptyArray2 = Array<Int>()

// 단축 문법 사용
let emptyArray3 = [Int]()

빈 배열을 만들 때는 반드시 배열의 타입을 명시해줘야 합니다.

그렇기에, 형식 추론을 사용하여 타입 명시를 생략할 수는 없습니다.

+ 형식 추론은 대괄호 사이에 있는 값을 바탕으로 추론을 하기에 값을 넣지 않는다면 에러가 발생하게 됩니다.

즉, 형식 추론이 아닌 단축 문법을 사용해야 한다는 것이죠!

● 임의의 값 넣기

※ 대입 연산자 '='의 뒤에는 대괄호 사이에 배열의 타입과 일치하는 값을 넣어줘야 합니다.

임의의 값을 넣는 데에도 여러 형태가 있습니다.

// 정식 문법
let strArray1: Array<String> = ["정식", "문법"]

// 단축 문법
let strArray2: [String] = ["단축", "문법"]

// 형식 추론
let strArray3 = ["형식", "추론"]

// 시퀀스
let nums = Array(1...3) // [1, 2, 3]

// 여러 자료형(타입)
let anyArr: [Any] = [1, 2, "three", "four"] // [1, 2, "three", "four"]

정식 문법과 단축 문법은 명시한 배열의 타입과 일치하는 값을 대괄호 사이에 넣어줍니다.

값을 구분할 때는 ' , '(콤마)를 사용하여 구분해 줍니다.

형식 추론은 앞서 보았기에... PASS!

범위 연산자를 사용하여 정수 값의 범위를 일일이 입력하지 않고도 편하게 넣을 수 있습니다.

한 배열 안에 여러 타입의 값을 넣고 싶다면 'Any'를 사용하시면 됩니다!

● 크기가 정해진 배열

크기가 정해진 배열을 만들 수 있습니다.

// (repeating: 배열의 타입과 일치하는 값(1개), count: 값을 반복할 횟수)

let zeroArray1 = [Int](repeating: 0, count: 10) // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

let zeroArray2 = Array(repeating: 0, count: 10) // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

// zeroArray1과 zeroArray2는 완전히 동일합니다.

범위 연산자와의 차이점이라고 하면 범위 연산자는 특정 범위 내에서 1씩 증가한 값이 배열에 넣어지지만,

Array(repeating:count:) 메서드는 반복할 값 1개(repeating)가 지정된 횟수(count) 만큼 배열에 넣어집니다.

배열의 가변성 (Array Variability)

배열에도 변수형 배열과 상수형 배열이 있습니다. (이미 아실 거기에... Skip!)

// 변수형 배열 (배열 생성 후 배열요소 변경가능)
var someArr1 = [1, 2, 3, 4, 5]
someArr1[0] = 0

// 상수형 배열 (배열 생성 후 배열요쇼 변경 불가능)
let someArr2 = [1, 2, 3, 4, 5]
//someArr2[0] = 0 // error: 상수형 배열로 생성했기에 변경 불가능!

배열 검사 (Inspecting an Array)

배열에 들어있는 값의 개수를 알고 싶다면 이 속성들을 사용하시면 편리합니다.

let nums = [1, 2, 3]
let emptyArray: [Int] = []

// .count == 배열에 들어있는 값의 개수 검사
nums.count // 3
nums.count == 0 // false

// .isEmpty == 배열에 값이 없는지를 판단
nums.isEmpty // false
emptyArray.isEmpty // true

배열 요소 접근 (Accessing Elements)

※ 스위프트의 배열의 인덱스는 0부터 시작합니다. (0, 1, 2, 3, ...)

let fruits = ["Apple", "Banana", "Melon"]

문자열 배열인 fruits배열이 있습니다.

이 배열에서 "Apple"은 인덱스가 어떻게 될까요?

스위프트는 c언어와 마찬가지로 '0 based index'입니다.

그래서 "Apple"의 인덱스는 0입니다! ("Melon"은 2)

● 서브 스크립트

서브 스크립트를 설명하기에 앞서, 배열의 요소에 접근하는 방법을 알아보겠습니다.

배열 내부의 값을 얻기 위해서는 이와 같은 문법을 사용합니다.

// 배열의 이름[얻고자하는 요소의 인덱스]

fruits[0] // "Apple"
fruits[1] // "Banana" 
fruits[2] // "Melon"
//fruits[3] // error: 인덱스는 0부터 시작하기에 3은 없음 (인덱스를 벗어남)

자 그럼,

서브 스크립트란?

배열 내부의 값을 얻기 위해선 'fruits[0]'와 같은 문법을 사용합니다.

대괄호 사이에 인덱스를 입력함으로써 값을 얻을 수 있죠.

이렇게 내가 원하는 값을 쉽게 찾기 위해서 정의하는 문법을 서브 스크립트라고 합니다.

'fruits[0]'이런 방식은 배열의 서브 스크립트를 사용한 것입니다.

그럼, 배열의 서브 스크립트를 사용하여 요소에 접근하는 방법을 보겠습니다.

// 범위 연산자를 사용하여 특정 범위를 추출
fruits[0...1] // ["Apple", "Banana"]

// 첫 번째 요소 접근
fruits[fruits.startIndex] // "Apple"

// 마지막 요소 접근
// endIndex는 배열의 마지막 인덱스가 아님
//fruits[fruits.endIndex] // error: 인덱스를 벗어남
fruits[fruits.index(before: fruits.endIndex)] // "Melon"

'startIndex'가 첫 인덱스라고 해서 'endIndex'가 마지막 인덱스는 아닙니다.

'endIndex'는 마지막 인덱스의 다음 인덱스입니다.

그렇기에 index(before:) 메서드를 사용하여 'endIndex'의 이전 인덱스를 가리키는 것이죠.

● 속성

Tip: 배열의 시작과 마지막 인덱스에 접근할 때는 속성을 사용할 수 있습니다.

fruits.first // "Apple"
fruits.last // "Melon"

// 배열이 비어있다면 nil을 반환
emptyArray.first // nil
emptyArray.last // nil

// 배열의 서브스크립트를 사용하면 nil을 반환하지 않고 error가 발생합니다.
//emptyArray[0] // error: 배열에 값이 없음

서브 스크립트 문법은 배열이 비어있을 때 접근하면 에러가 나기에 불안전합니다.

하지만, 속성을 사용하면 에러가 아닌 'nil'을 반환하기에 비교적 안전합니다.

부족한 설명 봐주셔서 감사합니다!

여러모로 부족한 부분이 많기에 혹시라도 잘못된 정보가 있다면 댓글로 알려주시면 감사하겠습니다!

<Axe's GitHub - Swift Book> Array

Swift Book - Array <- 정리된 자료를 보고 싶다면, 클릭!

devMinseok/Swift_Book

Swift문법이 정리된 저장소입니다. Contribute to devMinseok/Swift_Book development by creating an account on GitHub.

github.com

Swift - Closure ) 클로저 문법

devAxe — Thu, 16 Jan 2020 23:01:55 +0900

클로저는 세 가지 형태가 존재합니다.

이름이 있으면서 어떤 값도 획득하지 않는 전역 함수의 형태 (Global Function)
이름이 있으면서 다른 함수 내부의 값을 획득할 수 있는 중첩된 함수의 형태 (Nested Function)
이름이 없고 주변 문맥에 따라 값을 획득할 수 있는 축약 문법으로 작성한 형태 (Closure Expression)

함수와 메서드는 클로저의 일종입니다.

함수(Function) == 글로벌 스코프 (전역)
메서드(Method) == 형식 내부(클래스, 구조체, 열겨형)에서 선언
클로저(Closure) == 이름이 없는 함수

즉, 함수와 메서드는 이름을 가진 클로저라고 볼 수 있습니다. (Named Closure)

그럼, 클로저의 표현 방법을 알아보겠습니다.

1. 기본 클로저

Tip: 클로저에 여러 줄의 표현(실행코드)이 들어가게 된다면 후행 클로저를 사용하는 것이 좋습니다.

기본 클로저의 모습을 보기 전, sorted(by:) 메서드에 인자로 함수를 전달하는 예시를 보겠습니다.

// sorted(by: (String, String) -> Bool))
// sorted(by:) == 2개의 String형 매개변수를 가지며 Bool형을 반환하는 함수를 받음

let names = ["Chris", "Alex", "Ewa", "Barry", "Daniella"]

func backwards(s1: String, s2: String) -> Bool {
    return s1 > s2
}

let reversed = names.sorted(by: backwards) // ["Ewa", "Daniella", "Chris", "Barry", "Alex"]

함수 backwards(s1:s2:)를 만들어 sorted메서드의 인자로 전달해주었습니다.

이제 기본 클로저의 모습을 보겠습니다.

// backwards(s1:s2:)함수를 클로저 표현으로 대체
let reversed = names.sorted(by: { (s1: String, s2: String) -> Bool in
    return s1 > s2
})
print(reversed) // ["Ewa", "Daniella", "Chris", "Barry", "Alex"]

'func'키워드와 함수의 이름(backwards)을 없애고 나머지 코드를 sorted(by:) 메서드의 인자로 넣었다고 생각하면 됩니다.

하지만 클로저는 표현식(실행코드)을 작성하기 위해 들여 쓸 때는 'in'키워드를 사용합니다.

(Bool 오른쪽에 'in'이 추가된 거 보이시죠?)

클로저는 함수처럼 모듈화를 할 필요가 없을 때 매우 유용하고 간편합니다.

최종적으로 기본 클로저의 모습을 정리하자면 아래와 같습니다.

...{ (매개변수목록) -> 반환형 in
	실행코드
}

2. 후행 클로저 (Trailing Closure)

Tip: 클로저에 여러 줄의 표현(실행코드)이 들어가게 된다면 사용하는 것이 좋습니다.

(후행 클로저 사용 시 가독성이 좋습니다)

※주의: 마지막 전달 인자로 전달되는 클로저에만 해당 (맨 마지막 클로저만 후행 클로저 사용 가능)

먼저 후행 클로저의 모습을 보겠습니다.

let reversed = names.sorted() { (s1: String, s2: String) -> Bool in
    return s1 > s2
}

후행 클로저는 클로저의 실행코드가 여러 줄이 될 경우 가독성을 높이기 위해 주로 사용합니다.

기본 클로저가 sorted(by:) 메서드 안에 코드를 넣은 반면, 후행 클로저는 코드를 메서드의 바로 뒤에 추가합니다.

참고로 후행 클로저는 메서드가 단 하나의 클로저만을 전달 인자로 하는 경우, 메서드의 소괄호가 생략 가능합니다.

let reversed = names.sorted { (s1: String, s2: String) -> Bool in
    return s1 > s2
}

3. 클로저 간소화

스위프트의 특징(Safe, Fast, Expressive) 중에서 Expressive(표현성)를 간소화를 통해 확실히 느낄 수 있습니다.

1. 문맥을 이용한 타입 유추

클로저에는 이러한 규칙이 있습니다.

클로저는 메서드에서 요구하는 형태로 전달해야 합니다.
(매개변수 타입이나 개수, 반환 타입이 같아야 전달 인자로서 전달 가능)

이러한 규칙 덕분에 스위프트는 문맥을 이용하여 타입을 유추할 수 있어, 매개변수 타입과 반환 타입을 생략할 수 있습니다.

클로저는 이미 메서드에 적합한 타입을 준수하고 있기에 문맥에 따라 적절히 타입을 유추 가능하다는 것입니다.

한마디로, 타입 생략이 가능하다는 것입니다!

매개변수 타입(String)과 반환 타입(Bool)이 생략된 모습

let reversed = names.sorted(by: { (s1, s2) in
    return s1 > s2
})

2. 단축 인자 이름

스위프트는 매개변수의 이름도 생략시킵니다.

매개변수의 이름을 명시하지 않고도 '$'와 숫자의 조합으로 단축 인자 이름이 사용 가능합니다.

let reversed = names.sorted(by: {
    return $0 > $1
})

매개변수의 이름을 명시하지 않아도 되기에 'in'키워드마저도 생략 가능합니다.

3. 암시적 반환 표현

"설마 생략할게 더 있겠어?"라고 생각하실 수 있겠지만...

네, 그렇습니다... 생략할게 더 있습니다!

클로저가 반환 값을 갖고, 내부의 실행문이 한 줄이라면, 암시적으로 해당 실행문을 반환 값으로 사용 가능합니다.

즉, 'return'키워드가 생략 가능합니다.

let reversed = names.sorted(by: {
    $0 > $1
})

4. 연산자 함수

추가로 하나 더 있습니다...

클로저는 매개변수의 타입과 반환 타입이 연산자를 구현한 함수의 모양과 동일하다면, 연산자만 표기하더라도 알아서 연산하고 반환하여 줍니다.

연산자는 일종의 함수라는 것 아시나요?

연산자의 정의를 보시면

public func ><T : Comparable>(lhs: T, rhs: T) -> Bool

연산자의 함수를 클로저의 역할로 사용한 것입니다.

끝으로 이러한 코드가 됩니다.

let reversed = names.sorted(by: >)

부족한 설명 봐주셔서 감사합니다!

여러모로 부족한 부분이 많기에 혹시라도 잘못된 정보가 있다면 댓글로 알려주시면 감사하겠습니다!

<Axe's GitHub - Swift Book> Closure

Swift Book - Closure <- 정리된 자료를 보고 싶다면, 클릭!

devMinseok/Swift_Book

Swift문법이 정리된 저장소입니다. Contribute to devMinseok/Swift_Book development by creating an account on GitHub.

github.com

Let's Swift Book!

devAxe — Thu, 16 Jan 2020 16:29:27 +0900

안녕하세요? Axe입니다!

본격적으로 Swift문법을 정리하여 글을 올리기 위해 이번에 'Swift Book'이라는 카테고리를 만들었습니다.

앞으로 Swift문법에 관하여 정리한 글은 'Swift Book'카테고리에 작성하여 올리도록 하겠습니다!

블로그에 설명한 내용들은 모두 GitHub에 잘 정리하여 업로드할 예정입니다!

아직 실력이 부족하여 열심히 공부하는 중이지만, 누구나(?) 쉽게 이해할 수 있도록 하기 위해 노력하겠습니다.

감사합니다!

Swift Book 저장소: https://github.com/devMinseok/Swift_Book

devMinseok/Swift_Book

Swift문법이 정리된 저장소입니다. Contribute to devMinseok/Swift_Book development by creating an account on GitHub.

github.com

(Play Swift) { 플레이그라운드 프로젝트 생성 }

devAxe — Wed, 18 Dec 2019 19:57:43 +0900

겨울을 맞이하느라 오랫동안 글을 못 썼네요...???

오랜만에 쓰는 글인 만큼 좀 더 초심을 되찾고자(실은 귀찮아서...) xcode 플레이그라운드 프로젝트 생성에 관한 내용을 다루려고 합니다...

그럼 바로 본론으로 넘어가서......

아 참고로 xcode버전은 'Version 11.3 (11C29)' 기준입니다.

첫 번째 - Welcome to Xcode

먼저 'Welcome to Xcode'윈도우 창에서 'Get Started with a playground'를 선택해 줍니다.

두 번째 - 템플릿 선택하기

'iOS' -> 'Blank'템플릿을 선택해줍니다.

세 번째 - 저장할 폴더(경로) 선택

프로젝트의 이름과 저장할 폴더(경로)를 선택한 다음 'Create'버튼을 눌러주세요.

네 번째 - 생성 완료

네... 끝났습니다. 이제 마음대로 swift를 연습하시면 됩니다!

하나 더...

왼쪽 밑을 자세히 보시면 재생 버튼 같은 게 있습니다.

꾹~눌러보시면 두 가지 선택사항이 나옵니다.

'Automatically Run' >>> 코드 입력을 끝마칠 때마다 실행됩니다. (아이맥 or 맥북 사양이 좋다면 추천!)

'Manually Run' >>> 사용자 원하는 때에 직접 실행을 시킵니다. (그다지 높은 사양이 아니라면 추천!)

직접 실행을 시키는 단축키는

'shift + return(enter)' >>> 현재 커서가 위치한 열 까지만 실행

'shift + cmd + return(enter)' >>> 코드 전체 실행

끝까지 읽어주셔서 감사합니다!

Xcode11 프로젝트 만들기

devAxe — Thu, 17 Oct 2019 20:46:02 +0900

여러분 안녕하세요 Axe입니다.

오늘 제가 알려드릴 내용은 Xcode에서 ios앱을 만들기 위한 프로젝트 생성 방법입니다.

자잘한 내용 없이 빠르고 시원하게 프로젝트를 만들고 싶은 분들께 도움될 것 같습니다.

※이 글은 Xcode11 기준입니다.

그럼 바로 본론으로 들어가서...

STEP 1 : Xcode 메인화면에서 'Create a new Xcode Project' 선택하기

'Create a new Xcode Project'를 더블클릭합니다

STEP 2 : 'Single View App' 템플릿 선택하기

'Single View App' 선택 후 'Next'버튼을 눌러 다음으로 넘어갑니다

STEP 3 : 프로젝트 옵션 설정하기

※예시

설정을 끝내셨다면 'Next'버튼을 눌러 다음으로 넘어갑니다

STEP 4 : 프로젝트를 저장할 위치 선택하기

저장할 폴더 위치 선택 후 'Create'버튼을 눌러 프로젝트를 생성합니다

Complete : 프로젝트가 생성됐습니다!

프로젝트를 생성하는데 그렇게 오래 걸리진 않을 겁니다.

Xcode 프로젝트 생성에 있어 혹시라도 다른 자잘한 내용까지 자세히 알고 싶으시다면 다른 블로그의 글도 참고하시면 좋을 것 같습니다.

맥북 C타입 젠더 추천

devAxe — Fri, 16 Aug 2019 14:05:29 +0900

여러분 안녕하세요?

이번 포스팅은 현재 제가 쓰고 있는 맥북 c타입 젠더를 추천드리고자 쓰게 되었습니다!

이렇게 가성비 + 내구성이 괜찮은 c타입 젠더는 별로 없을 것 같아서 이번 포스팅을 쓰게 되었습니다.

바로 본론으로 들어가서! 제가 추천해 드리려는 c타입 젠더는 바로...

NEXT-317TCH ...?

이지넷 유비쿼터스사의 '넥스트 NEXT-317TCH' 입니다!

"아니 맥북도 비싼 돈 주고 샀는데 뭔 c타입 젠더에도 비싼 돈 들여가며 사야 하나?"

라는 생각을 하시는 분들께는 정말 적합한 제품이 아닐까 싶습니다 ㅎㅎ

물론 저도 위와 같은 생각을 해서 가장 가성비가 좋은 제품을 찾아다니다가 발견했습니다.

가격도 싸면서 있을 건 다 있고 크기도 아담해서 선택했는데요!

2만 원 초반 정도의 가격에 USB 3.0 포트 2개와 SD, MicroSD 그리고 대망의 HDMI 포트까지 다 있습니다!

참고로 HDMI는 '4K UHD(3,840 x 2,160) 30Hz'까지 지원합니다.

다른 제품들도 꽤 괜찮은 가성비를 가진 것들이 있었지만 HDMI 포트까지 겸비한 제품이 별로 없더군요.

(HDMI 대신 LAN 포트 넣은 제품은 좀 있더군요)

제가 몇 달간 써본 걸 바탕으로 장단점을 적어보자면...

<장점>

1. 발열이 별로 없다

- 동일 가격대 타제품들을 써보면 맥북에 꽂기만 해도 발열이 나는 제품들이 매우 많습니다.

하지만 NEXT-317TCH은 제가 반나절 이상을 꽂아놓기만 하고 써보았지만, 심한 발열이 없었습니다. (아주 미지근한 정도)

2. 선 길이가 적당하다

- 10cm라는 선길이가 사용하기에 너무 길지도 짧지도 않아 딱 적당했습니다.

3. 싸면서도 있을 건 다 있다

~~- 네 그렇죠 HDMI 포트가 있습니다^^ (말 다했...)~~

4. 내구성이 좋다

- 이 정도 가격의 다른 제품들의 후기를 보니 내구성에 문제가 많더군요.

예를 들어 며칠 쓰고 단자 인식이 안 된다는 등... 하지만 NEXT-317TCH은 제가 ~~몇 달 동안 갈궈도~~ 지금까지 고장은 없네요

5. 휴대성이 좋다 & 디자인이 심플하다

- 작아서 휴대성이 괜찮고 디자인도 심플합니다.

6. 삼성 덱스 지원

- 갤럭시 노트 8, 노트 9 연결해서 써보았는데 잘 됩니다.

<단점>

1. HDMI or USB 포트 장시간 사용 시 어느 정도 발열이 있다

- TV 화면으로 영화 본다고 몇 시간(약 2시간) 끼워놨더니 꽤 후끈하더군요.

단점이긴 하지만 이건 다른 c타입 젠더도 어느 정도 다 그런 거 같습니다.

2. USB 포트가 2개밖에 없다

- USB 포트가 2개밖에 없어서 좀 곤란할 때가 있을 수도 있습니다.

~~(하지만 저는 USB 포트를 3개 이상 쓸 일이 별로 없기에...)~~

3. LAN 포트가 없다

- LAN 포트가 없어서 유선 인터넷 연결을 못 합니다.

2만 원 초반대 가격에 이 정도면, 저는 이런 단점 정도야 괜찮지 않을까 싶습니다!

최저가로 구매할 수 있는 링크 ↓

https://search.shopping.naver.com/detail/detail.nhn?cat_id=50002776&nv_mid=14206842362

이지넷유비쿼터스 넥스트 NEXT-317TCH : 네이버쇼핑

연결방식 : 무전원(USB)단자 : HDMI포트, MicroSD카드, SD카드PC연결 방식 : USB3.1단자타입 : Type C, USB3.0포트수 : 2포트형태 : 일체형케이블품목 : USB허브

search.shopping.naver.com

~~지극히 개인적인~~ '맥북 C타입 젠더 추천' 이상입니다!

맥북 키보드 '한/A'키 바꾸기!

devAxe — Thu, 25 Jul 2019 16:14:41 +0900

여러분은 혹시 '한/A'키가 불편하다고 생각한 적이 있지 않으신가요?

~~네. 저는 불편합니다!!!?~~

뭐 이런 혼종이 다있...

솔직히 저는 개인적으로 맥북의 한영키가 좀 불편하다고 생각합니다...

그렇게 불편하다고 생각한 찰나...

'한/A'키는 '대/소문자'키로 쓰고 'Shift + Space'키를 '한/영'키로 바꾸면 좋겠다는 생각이 들었습니다.

내... 이러한 이유로 이번 포스팅을 쓰게 됐습니다!

"지금 있는 그대로가 더 편하신 분들은 굳이 바꾸실 필요 없습니다 "

자 그럼, 바로 본론으로 들어가시죠!

Step 1. '시스템 환경설정'에서 '키보드' 선택하기

먼저 첫 번째로 하실 일은 '시스템 환경설정'에서 '키보드' 설정에 들어가시는 겁니다.

'시스템 환경설정' -> '키보드'

Step2. '단축키' 에서 'Shift + 'Space'키를 '한/영'키로 변경하기

두 번째로 하실 건 '키보드' 설정에서 단축키를 다시 지정해주시는 겁니다.

(2-1) '키보드' -> '단축키'

(2-2) '단축키' -> '입력 소스'

(2-3) '입력 소스' -> '^스페이스'클릭

(2-4) 클릭했던 상태에서 'fn'(function)키 + 'Shift'키 + 'Space'키 누르기

자! 일단 이렇게 하시면 '한/영'키는 'Shift + Space'키로도 쓸 수 있게 됩니다!

※'fn'키 안 누르시고 그냥 'Shift'키랑 'Space'키만 누르시면 안 됩니다.

Step 3. '입력 소스'에서 '한/A'키를 '대/소문자'키로만 쓸 수 있게 변경하기

(3-1) '키보드' -> '입력 소스'

(3-2) '한/영키로 key ABC 전환' 클릭하여 체크헤제

이제 설정이 다 끝났습니다!

처음에는 키가 잘 적응이 안 되실 수도 있지만 몇 시간 쓰시다 보면 금방 익숙해지실 겁니다.

애초에 별 어려움 없는 설정이지만 좀 더 자세히 설명해드리고 싶어서 포스팅하게 됐습니다 ㅎㅎ

그럼 오늘도 즐거운 하루 보내세요!