안녕하세요~ 👋 치콩입니다!

글을 작성하기 앞서 앞으로의 블로그 작성글의 컨셉을 이렇게 소통이다 생각하고 누군가에게 설명하듯 작성하려고 합니다! 이 전의 글들은 나만 본다는 가정하에 나만 알기쉽게 작성하였는데,, 그러면 일기장에 쓰지 블로그에 글을 쓰는 의미가 없어지지 않을까,,🤔 싶은 마음이 들더라구요ㅋㅋㅋ 누군가에게 설명하듯 작성하다보면 나도 모르는 개념들을 조금 더 파악할 수 있지 않을까 싶은,, 아무튼 잘부탁드립니다

오늘은 미뤄졌고,, 아니 미뤄왔고,, 아니 그냥 하기 싫었고,, 그냥 핑계였고,,,,

어쨋든 공부해야지 해야지 하고 미뤄왔던 Combine에 대한 기초개념을 파악해 보려구 해요 🥳

RxSwift 와 Combine을 고민하였지만 결국 Combine은 애플에서 만든 프레임워크 이고 결국 Combine으로 대체되지 않을까하여

( 물론 찾아보니 UIKit에 Combine을 적용하려면 Rxcocoa 같은 CombineCocoa(?) 서드파티 라이브러리를 적용해야 한다고 하더라구요…? 그래도 전 Combine을 공부할겁니다 그냥 제가 그러고 싶어요 )

Combine의 등장 배경?!

다음과 같은 마법학교앱의 회원가입 기능이 있다고 가정해보자구요~

1. WizardName을 입력받기 위해 Target/Action 을 이용해서 유저로부터 입력을 받겠죠?
2. Timer를 통해 유저의 입력이 종료될때까지 기다려줘요 ( 입력이 끝날때까지 네트워크 통신을 하지 않을겁니다! 매번 통신을 요청하면 너무 비효율 적이잖아요? )
3. 입력이 끝났으면 네트워크 통신이 진행되는동안 KVO(Key-Value-Observing)을 통해 입력받은 이름이 유효한지 검사할꺼에요 ( PDF에선 그림이 짤렸지만 Progress가 돌고있습니다 통신 되는동안 응답값이 올때까지 기다려라! 하는걸 알려주는거죠!! )

위 같은 방식으로 Password의 유효성도 검증하게 될거에요

우리는 Combine을 알기 전, 익숙하게도 이렇게 코드를 작성해 왔잖아여?

그래서! 들어가는 비용이 어떠냐,,,

Network 통신을 위해 URLSession도 사용하고, Timer도 사용하고,

WizardName과 Password가 모두 유효한지 판단하여 버튼도 활성화 시켜주기 위해 KVC(Key-Value-Coding) 의 개념도 들어가고,

응답도 기다리고, 뭣도 하고 뭣도하고 ..

자자 봅시다

네트워크와 통신을 하기 위해 우리는 비동기적으로 처리를 하게 될거에요 그쵸!? ( WizardName의 유효성을 기다리는동안 앱이 멈추거나 다른것을 하지 못하게 되면 사용자입장에서 너무 난처하잖아여,,, )

그리고 이 비동기와 아울어 Password의 유효성도 검증하고, 동기적으로 모두 유효한지 체크하여 MainThread 에서 UI도 업데이트를 통해 버튼을 활성화 시켜 주어야해요 - KVC(Key-Value-Coding)

이처럼 비동기를 처리하기 위해 Cocoa SDK에는 다음과 같은 비동기 인터페이스들이 있었죠!?

• Target / Action
• Notification Center
• URLSession
• Key-Value Observing ( KVO )
• Ad-hoc Callbacks

이 인터페이스들은 매우 중요합니다! 비동기 구현할때 알아야 하는 인터페이스 들이에요! 이것들이 혼합되면,,?

복잡하겠지만.. 어쩔수 있겠냐구요,, 해야지,,

그래서!! Apple에서는 이 개념들을 대체한다기 보다 공통적인 사항을 찾았다고 합니다!

시간이 지남에 따라 값을 처리하기 위한 API !!!

이게 뭐다? 이게 Combine의 등장 배경이라고 합니다!

Combine은 Swift로 작성된 프레임워크이기 때문에 다음과 같은 기능들이 포함된다고 합니다

• Generic
  • 작성해야 하는 코드의 양을 줄일수 있어요!
  • 비동기 동작에 대한 알고리즘을 작성한 후, 다른 종류의 다양한 비동기 인터페이스에도 적용할수 있어요!
• Type Safe
  • 안정성이 보장되기 때문에 런타임 아닌 컴파일시간에 오류를 찾아낼수 있어요!
• Composition First
  • 핵심 개념은 간단하고 이해하기 쉽지만(컴포지션 기반이기 때문에…?) 결합 될수록 더 많은 기능을 수행할 수 있다고 합니다! ( 그래서 Combine..? )
• Request Driven
  • 요청 기반의 프레임워크 이기 때문에 앱의 메모리 사용량과 성능을 신중하게 관리할수 있다고 합니다!

Combine의 3요소

1. Publishers
2. Subscribers
3. Operators

위 세개 알면 Combine 공부 끝나는 거임!

물론! 언제나처럼! 공감하겠지만! 세개를 알면 알수록 공부는 끝이 안날꺼임 …

세개의 세부사항에 대해서는 추후 천천히 알아가고 일단! 간단한(?) 기본 개념만 먼저 알아봅시다!

Publisher

값과 오류가 생성되는 방식을 설명한다고 합니다… 이게 무슨 소리지? 잠깐 공식문서의 개요를 봅시다,

https://developer.apple.com/documentation/combine/publisher

Declares that a type can transmit a sequence of values over time.
유형이 시간이 지남에 따라 일련의 값을 전송할 수 있다고 선언합니다.

A publisher delivers elements to one or more Subscriber instances.
Publisher는 하나 이상의 Subscriber 인스턴스에 element를 제공합니다.

The subscriber’s Input and Failure associated types must match the Output and Failure types declared by the publisher.
Subscriber의 입력(Input) 및 실패(Failure) 관련 유형은 Publisher가 선언한 출력(Output) 및 실패(Failure) 유형과 일치해야 합니다.

The publisher implements the receive(subscriber:)method to accept a subscriber.
Publisher는 Subscriber를 구독하기 위해 receive(subscriber:) 방법을 구현합니다.

오 뭔가 이해가 될듯 말듯 하네요? 그렇다면 내장된 Publisher의 프로토콜을 살펴볼까요?

public protocol Publisher<Output, Failure> {
    associatedtype Output
    associatedtype Failure : Error

    func receive<S>(subscriber: S) where S : Subscriber, Self.Failure == S.Failure, Self.Output == S.Input
}

주석을 제외하고 실제로 내장에 구현되어 있던 녀석 가져옴

아하~ 그러니까 publisher 프로토콜에는 Output과 Failure의 타입이, 그리고 receive(subscriber:) 함수가 선언되어 있네요!?

receive(subscriber:) 함수에는 Self.Failure == S.Failure, Self.Output == S.Input 의 조건도 명시되어 있구요

오,, 공식문서 역시 정확하네요

다시 영상의 내용으로 돌아가서,,,

Failure 즉, Error를 생성할 수 없는 경우! ( 오류가 없는 경우,,? 다른 뜻인가 ,,,? )

암튼 이 경우에는 Never 를 할당 하면 된다고 합니다 ( 메모메모,, 왠지 제일 많이 쓸거같은 느낌이 든단말야? )

Publisher 프로토콜이 적용된 예시를 보도록 하죠! NotificationCenter입니다!

extension NotificationCenter {
    public struct Publisher : Publisher {
        public typealias Output = Notification
        public typealias Failure = Never

        public let center: NotificationCenter
        public let name: Notification.Name
        public let object: AnyObject?

        public init(center: NotificationCenter, name: Notification.Name, object: AnyObject? = nil)

        public func receive<S>(subscriber: S) where S : Subscriber, S.Failure == Never, S.Input == Notification
    }
}

이것도 Swift에 내장된 그대로 가져옴 ㅎㅎ ( 주석만 제거하고! )

NotificationCenter는 실패를 생성할 수 없는 경우인 Never 가 선언되어 있네요!?

그리고 해당 NotificationCenter를 초기화할때 NotificationCenter 와 Notification.Name 을 이용해 초기화 하는것을 볼수 있네요!

이처럼 NotificationCenter 자체가 Combine 등장과 함께 무언가로 대체 되는것이 아니고 Combine에 맞게 확장하여 사용하는것을 볼수 있습니다!

정리하면 Apple 에서는

Combine의 등장으로 기존의 Notification, URLSession 등 위에서 소개한 비동기 처리 인터페이스들을 새로운것으로 대체 하는게 아니라 Combine을 적용시키는 거임 OK? Right?

의 뜻이네요!!

너무 길어지는것 같아 다음 글에서는 Subscriber 와 Operator에 대한 간략한 설명을 살펴보겠습니다!

1년간 블로그에 새글이 없었다.

핑계라고 한다면,, 애플 아카데미에서 프로젝트를 하느라 바빳고 노느라 바빳다.

12월 16일 포항과의 인사를 끝내고 본가로 올라왔다.

걱정이 한둘이 아니였다, 우선 수료를 하긴 했는데 취업을 할 수 있을까?

9개월간 진짜 열심히 살았다 프로젝트 끝나고 공부 스터디 프로젝트 스터디 사이드 프로젝트 스터디..

12월 수료 한 후 집에 오자마자 짐을 풀고

일단 놀았다 1월부터 준비하자 라는 마인드로

1월이 되니 또 준비하기가 싫어졌다 마음은 불안한데 몸이 안따라줬음,,

그래서 생각정리 여행을 떠나기로 했다

1주일간 급하게 항공권을 구매하고 일본으로 여행을 갔다

아, 물론 가서 이력서랑 포폴 정리하려고 맥북도 챙겨갔다.

첫날 저녁 일본 카페에 앉아서 이력서를 정리하고 있는데 생각이 들었다

" 이러면 여행 온 의미가 없지 않나,,"

그대로 맥북을 캐리어에 넣고 여행 내내 꺼내지도 않았다, 개발에 대한 생각을 잠시 접어두고 그냥 즐겼다

맛있는것도 먹고 온천도 가고 이자카야 가서 혼술도 하고

그렇게 한국에 돌아오니 뭔가 마음이 편안해졌다

편안한 마음으로 다시 놀았다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

이정도면 그냥 취업할 생각 없는게 아닌가;;

2월 1일부터 이력서와 포폴을 정리하고

취업 플랫폼 ( 원티드, 사람인, 점핏, 잡코리아 )

무수히 많은 지원서를 냈다

iOS 직군은 신입으로 검색했을때 정~~~~말 없었다.

내가 들어갈 자리가 없다 라는 느낌보단

진짜 채용공고 자체가 너무 적었다

그렇게 80여개? 정도의 이력서를 찾아찾아가며 제출했고

5개정도의 회사에서 면접 제안이 왔다,

1개의 회사는 개인 사정으로 인해 면접 불참의사를 밝히고 4개의 회사에 면접을 봤다

결과적으로 4개의 회사중 3개의 회사에 합격하였고 3개의 회사에서 골라갔다.

누구나 가고싶어하는 네카라쿠배당토,, 의 대기업은 아니지만 내 목표는 뚜렷했다

1. 사수분이 계시는 회사에 들어가자

2. 우선 연봉보단 내 실력을 키울수 있는 환경에 들어가자

3. 경력을 우선 쌓자

3개의 조건에 부합하는 회사를 결정했고 현재 다니고 있다.

수습기간동안 사수분께서 이런 저런 사이드 프로젝트를 제시해 주셨다. 요구사항에 따라 사용해야할 기술들을 넣고 개발해보자고 하셨다.

많은 공부가 되었다 이게,, 일종의 테스트 였을까??

마지막 사이드프로젝트는 1주일안에 개발해 보자고 하셨고, 요구사항을 봤을때 1주일안에 도저히 무리일것 같았다

근데 어쩌겠어,, 난 신입이고 수습인데 까라면 까야지.. 

여차저차 1주일만에 개발을 하였고 사수분께 검사를 받았다.

사수분이 " 진짜 일주일만에 개발하시네요 그냥 한번 테스트 해본건데,,, "

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 기분좋은 칭찬이였다

말이 일주일 이지 그냥 한번 테스트 해보신 거였다고,, 

그렇게 3개월의 시간이 끝났고 수습이라고 할것도 없이 그냥 자동 전환이 되었다.

수습기간동안 만들었던 사이드 플젝들을 회고하며 사용했던 기술들에 대한 개념들을 다시한번 정리해봐야 할것같다,

시간에 쫒겨 개념이고 뭐고 그냥 일단 구현만 한거라,,, 개념을 자세히 파악해 보아야 할것 같다

이제 떳떳한 iOS 개발자가 되었지만 그럼에도 생각이 많다,

회사의 업무만 가지고는 개인적 성장이 더딜거같다.

6월 늦어도 7월부터는 SwiftUI기반의 사이드 프로젝트를 퇴근후 조금씩이라도 해볼 생각이다.

사내 앱이 일부는 Swift, 일부는 Objective - C 로 되어있기 때문에,

일단 컨버팅먼저,, 그리고나서는 SwiftUI로 조금씩 전환해 나가야겠다

최소지원버전이 올라간 만큼 SwiftUI도 안정적으로 되겠지,,

요즘은 Combine이라는 기술을 공부하려고 생각중이다.

회사 업무에 SwiftUI를 도입하기 전, 개인 사이드 프로젝트로 충분히 실력을 갈고 닦아서 서서히 회사 프로젝트에도 도입해 봐야지.

다음 글을 쓸때는 무수히 성장해 있길,,

문제

풀이 코드

struct Queue<T> {
    private var elements: [T] = []
    private var reverseElement: [T] = []

    public var size: Int {
        return elements.count + reverseElement.count
    }

    public mutating func push(_ element: T) {
        return elements.append(element)
    }

    public mutating func pop() -> T? {
        if reverseElement.isEmpty {
            reverseElement = elements.reversed()
            elements.removeAll()
        }
        return reverseElement.isEmpty ? nil : reverseElement.popLast()
    }
}

var queue = Queue<Int>()
let N = Int(readLine()!)!

for n in 1...N {
    queue.push(n)
}

while queue.size != 1 {
    queue.pop()
    if let item = queue.pop() {
        queue.push(item)
    }
}

print(queue.pop()!)

풀이 과정

그냥 Queue를 이용하여 풀면 될거 같았다.

큐를 이용해 간단하게 구현하였지만 시간초과가 발생했다.

그 이유는 removeFirst 때문인데 첫 요소를 제거하면 다음의 엘리먼트들을 앞으로 한칸씩 땡겨와야 하기 때문에 연산시간이 오래걸린다.

그래서 removeElement 라는 변수를 큐 구조체내에 따로 구현해 주고, reversed 를 통해 마지막 요소를 제거하도록 했더니 시간초과 문제가 해결 되었다.

알고리즘을 풀때 첫요소나 중간 요소를 제거하면 그만큼 연산시간이 오래 걸린다는것을 배웠다.

공식문서

A view that presents data using rows in a single column.

⇒ 단일 열에 배열된 행을 표시하는 뷰

• 단일 열에 수직 스크롤을 제공하는 콘텐츠 행을 표시
• 예를 들어 연락처 앱과 설정 앱이 있음
• 연락처 앱은 일반적인 TableView 를 표시하며, 설정 앱은 Group화 된 TableView를 표시
• 여러개의 행은 하나의 섹션으로 포함할수 있으며, 섹션은 헤더 와 푸터로 구성

구현해보기

1. Storyboard 에서 TableView와 TableViewCell 을 ViewController에 끌어다 놓자

2. 이렇게 끌어다 놓아 ViewController에 포함시키고 Cell에 대한 고유 값을 설정해 준다

3. cell을 선택한 상태로 오른쪽의 인스펙터 창에서 identifier에 구분할수 있는 이름으로 셀이름을 설정한다

( 예시에서는 "myCell" )

4. 해당 viewController 코드 파일에 TableView를 연결한다 ( IBOutlet )

[ storyboard 파일에서 control 을 누르고 코드쪽으로 끌어 당기면 연결된다 ]

5. datasource 프로토콜을 채택하고 내용을 구현해 준다

//
//  ViewController.swift
//  tableViewPrac
//
//  Created by Hong jeongmin on 2022/05/19.
//

import UIKit

struct myTableCell {
    var name: String
}

var nameArr = [
    myTableCell(name: "홍길동"),
    myTableCell(name: "이선비"),
    myTableCell(name: "개똥이"),
    myTableCell(name: "새이름"),
    myTableCell(name: "김하나"),
]

class ViewController: UIViewController {
    @IBOutlet weak var myTable: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        // 위임
        myTable.dataSource = self
    }
}

// DataSource => 각 테이블 행의 어떤 내용을 표시할지
extension ViewController: UITableViewDataSource {
    // 몇개의 행을 리턴할지
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return nameArr.count
    }
    
    // 각 행에는 어떤 내용을 포함 할지
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "mycell") else {
            fatalError("셀이 존재하지 않습니다.")
        }
        
        cell.textLabel?.text = nameArr[indexPath.row].name
        return cell
    }
    
    // 헤더의 이름 표시
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return "헤더입니다"
    }
    
    // 푸터의 이름 표시
    func tableView(_ tableView: UITableView, titleForFooterInSection section: Int) -> String? {
        return "푸터입니다"
    }
    
    // 몇개의 섹션을 구성할 것인지 표시
    func numberOfSections(in tableView: UITableView) -> Int {
        return 2
    }
}

6. 결과확인

datasource 를 반드시 설정해 주어야 해당 내용이 나타나니 코드를 잘 살펴보자~!

테이블뷰 기초 끝!

• 사진 세트와 같은 정렬된 콘텐츠 세트를 관리하고 커스텀 가능하고 시각적인 레이아웃으로 제공
• 컬렉션은 엄격하게 선형 형식을 시행하지 않기 때문에 크기가 다른 항목을 표시하는 데 적합
• 컬렉션은 이미지 기반 콘텐츠를 과시하는 데 이상적
• 배경과 같은 부수적인 뷰는 항목의 하위 집합을 시각적으로 구별하기 위해 선택적으로 구현

• 컬렉션은 상호 작용과 애니메이션을 모두 지원한다
• 기본적으로 탭하여 선택하고, 길게 터치하여 편집하고, 스와이프하여 스크롤할 수 있다
• 필요한 경우, 커스텀된 작업을 수행하기 위해 더 많은 제스처를 추가할 수 있다
• 컬렉션 내에서 항목을 삽입, 삭제 또는 재정렬할 때마다 애니메이션을 활성화할 수 있으며 커스텀 애니메이션도 지원한다

고려사항

• 행이나 그리드 레이아웃이 충분할 때 새로운 디자인을 만들지 마세요.
  • 컬렉션은 사용자 경험을 향상시켜야 합니다.
  • 항목을 쉽게 선택할 수 있도록 하세요. 컬렉션에서 항목을 탭하는 것이 어렵다면, 유저입장에서 앱에대한 불편한 인식을 남길수 있습니다.
  • 레이아웃을 깨끗하게 유지하고 콘텐츠가 겹치지 않도록 콘텐츠 주위에 적절한 패딩을 사용하세요.
• 컬렉션에 텍스트만 표시한다면, 테이블 뷰를 고려하세요.
  • 스크롤 가능한 목록에 표시될 때 텍스트 정보를 테이블 뷰로 구성하는 것이 더 간단하고 효율적입니다.
• 동적 레이아웃을 변경할 때 주의하세요.
  • 컬렉션의 레이아웃은 언제든지 변경할 수 있습니다.
  • 사람들이 레이아웃을 보고 상호 작용하는 동안 레이아웃을 동적으로 변경한다면, 변경 사항이 합리적이고 추적하기 쉬운지 확인하십시오.
  • 동기 부여되지 않은 레이아웃 변경은 앱을 예측할 수 없고 사용하기 어렵게 만들 수 있습니다.
  • 레이아웃 변경으로 인해 컨텍스트가 손실되면, 유저 입장에서 불편한 앱으로 인식될 수 있습니다.

⇒ 참고 문서