jk2b's dev blog

Data Types and Algebra

j2kb — Sun, 21 Jan 2024 01:06:24 +0900

Swift의 데이터 타입과 대수학(Algebra)의 관계에 대해서 알아보도록 하겠습니다.

데이터 타입과 대수학이 관계가 깊다는 얘기를 우연히 접한적이 있습니다. 데이터 타입은 제가 String, Int, Bool, Long, Short, unsigned Int 등 문자열, 실수 정수 등 여러 종류의 데이터를 나타내기 위한 것이다라는 생각을 바로 할 수 있었는데요

대수학은 뭘까요??…. 나무위키에 따르면 초중등교육에서는 미지수에 변수를 대입하는 기술이라고 하는데.... 그 이상의 개념은 저는 잘 모르겠어서 암튼 여기까지 하고 일단 넘어가 보겠습니다.

구조체와 대수학

먼저 아래와 같은 구조체를 정의해보겠습니다.

struct Some<T, U> {
	let first: T
	let second: U
}

위 구조체는 제네릭 타입으로 T, U를 받고 first와 second라는 2개의 필드에 각각 T, U의 타입을 가지고 있습니다.

만약 T와 U가 Boolean값이라면 Some이라는 구조체가 가질 수 있는 경우의 수는 총 4가지 입니다.

(true, true), (true, false), (false, true), (false, false)

만약 Boolean을 T에 3가지의 경우를 가질 수 있는 열거형을 U타입에 넘기면 어떻게 될까요?

enum SomeEnum {
	case a
	case b
	case c
}

Some<Bool, SomeEnum>(first: true, second: .a)
Some<Bool, SomeEnum>(first: true, second: .b)
Some<Bool, SomeEnum>(first: true, second: .c)
Some<Bool, SomeEnum>(first: false, second: .a)
Some<Bool, SomeEnum>(first: false, second: .b)
Some<Bool, SomeEnum>(first: false, second: .c)

이렇게 총 6가지의 경우가 나옵니다. 2*3이죠

만약 U의 위치에 Void를 넣으면 어떻게 될까요?? Void는 경우의 수가 () 한 개뿐이므로

2*1의 2가지 경우가 나오죠.

Void는 수학적으로 1을 의미한다고 해석하면 될 것 같기도 합니다?!

그렇다면 0은 어떻게 표현할까요??

간단합니다. Never라는 키워드를 Result타입의 Failure타입에서 보신적이 있으실 거에요.

Failure타입에 있을 경우 발생하지 않는다는 뜻을 나타내게 되는데요. Never의 실제 구현은 아래와 같습니다.

@frozen enum Never { }

케이스가 없는 열거형이네요.

실제로 아래와 같이 U에 Never를 넘길 경우 아예 구조체 인스턴스를 만들 수 조차 없습니다.

Some<Bool, Never>(first: true, second: ...???)

자 잠깐 정리하면

Bool은 2, Void는 1, Never는 0 이네요.

그리고 구조체에서는 T와 U의 경우의 수의 곱만큼 실제 구조체가 가질 수 있는 경우의 수가 존재하게 됩니다.

<Bool, Bool> = 2*2

<Bool, Void> = 2*1

<Void, Void> = 1*1

<Bool, Never> = 2*0

열거형과 대수학

열거형에서는 어떻게 될까요

enum ExampleEnum<T, U> {
	case a(T)
	case b(U)
}

위와 같은 열거형이 있다고 해봅시다. 그리고 구조체에서와 같이 아래의 총 4개의 열거형을 정의해보겠습니다.

ExampleEnum<Bool, Bool>
ExampleEnum<Bool, Void>
ExampleEnum<Void, Void>
ExampleEnum<Bool, Never>

그러면 열거형이 가질 수 있는 경우의 수는 아래와 같습니다

ExampleEnum<Bool, Bool>.a(true)
ExampleEnum<Bool, Bool>.a(false)
ExampleEnum<Bool, Bool>.b(true)
ExampleEnum<Bool, Bool>.b(false)
// 2+2

ExampleEnum<Bool, Void>.a(true)
ExampleEnum<Bool, Void>.a(false)
ExampleEnum<Bool, Void>.b(())
// 2+1

ExampleEnum<Void, Void>.a(())
ExampleEnum<Void, Void>.b(())
// 1+1

ExampleEnum<Bool, Never>.a(true)
ExampleEnum<Bool, Never>.a(false)
// 2+0

구조체와 다르게 곱연산이 아니라 합연산만큼 경우의 수가 있는 것을 볼 수 있습니다.

Optional을 예로 들어보겠습니다.

enum Optional<A> {
	case none
	case some<A>
}

여기서 none은 none(Void)로 볼 수 있을 것 같습니다. Optional.none(())와 Optional.none은 언제나 한가지의 경우만 존재하니까요.

그래서 Optional<A>의 경우의 수는 1 + A의 경우의 수만큼 존재할 수 있음을 알 수 있고 이를

Optional<A> = A? = 1 + A = Void + A

이렇게 볼 수 있겠네요

이걸 아는게 왜 중요할까요???

결론부터 얘기하면 실제 서비스를 만들기 위해 데이터를 모델링할 때 존재하지 않을 케이스를 만들지 않아서 불필요한 작업을 사전에 방지하는데 도움이 되기 때문입니다.

유저 정보를 API호출로 받아오는데 거기에는 이름과 나이 전화번호를 준다고 해봅시다.

또 전화번호는 국가코드와 국가코드 번호 그리고 숫자 번호가 있다고 해봅시다. 그리고 전화번호는 유저가 회원가입 시 입력할 수도 있고 안 할수도 있습니다.

이를 모델링 해보겠습니다.

첫 번째 방법

struct UserInfo {
	let name: String
	let age: Int
	let phoneNationalCode: String?
	let phoneNationalCodeNumber: String?
	let phoneNumber: String?
}

두 번째 방법

struct UserInfo {
	let name: String
	let age: Int
	var phoneNumber: PhoneNumber?
}

struct PhoneNumber {
	let nationalCode: String
	let nationalCodeNumber: String
	let number: String
}

제 생각에는 2 번째 방법이 보다 잘 도메인을 잘 표현했다고 생각이 듭니다. 단순히 optional unwrapping의 횟수를 3번에서 1번으로 줄여서가 아니라 개념적으로 동시에 존재해야만 존재할 수 있는 3가지 개념들을 제대로 표현해낸 방법이 2번째이기 때문입니다.

다른 예를 또 들어보겠습니다.

대기열 기능을 만드려고 합니다

대기열에는 다음 3가지 상태가 있습니다.

들어가기 전 ready상태
대기열에 들어가서 기다리는 waiting 상태로 이 때는 내 앞에 남은 사람의 숫자 n을 같이 보내줍니다
들어갈 수 있는 상태 finish

서버측에서 API Response 형상 예시를 보내왔습니다. 아래처럼 말이죠

{
	"status": "ready"
}

{
	"status": "waiting",
	"remaining_count": 6,
}

{
	"status": "finish"
}

어떻게 모델링하면 좋을까요??

첫 번째 방법

enum WaitingStatus {
	case ready
	case waiting
	case finish
}

struct Wating {
	case status: WaitingStatus
	case remainingCount: Int?
}

두 번째 방법

enum WaitingStatus {
	case ready
	case waiting(Int)
	case finish
}

당연히 2번째 방법이 좋습니다. 첫 번째 방법의 경우는 ready인데 9명이 기다리고 있다라는 상태를 가질 수 있는 가능성을 모델링에서 막아주고 있지 않기 때문입니다.

오랜만에 하는 포스팅이기 때문에 가벼운 글부터 시작해 보았는데요. 도움이 되셨을 지 모르겠네요ㅎㅎ

참고

https://namu.wiki/w/대수학

https://www.pointfree.co/episodes/ep4-algebraic-data-types

프로그래머스 리코쳇 로봇 swift

j2kb — Sat, 22 Apr 2023 17:15:17 +0900

문제설명

리코쳇 로봇이라는 보드게임이 있습니다.

이 보드게임은 격자모양 게임판 위에서 말을 움직이는 게임으로, 시작 위치에서 목표 위치까지 최소 몇 번만에 도달할 수 있는지 말하는 게임입니다.

이 게임에서 말의 움직임은 상, 하, 좌, 우 4방향 중 하나를 선택해서 게임판 위의 장애물이나 맨 끝에 부딪힐 때까지 미끄러져 이동하는 것을 한 번의 이동으로 칩니다.다음은 보드게임판을 나타낸 예시입니다.

...D..R
.D.G...
....D.D
D....D.
..D....

여기서 "."은 빈 공간을, "R"은 로봇의 처음 위치를, "D"는 장애물의 위치를, "G"는 목표지점을 나타냅니다.
위 예시에서는 "R" 위치에서 아래, 왼쪽, 위, 왼쪽, 아래, 오른쪽, 위 순서로 움직이면 7번 만에 "G" 위치에 멈춰 설 수 있으며, 이것이 최소 움직임 중 하나입니다.

게임판의 상태를 나타내는 문자열 배열 board가 주어졌을 때, 말이 목표위치에 도달하는데 최소 몇 번 이동해야 하는지 return 하는 solution함수를 완성하세요. 만약 목표위치에 도달할 수 없다면 -1을 return 해주세요.

제한사항

3 ≤ board의 길이 ≤ 100
- 3 ≤ board의 원소의 길이 ≤ 100
- board의 원소의 길이는 모두 동일합니다.
- 문자열은 ".", "D", "R", "G"로만 구성되어 있으며 각각 빈 공간, 장애물, 로봇의 처음 위치, 목표 지점을 나타냅니다.
- "R"과 "G"는 한 번씩 등장합니다.

풀이

저는 bfs로 풀었습니다.

아이디어

- 시작지점에서 보드판 위에 도달이 가능한 위치는 정해져 있습니다.(아무런 장애물도 없고 보드의 끝도 아닌 곳에서 멈춰설 수는 없으니까요)

- 각 위치에 도달하기까지 bfs로 최단거리를 구해보자!!

1. 시작지점과 골인지점을 찾습니다. 시작지점 찾을 때 찾는 김에 Queue에 넣었습니다

2. 장애물을 만나거나 보드판의 끝에 도달할 때까지 (아래, 위, 오른쪽, 왼쪽) 방향으로 쭉쭉 확인하며 나아갑니다.

3. 도달한 위치에 해당하는 visited배열의 값과 현재 내 이동횟수의 값을 비교해서 현재 내 이동횟수가 작으면 visited를 업데이트 해주고 Queue에 도달한 위치를 넣습니다

4. 큐가 빌 때까지 반복합니다

5. 골인지점의 값을 반환합니다.

func solution(_ board: [String]) -> Int {
    var visited = Array(repeating: Array(repeating: Int.max, count: board[0].count), count: board.count)
    var queue = [[Int]]()
    var goalI = 0
    var goalJ = 0

    for i in 0 ..< board.count {
        for j in 0 ..< board[0].count {
            let row = Array(board[i])
            if row[j] == "R" {
                queue.append([i,j])
                visited[i][j] = 0
            } else if row[j] == "G" {
                goalI = i
                goalJ = j
            }
        }
    }

    repeat {
        let item = queue.removeFirst()

        // 아래로 Y값을 증가시키며 가봅시다.
        var curI = item[0]
        var curJ = item[1]
        repeat {
            let row = Array(board[curI])
            if row[curJ] == "D" {
                break
            }
            curI += 1
        } while (curI < board.count)
        if visited[curI-1][curJ] > visited[item[0]][item[1]] + 1 {
            visited[curI-1][curJ] = visited[item[0]][item[1]] + 1
            queue.append([curI-1, curJ])
        }

        // 위로
        curI = item[0]
        curJ = item[1]
        repeat {
            let row = Array(board[curI])
            if row[curJ] == "D" {
                break
            }
            curI -= 1
        } while (curI >= 0)
        if visited[curI+1][curJ] > visited[item[0]][item[1]] + 1 {
            visited[curI+1][curJ] = visited[item[0]][item[1]] + 1
            queue.append([curI+1, curJ])
        }

        // 오른쪽으로
        curI = item[0]
        curJ = item[1]
        var row = Array(board[curI])
        repeat {
            if row[curJ] == "D" {
                break
            }
            curJ += 1
        } while (curJ < board[0].count)
        if visited[curI][curJ-1] > visited[item[0]][item[1]] + 1 {
            visited[curI][curJ-1] = visited[item[0]][item[1]] + 1
            queue.append([curI, curJ-1])
        }

        // 왼쪽으로
        curI = item[0]
        curJ = item[1]
        row = Array(board[curI])
        repeat {
            if row[curJ] == "D" {
                break
            }
            curJ -= 1
        } while (curJ >= 0)
        if visited[curI][curJ+1] > visited[item[0]][item[1]] + 1 {
            visited[curI][curJ+1] = visited[item[0]][item[1]] + 1
            queue.append([curI, curJ+1])
        }

    } while (!queue.isEmpty)

    return visited[goalI][goalJ] == Int.max ? -1 : visited[goalI][goalJ]
}

프로그래머스 요격 시스템 swift

j2kb — Thu, 20 Apr 2023 20:06:42 +0900

문제 설명

A 나라가 B 나라를 침공하였습니다. B 나라의 대부분의 전략 자원은 아이기스 군사 기지에 집중되어 있기 때문에 A 나라는 B 나라의 아이기스 군사 기지에 융단폭격을 가했습니다.
A 나라의 공격에 대항하여 아이기스 군사 기지에서는 무수히 쏟아지는 폭격 미사일들을 요격하려고 합니다. 이곳에는 백발백중을 자랑하는 요격 시스템이 있지만 운용 비용이 상당하기 때문에 미사일을 최소로 사용해서 모든 폭격 미사일을 요격하려 합니다.
A 나라와 B 나라가 싸우고 있는 이 세계는 2 차원 공간으로 이루어져 있습니다. A 나라가 발사한 폭격 미사일은 x 축에 평행한 직선 형태의 모양이며 개구간을 나타내는 정수 쌍 (s, e) 형태로 표현됩니다. B 나라는 특정 x 좌표에서 y 축에 수평이 되도록 미사일을 발사하며, 발사된 미사일은 해당 x 좌표에 걸쳐있는 모든 폭격 미사일을 관통하여 한 번에 요격할 수 있습니다. 단, 개구간 (s, e)로 표현되는 폭격 미사일은 s와 e에서 발사하는 요격 미사일로는 요격할 수 없습니다. 요격 미사일은 실수인 x 좌표에서도 발사할 수 있습니다.
각 폭격 미사일의 x 좌표 범위 목록 targets이 매개변수로 주어질 때, 모든 폭격 미사일을 요격하기 위해 필요한 요격 미사일 수의 최솟값을 return 하도록 solution 함수를 완성해 주세요.

제한 사항

1 ≤ targets의 길이 ≤ 500,000
targets의 각 행은 [s,e] 형태입니다.
- 이는 한 폭격 미사일의 x 좌표 범위를 나타내며, 개구간 (s, e)에서 요격해야 합니다.
- 0 ≤ s < e ≤ 100,000,000

풀이

1. 타겟들을 오름차순으로 정렬한다.

2. 가장 작은 end값을 가진 타겟값을 기준으로 이 end값과 다음 타겟의 start값을 비교한다

3. end보다 start값이 크면 미사일을 발사해서 end보다 아래에 있는 모든 타겟을 요격하고 end값을 갱신한다

4. 계속 반복!

5. 반복문 돌고 나서 나머지 타겟들을 요격하기 위해 한 발 더 발사!!!

정답

func solution(_ targets:[[Int]]) -> Int {
    var ans = 0
    let sorted = targets.sorted(by: { $0[1] < $1[1] })    
    
    var end = sorted[0][1]

    for target in sorted { 
        if target[0] >= end {
            end = target[1]
            ans += 1
        }
    }
    return ans + 1
}

SwiftUI 프로젝트 처음 만들면 생성되는 파일 뜯어보기

j2kb — Sat, 15 Apr 2023 19:35:49 +0900

제목만 보고 뭔가 싶으실 것 같아서 뭘 얘기하고 싶은지 부가적인 설명을 해보겠습니다

작성날이 토요일이기에 Saturday라는 이름으로 프로젝트를 한 번 만들었습니다

Saturday라는 폴더아래에 3개

- SaturdayApp.swift

- ContentView.swift

- Assets.xcassets 하나(위에 보이는 Assets이라는 이름되어 있는 거)

Preview Content라는 폴더아래에 1개가 있네요. 간단하죠?

- Preview Assets.xcassets

호오옥시 몰라 터미널에서 확인해보았는데 정말 4개가 전부입니다(. 한개는 현재 폴더 .. 는 상위 폴더를 의미합니다)

xcassets??

일단 오늘 다룰 주제는 아니니 간단히 언급만 하자면 xcassets는 XCode에서 사용할 각종 에셋들을 모아놓은 곳입니다. 이미지나 색깔 등등이 있습니다

App

자 그럼 이제 살펴볼 파일은 2개 남았는데 결론부터 말하면 SaturdayApp.swift에 앱을 켰을 때의 시작화면(?)을 표시하는 부분이 있고 ContentView.swift가 그 시작화면입니다

그럼 이제 우리는 SaturdayApp.swift파일만 보면 됩니다

import SwiftUI

@main                            /// 1
struct SaturdayApp: App {        /// 2
    var body: some Scene {       /// 3
        WindowGroup {            /// 4
            ContentView()
        }
    }
}

짠! 되게 간단합니다! 한 줄씩 찬찬히 음미해봅시다ㅎㅎ

@main

모든 프로그램은 진입점이 있어야 합니다. 당연히 App도 진입점이 있는데요

시스템에 여기서 시작해라고 알려주는 역할을 이 @main이 합니다.

학부가 컴공이시라면 C++을 대학교에서 배울 때 아래와 같은 코드를 많이 보셨을 거에요.

int main(int argc, char* argv[]) {
    return 0;
}

사실 요런 main() 코드가 UIKit 내부에서 불리고 있습니다.

위 글을 읽어보시면 아시겠지만

main함수 부르지 마 시스템에서 알아서 호출하니까 대신 네 앱의 진입점을 @main로 표시하면 되라고 써있네요!

과거에는 @UIApplicationMain이 이 역할을 했었는데 Xcode 12부터는 @main키워드도 이 역할을 수행하고 있습니다.

지금은 Xcode버전이 14이상이니 UIKit으로 만들던 SwiftUI로 만들던 @main키워드를 자동으로 붙여줍니다.

왜 역할이 같은 키워드를 또 만들었는지에 대한 내용은 살짝 길어질 것 같으니 다음에 열심히 정리해보겠습니다

밑에 green1229님 블로그 링크를 타고 들어가면 설명이 나와있으니 참고하셔도 좋을 것 같아요 :)

struct 앱의 이름: App

일단 App은 프로토콜입니다

정의를 보면 앱의 구조와 행동을 나타내는 타입이라고 하네요

Command + 클릭을 통해 들어가보면 7만줄 가까이되는 코드가 보이는데요. 그 중 App은 요렇게 생겼습니다.

@available(iOS 14.0, macOS 11.0, tvOS 14.0, watchOS 7.0, *)
public protocol App {
    associatedtype Body : Scene

    @SceneBuilder @MainActor var body: Self.Body { get }

    @MainActor init()
}

associatedtype Body : Scene

Scene프로토콜을 따르는 App 프로토콜에서 사용할 generic 타입을 정의하였네요

@SceneBuilder @MainActor var body: Self.Body { get }

단어별로 뜯어보면

@SceneBuilder

Builder는 뭔가를 만드는 객체를 Builder라고 하는데 그럼 Scene을 만드는 것이겠네?!라는 것을 알 수 있구

Scene은 내가 유저들에게 보여주고 싶은 View 계층을 담은 컨테이너입니다.

@available(iOS 14.0, macOS 11.0, tvOS 14.0, watchOS 7.0, *)
public protocol Scene {
    associatedtype Body : Scene
    
    @SceneBuilder @MainActor var body: Self.Body { get }
}

View는 무엇이냐?! 우리가 앱 켰을 때 화면에 보이는 Label이나 Image같은 UI요소 전부를 말합니다

@available(iOS 13.0, macOS 10.15, tvOS 13.0, watchOS 6.0, *)
public protocol View {
    associatedtype Body : View

    @ViewBuilder @MainActor var body: Self.Body { get }
}

WWDC에 소개된 그림을 보면 아시겠지만 App은 Scene들로 구성되어 있고 각 Scene은 View의 계층을 담고 있네요

@MainActor

A singleton actor whose executor is equivalent to the main dispatch queue.

라고 공식문서에 나와있습니다. 우리가 iOS 면접볼 때 필수적으로 공부해야할 그 DispatchQueue.main(sync는 호출하면 안되며.. serial큐이며...)이 맞습니다.

자, MainActor가 무엇이냐? Actor개념을 먼저 살펴보아야합니다.

Swift 5.5.1부터 추가된 Concurrency(동시성)와 관련된 개념인데요.

동시성 프로그래밍에서 발생하는 문제 data race 문제를 다루기 위해 추가되었다고 합니다.

Actor전에는 concurrent 큐에서 작업 하나 실행할 때 flags로 barrier를 준다든가 serial큐에서 sync를 쓰던가 해서 한 변수에 동시 접근하는 것을 막아왔더랬죠. Actor에서는 Isolated access와 nonisolated access를 제공합니다. 기본값은 isolated이구요 이렇게 하면 내부적으로 알아서 data race를 막아준다고 하네요

암튼 샛길에서 다시 돌아와서 본론으로 가면 main이라고 써있으니까 왠지 UI관련이 있을것 같죠? 맞습니다.

DispatchQueue.global().async { [weak self] in
    DispatchQueue.main.async {
        self?.testhLabel.text = "UI 업데이트는 언제나 Main thread에서"
    }
}

설명을 위한 예제입니다. 위 코드를 MainActor를 사용하면 아주 예쁘게 바꿀 수 있습니다

DispatchQueue.global().async { [weak self] in
    self?.updateLabel()
}

@MainActor
func updateLabel() {
    recentSearchLabel.text = "요로코롬하면 보라색 버그를 보지 않을 수 있어요"
}

하나 더 주의깊게 볼 것은

@MainActor가 var body라는 프로퍼티 앞에도 붙을 수 있다는 것.

예상이 되시겠지만 이 프로퍼티는 Main Thread에서 접근하세요라는 뜻입니다

var Body: some Scene

방금 위에서 언급한 View들의 계층구조를 담고 있는 그 Scene입니다.

WindowGroup

// 공식문서에 나온 거
struct WindowGroup<Content> where Content : View

// Xcode에서 Jump to Definition 눌러서 나온 거
public struct WindowGroup<Content> : Scene where Content : View {

정의를 보면 WindowGroup은 Scene 프로토콜을 준수했습니다. WWDC에서는 WindowGroup을 User Interface를 관리하는 Scene이라고 말하네요.

iOS보다는 iPadOS, macOS에서 사용되는 기능이구 여러 윈도우를 띄운다던가 여러 윈도우를 하나의 탭으로 묶는다던가 하는 기능들을 제공한다네요.ㅎㅎ

그래서 어차피 iOS는 윈도우 하나만 띄울거니 WindowGroup대신 Window로 할 수 있나 해봤더니 왠걸.. 지원을 안하네요

Window가 뭔지 더 찾아보았지만 딱히 더 쓸 것이 안나와서 여기서 나름대로 정리를 해보자면 WindowGroup은 Window들을 관리하는 기능을 담당하고 각 Window는 View 계층 을 담은 유니크한 인스턴스로 사용되는 것 같네요ㅎㅎ

이번 글을 쓰면서 느낀점은 너무 많은 개념들이 한 곳에 담겨있는 듯한 느낌을 받았습니다.

주제도 잘못 고른 것 같고 정리도 안되고 보기도 어렵고..

나중에 다시 개념 하나씩 하나씩 조급해하지 말고 다시 정리해야겠다는 생각이 드네요.

요즘 딱히 재밌는 것이 없어서 시간도 많은데 잘됐죠 뭐ㅎㅎㅎㅎ

아무튼 오늘도 읽어주셔서 감사합니다

참고 및 출처

https://developer.apple.com/videos/play/wwdc2020/10037/

https://medium.com/@abedalkareemomreyh/what-is-main-in-swift-bc79fbee741c

https://green1229.tistory.com/265

https://developer.apple.com/documentation/swiftui/app/main()

https://babbab2.tistory.com/180

https://ios-development.tistory.com/1063

https://itnext.io/mainactor-in-swift-detailed-walkthrough-94044c83118b

https://itnext.io/swift-actors-e80ff0dc1832

https://medium.com/hcleedev/swift-actor%EB%9E%80-f8f58c68dab9

https://itnext.io/thread-sanitizer-in-ios-8438ee3c8c76

https://developer.apple.com/videos/play/wwdc2022/10061/

이것들 말고도 많은데.... 도저히 정리가 안됨

테스트 더블이란

j2kb — Thu, 13 Apr 2023 08:35:40 +0900

테스트 더블(Test Double)이란 저자인 xUnit Test Patterns의 제라드 메스자로스(Gerard Meszaros)가 만든 용어로 테스트를 진행하기 어려울 때 대신 테스트를 진행할 수 있도록 도와주는 객체를 말합니다.

테스트 객체는 크게 5개의 종류로 나뉩니다요.

Dummy

Martin Fowler에 의하면 Dummy는 전달되지만 실제로는 쓰지 않을 객체를 말합니다. 그저 init할 때 parameter를 채우기 위한 용도로만 쓰이구요. 내부 구현은 하지 않습니다.

protocol SomeProtocol {
	func doSomething()
	func logSomething() -> String
}

class DummySomeProtocol: SomeProtocol {
	func doSomething() {}
	func logSomething() -> String {
		return ""
	}
}

Stub

Martin Fowler에 의하면 Stub은 미리 정한 값(예를 들면 더미값)을 테스트 시에 그대로 반환하는 역할을 합니다.

// 예제
class RecentKeywordsStub: RecentKeywordsRepository {
	let keywords = ["a", "b", "c"]
	func getRecentKeywords() -> [String] {
		return keywords
  }
}
// 테스트
func test_getRecentKeywords() {
   XCTAssertEqual(sut.getRecentKeywords(), sut.keywords)
}

Spy

스텁과 같은 역할을 하며 더불어 메소드 호출 여부와 호출 횟수를 기록하는 역할을 합니다. 솔직히 스파이는 써보진 않았습니다. 이 행위를 검증하는 역할을 Mock을 만들어서 검증을 많이 하였습니다. 그래도 일단 아래와 같이 사용할 수 있다고는 하네요. 테스트 마지막 부분을 보면 호출이 정확히 되었는지를 확인하고 있습니다

class QuotesServiceSpy: QuotesService {
    private (set) var quoteCalls: [[String]] = []
    private let stocks: [Stock]
    private let error: Error?
    
    init(stocks: [Stock] = [], error: Error? = nil) {
        self.stocks = stocks
        self.error = error
    }
    
    func getQuotes(symbols: [String], 
                   completion: @escaping (Result<[Stock], Error>) -> Void) {
        quoteCalls.append(symbols)
        if let error = error {
            completion(.failure(error))
        } else {
            completion(.success(stocks))
        }
    }
}

class WatchlistViewModelTests: XCTestCase {    
    func test_getWatchlistWithSymbols_callGetQuotes() {
        let stockSymbols = ["AAPL", "MSFT", "GOOG"]
        let watchlistStore = WatchlistStoreStub(stockSymbols: stockSymbols)
        let quotesService = QuotesServiceSpy()

        let sut = WatchlistViewModel(store: watchlistStore, 
                                     service: quotesService)
        sut.getWatchlist()

				// 여기서 정확히 호출이 되었나를 확인해 테스트 통과/실패
        XCTAssertEqual(quotesService.quoteCalls[0], stockSymbols)
    }
}

Fake

Martin Fowler에 의하면 Fake 객체는 동작하는 구현을 실제로 가지고 있지만 실제 상품으로 내기보다는 테스트를 위해 간편하게 만든 구현을 가지고 있습니다

아래 Fake만보기의 start함수의 구현을 예로 들면 실제 걸음수를 가지고 와서 업데이트 하는 것이 아니라 1초마다 걸음 수를 올리는 것처럼 말이죠. 이렇게 하면 실제 디바이스가 아닌 시뮬레이터에서 테스트를 하더라도 걸음수가 올라가는지 테스트를 할 수 있겠죠?!

import Foundation

class SimulatorPedometer: Pedometer {
  var timer: Timer?
  var distance = 0.0

  func start()
    timer = Timer(timeInterval: 1, repeats: true) { _ in
      self.distance += 1
    }
    RunLoop.main.add(timer!, forMode: RunLoop.Mode.default)
  }
}

Mock

Martin Fowler에 의하면 Mock은 함수들이 원하는데로 호출되었는지를 검증할 때 쓴다고 합니다. 으음.. 저는 여기까지만 읽었을 때에는 Spy와 너무 비슷한 느낌이 드는데요..? 뭐가 다른건지 참.

다음에 네트워크를 Mocking하는 것을 한 번 정리해보려고합니다. 맨 밑에 이미지에 각 테스트 더블들의 범위(?)를 나타낸 사진이 있는데 솔직히 저는 Mock은 행위 검증이든 상태검증이든 다 할 수 있는 것 같은 느낌이 들더라구요.

아무튼 테스트 더블의 종류들의 경계가 살짝 모호한 것 같고 칼로 딱 나눠자를 수 없다는 생각이 들었는데 저는 아래 그림처럼 이해를 해보니까 조금 더 도움이 되더랍니다.ㅎㅎㅎㅎ.. 누군가에게 도움이 되었기를

*https://docs.microsoft.com/en-us/archive/msdn-magazine/2007/september/unit-testing-exploring-the-continuum-of-test-doubles*

Although these types seem distinct in theory, the differences become more blurred in practice. For that reason, I think it makes sense to think of test doubles as inhabiting a continuum, as illustrated in Figure 2. - MSDN Magazine -

참고 및 출처

https://medium.com/@pena.fernan/test-doubles-by-example-in-swift-558e9f47de52

https://hudi.blog/test-double/

https://mokacoding.com/blog/swift-test-doubles/

https://www.martinfowler.com/bliki/TestDouble.html

https://codinghack.tistory.com/92

https://sujinnaljin.medium.com/swift-mock-을-이용한-network-unit-test-하기-a69570defb41

https://www.swiftbysundell.com/articles/mocking-in-swift/

SwiftUI - 선언형과 명령형

j2kb — Mon, 10 Apr 2023 21:21:49 +0900

안녕하세요 keibi입니다.

처음으로 인사를 하고 글을 쓰려고 하는데 소개부터 한참 시간이 걸리네요

아무튼...

오늘부터 SwiftUI 관련 공부하며 정리를 시작합니다.

개인프로젝트를 하려고 하는데 최신 프로그래밍 언어의 흐름도 공부할 겸 SwiftUI와 Combine으로 하기로 했거든요.

(SwiftUI로 preview그릴 때 맥북이 힘겨워하는 게 느껴지네요 5년 썼으니 바꿀 때가 된 듯합니다.)

맨 처음 짚고 넘어갈 것은 왜 SwiftUI인가?! 에 대해서 기존 UIKit과 비교해서 정리해보려고 합니다.

새로 나온 기술은 기존 기술과 다른 점이 있고 그 다른 점이 필요해서 나온 경우가 많으니까요

선언형과 명령형??? What과 How???

자료를 모으고 조사하면서 가장 먼저 정리해야겠다 싶은 것은 이 두 개념인 것 같아요.

먼저 선언형 프로그래밍은 명령형 프로그래밍과 대비되는 개념으로

프로그램이 수행할 동작을 순차적으로 나열하는 것이 아니라

결과적으로 구현하고자 하는 것을 '명세'하는 형태로 작성하는 프로그래밍 방법입니다.

WHAT(구현하고자 하는 것을 명세) vs HOW(수행할 동작을 순차적)

이게 무슨 말이죠??

예시를 들어볼게요

아내가 저에게 저녁밥을 차려야 하니 계란 10구짜리 하나 사 오라고 합니다

(아내 왈, 여보 간단하게 계란 장조림만 다시 해서 밥 묵자)

명령형 : 집으로 오는 길에 왼쪽을 확인한다

OO마트가 문을 열었는지 확인하고 들어간다

들어가서 왼쪽 신선식품 쪽으로 걸어간다

신선식품 코너 옆에 있는 10구짜리 계란을 집는다

결제할 곳으로 가지고 간다

카드로 결제한다

비닐에 계란을 담아서 집에 들고 간다

선언형 : 신선한 계란 10구 하나 부탁해~

차이가 보이시나요??

선언형은 무엇에 해당하는 '계란'에만 관심이 있고

명령형은 어떻게 계란을 살 수 있는지를 다 적는다는 차이가 있죠

저는 여기서 답답한 마음에 질문이 하나 생기더라고요.

아니 어쨌든 계란은 어딘가에 들려서 카드든 현금이든 내고

사 와야 하는데 필요한 다른 정보는 어디에 있는 거지??

답변부터 하자면 SwiftUI가 필요한 정보를 알아서 해결해 준다!입니다

선언형 방식이 동작하기 위해서는 '어떻게'에 해당하는 (마트 위치나, 결제 수단 같은 것들) 것들이 추상화되어 있어야 해요

아래와 같은 화면을 UIKit과 SwiftUI로 구현해서 차이점을 알아볼게요. 배경에 이미지와 글자만 있는 화면입니다.

먼저 SwiftUI

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            Color.purple
                .ignoresSafeArea()
            VStack {
                Image(systemName: "globe")
                    .imageScale(.large)
                    .foregroundColor(.black)
                Text("Hello, world!")
                    .font(.largeTitle)
            }
        }
    }
}

그리고 UIKit

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        view.backgroundColor = .purple
        
        let imageView = UIImageView(image: UIImage(systemName: "globe"))
        imageView.tintColor = .white
        imageView.scalesLargeContentImage = true
        imageView.translatesAutoresizingMaskIntoConstraints = false
        
        let textLabel = UILabel()
        textLabel.translatesAutoresizingMaskIntoConstraints = false
        textLabel.text = "Hello, World!"
        textLabel.font = .preferredFont(forTextStyle: .largeTitle)
        textLabel.textColor = .white
        
        view.addSubview(imageView)
        view.addSubview(textLabel)
        
        NSLayoutConstraint.activate([
            imageView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor),
            imageView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor, constant: -20)
        ])
        NSLayoutConstraint.activate([
            textLabel.centerXAnchor.constraint(equalTo: self.view.centerXAnchor),
            textLabel.centerYAnchor.constraint(equalTo: self.view.centerYAnchor, constant: 20)
        ])
    }
}

확실히 기존 UIKit은 어떻게까지 일일이 개발자가 쓰다 보니 코드의 양이 좀 더 많은 것을 볼 수 있고

SwiftUI는 많은 것이 미리 정의가 되어 있으니 보다 짧은 코드로 쓸 수 있는 것을 알 수 있죠

여기서 몇 가지 더 쓸 거 없나 끄적끄적거리다가 VStack을 뷰의 상단에 붙여보고 싶어졌어요.

그런데 VStack이 제공하는 옵션은 딱 2개뿐이더라고요 alignment, spacing

@frozen public struct VStack<Content> : View where Content : View {

    /// Creates an instance with the given spacing and horizontal alignment.
    ///
    /// - Parameters:
    ///   - alignment: The guide for aligning the subviews in this stack. This
    ///     guide has the same vertical screen coordinate for every subview.
    ///   - spacing: The distance between adjacent subviews, or `nil` if you
    ///     want the stack to choose a default distance for each pair of
    ///     subviews.
    ///   - content: A view builder that creates the content of this stack.

확실히 많은 부분이 추상화된 만큼 직접 건드릴 수 있는 부분은 적어진 것 같아요. 그럼 이럴 땐 어떻게 하냐?!

VStack {
    Image(systemName: "globe")
        .imageScale(.large)
        .foregroundColor(.white)
    Text("Hello, world!")
        .font(.largeTitle)
        .foregroundColor(.white)
    Spacer()
}

요렇게 밑에 길이가 남은 공간에 따라 줄어드는 Spacer()를 활용하면 요렇게 위에 붙일 수가 있습니다.(익숙해지려면 약간의 노하우(?)같은 지식이 필요하겠네요ㅎㅎ)

읽어주셔서 감사합니다!

언제든 잘못된 정보는 꼭 답글로 달아주시면 감사하겠습니다 ( _ _ )

Swift, Objective-C, C++ 같이 사용하기

j2kb — Sat, 25 Apr 2020 12:10:14 +0900

iOS 앱을 만들 때 모든 것을 다 Swift로 짜면 좋으련만 프로젝트를 진행하다보면 그렇지 못할 경우가 간혹 생깁니다.

Web RTC를 쓴다던지 게임 엔진을 같이 사용해야 한다던지 등등..

회사에서 cocos2dx 게임엔진이 메탈을 지원하기 때문에 cocos2dx를 swift와 같이 사용할 일이 생겼습니다.

이 때 처음으로 C++ 소스를 Swift와 같이 사용하게 되며 공부를 하였는데 어떻게 사용할 수 있는지 그 방법을 다시 정리해보았습니다.

결론을 말씀드리면 C++는 Objective C++로 Wrapping해서 Swift에서도 쓸 수 있습니다.

Photo credit: Cecilia Humlelu

Swift는 Objective C(++)과 C는 직접 상호동작이 가능하지만 C++은 그렇지 못한 걸 알 수 있습니다.

아래 순서대로 진행할 생각입니다.

1. Xcode 프로젝트 Swift로 생성

2. C++ 파일 작성

3. Objective C++ Wrapper만들기

4. 브릿지 헤더에 만든 Objective C++의 헤더 추가하기

5. Swift에서 호출하기

1. Xcode 프로젝트 Swift로 생성

편한 이름으로 언어는 Swift를 선택하시고 iOS 앱 프로젝트를 생성해주세요. 저는 CppTest로 하였습니다.

2. C++ 파일 작성

[File] -> [New] -> [File]을 눌러(혹은 ⌘N) 새로운 C++ source file을 만들어주세요.

생성 시 Also create a header file을 체크하고 만들어주세요. 저는 MyCpp로 하였습니다.

그러면 Bridge header를 만들 것인지 묻습니다. 만들어주세요

브릿지 헤더를 만듭니다

다 만들고 나면 아래와 같이 파일들이 생성될 것입니다.

C++ 파일 생성

*.hpp 파일을 열고 아래와 같이 입력해주세요.

// MyCpp.hpp

#include <string>
#include <iostream>

class MyCpp {
public:
    MyCpp();							// 생성자
    MyCpp(const std::string &text);				// 변수를 입력 받는 생성자
    ~MyCpp();							// 소멸자(Destructor)

public:
    void sayHello();						// Hello world를 출력하는 함수

    void setText(const std::string &text);			// m_text의 getter & setter
    const std::string &getText();
    
    void setNumber(const int number);				// m_number의 getter & setter
    int getNumber();

private:
    std::string m_text;						// 문자열 변수
    int m_number;						// 정수값 변수
};

*.cpp 파일을 열고 아래와 같이 입력해주세요.

//  MyCpp.cpp


#include "MyCpp.hpp"

MyCpp::MyCpp():m_text() {}
MyCpp::MyCpp(const std::string &text): m_text(text) {}
MyCpp::~MyCpp() {}

void MyCpp::sayHello()
{
    std::cout << "Hello world!" << std::endl;
    
}

void MyCpp::setText(const std::string &text)
{
    m_text = text;
}
const std::string &MyCpp::getText()
{
    return m_text;
}

void MyCpp::setNumber(const int number)
{
    m_number = number;
}

int MyCpp::getNumber()
{
    return m_number;
}

설명이 필요없는 아주 기본적인 각각 문자열과 정수값을 설정하고 반환하는 함수들입니다.

3. Objective C++ Wrapper만들기

새로운 objective-c 파일을 만들어주세요. 그리고 확장자를 .mm으로 바꿉니다. 저는 이름을 CWrapper.mm로 하였습니다.

방금 만든 파일의 헤더(header)도 만들어주세요. 제 파일은 CWrapper.h입니다.

Objective-C++을 생성하고 나서의 모습입니다. 아래쪽에 *.mm과 *.h가 하나씩 추가되었습니다.

*.h를 작성해 주세요

//  CWrapper.h

#import <Foundation/Foundation.h>

@interface CWrapper : NSObject
- (instancetype)initWithText:(NSString*)text;
- (void)helloWorld;

- (void)setText:(NSString*)text;
- (NSString*)getText;

- (void)setNumber:(int)number;
- (int)getNumber;
@end

C++에 있던 것과 마찬가지로 문자열을 입력받는 상속자와 문자열, 정수값을 설정하고 반환하는 함수들을 선언하였습니다.

이제 *.mm을 작성해 주세요.

만약 복붙이 아니라 직접 입력을 하신다면 헤더 파일을 만들어서 자동완성에 함수가 뜨는 것을 볼 수 있습니다.

#import "CWrapper.h"
#include "MyCpp.hpp"

@interface CWrapper()
@property MyCpp *cppItem;
@end
@implementation CWrapper
- (instancetype)init
{
    self = [super init];
    self.cppItem = new MyCpp();
    return self;
}
- (instancetype)initWithText:(NSString*)text
{
    self = [super init];
    self.cppItem = new MyCpp(std::string([text cStringUsingEncoding:NSUTF8StringEncoding]));
    
    return self;
}

- (void)helloWorld
{
    printf("Hello world");
}

- (void)setText:(NSString *)text
{
    self.cppItem->setText(std::string([text cStringUsingEncoding:NSUTF8StringEncoding]));
}

- (NSString *)getText
{
    return [NSString stringWithUTF8String:self.cppItem->getText().c_str()];
}

- (void)setNumber:(int)number
{
    self.cppItem->setNumber(number);
}

- (int)getNumber
{
    return self.cppItem->getNumber();
}
@end

4. 브릿지 헤더에 만든 Objective C++의 헤더 추가하기

아래와 같이 방금 만든 Objective C++의 헤더를 추가해주세요. 이제 준비는 끝났습니다.

[project name]-Bridging-Header.h

// CppTest-Bridging-Header.h

#import "CWrapper.h"

5. Swift에서 호출하기

ViewController.swift

//  ViewController.swift

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let cppItem = CWrapper();

        cppItem.helloWorld()
        print(cppItem.getText())
        cppItem.setText("This is test string")
        print(cppItem.getText())

        
        let cppItem2 = CWrapper(text: "Hi my name is cpp");
        print(cppItem2?.getText())
        
        cppItem2?.setNumber(33)
        print(cppItem2?.getNumber())
    }
}

실행하면 콘솔에 다음과 같은 로그를 볼 수 있습니다.

(std::endl은 콘솔에서는 동작하지 않네요ㅠ ㅎㅎ)

[참조]

(첫 번째 사진)

https://medium.com/@cecilia.humlelu/using-c-c-and-objective-c-frameworks-in-swift-apps-6a60e5f71c36

Using C, C++ and Objective-C frameworks in Swift apps

I did a talk in try!Swift Tokyo this year about using C, C++ and Objective-C frameworks in Swift apps. The presentation was quite concise…

medium.com

https://developer.apple.com/documentation/swift/imported_c_and_objective-c_apis/importing_swift_into_objective-c

Importing Swift into Objective-C | Apple Developer Documentation

Article Importing Swift into Objective-C Access Swift types and declarations from within your Objective-C codebase. OverviewYou can work with types declared in Swift from within the Objective-C code in your project by importing an Xcode-generated header fi

developer.apple.com

https://www.ekreative.com/blog/using-c-code-and-libraries-in-applications-written-in-swift/

Using C ++ code and libraries in applications written in Swift

Swift is a cool high-level programming language, but it’s still quite young and doesn’t have as many libraries and components as Objective-C.

www.ekreative.com

[Flutter 기초] Flutter와 Firestore 연동하기(Android studio)

j2kb — Sat, 11 Apr 2020 14:02:15 +0900

이 글은 Youtube Flutter강의를 번역하였습니다.

기본적으로 영상의 내용과 같습니다.

다만 2년 전 영상이라 그런지 그대로 따라할 경우 Multidex와 관련한 오류가 발생해 빌드가 되지 않는데 그 부분만 추가하였습니다.

언젠가 다시 Firestore를 활용해 앱을 만들 때 영상을 다시 볼 수 없으니 해야할 것들만 딱 정리하도록 하겠습니다.

[참고 내용]

Multidex에서 dex는 Dalvik Executable의 약어입니다. android 앱은 기본적으로 Simple하고 Small하게 만들어지도록 되어있어서 65,536개의 Method들만 사용할 수 있도록 되어있다고 합니다. Method들의 수가 이 숫자를 넘어갈 경우 Multidex 오류가 발생한다고 합니다. 이 경우 앱 수준의 build.gradle에서 multiDexEnabled true를 바꿔주지 않으면 iOS앱은 잘 되는데 Android앱은 빌드가 안되는 오류가 발생합니다.

1, Firestore 저장소 만들기

firebase에 접속하여 프로젝트를 추가합니다

2. Android studio에서 flutter 앱 만들기

이름은 jk2b_test로 만들었습니다

패키지 이름은 com.jk2b.jk2btest로 만들었습니다. 추후에 Firebase에서 앱을 등록할 때 사용합니다.

따로 적지 않아도 [app]->[src]->[main] 밑의 AndroidManifest.xml에서 확인할 수 있습니다

3. Firebase에 iOS와 Android 앱 추가하기

저는 jk2b-test로 만들었습니다

앱은 여러개를 추가할 수 있습니다. 먼저 iOS를 추가하겠습니다

앱 등록 후 구성파일을 다운로드 합니다. 그리고 xcode를 엽니다(Runner.xcworkspace)

방금 다운 받은 plist파일을 넣어줍니다.

다음 Android를 추가합니다

똑같이 구성파일을 다운로드 받고 몇가지 코드를 넣어줍니다. 프로젝트 수준의 build.gradle에 dependencies를 추가해주고

classpath 'com.google.gms:google-services:4.3.3'

앱 수준의 build.gradle에 apply 구문도 추가해줍니다.

apply plugin: 'com.google.gms.google-services'

defaulfConfig 부분에 multiDexEnabled 설정도 넣어줍니다

defaultConfig {
  // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
  applicationId "com.jk2b.jk2btest"
  minSdkVersion 16
  targetSdkVersion 28
  versionCode flutterVersionCode.toInteger()
  versionName flutterVersionName
  testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
  multiDexEnabled true
}

4. Firebase에 Database 만들고 규칙 수정

보통 테스트 모드로 만드는데 저는 별 이유 없이 프로덕션 모드에서 시작하였습니다. 그래서 규칙을 수정해주어야 나중에 접근이 가능합니다. 데이터베이스 지역은 일본에 있는 동아시아로 하였습니다.(아무래도 거리가 가까우니 미국보단 빠를 것 같아서)

5. 데이터 추가

지금 만들앱에서는 문서이름은 필요가 없고 컬렉션 이름은 앱에서 알고 있어야합니다.

컬렉션은 Test로 만들고 문서 이름은 랜덤하게 생성해주는 기능을 사용했습니다.

필드에 name과 votes를 추가해줍니다

6. 코드 작성

이제 widget을 만들고 Firebase를 가져오는 코드를 만들어보겠습니다

main.dart를 엽니다.

cloud_firestore.dart를 import하고 firestore instance를 가져옵니다.

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());


class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Firestore firestore = Firestore.instance;
  @override

  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Band Name Test",
      theme: ThemeData.dark(),
      home: const MyHomePage(title: 'Band names'),
    );
  }
}

화면에 보여줄 위젯을 생성합니다

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text(title),
      ),
      body: StreamBuilder(
          stream: Firestore.instance.collection('Test').snapshots(),
          builder: (context, snapshot) {
            if (!snapshot.hasData) return const Text('Loading...');
            return ListView.builder(
              itemExtent: 80.0,
              itemCount: snapshot.data.documents.length,
              itemBuilder: (context, index) =>
                  _buildListItem(context, snapshot.data.documents[index]),
            );
          }
      ),
    );
  }
}

_buildListItem 메소드를 만들면 끝!

  Widget _buildListItem(BuildContext context, DocumentSnapshot document) {
    return ListTile(
      title: Row(
        children: <Widget>[
          Expanded(
            child: Text(
              document['name'],
              style: Theme.of(context).textTheme.headline,
            ),
          ),
          Container(
            decoration: const BoxDecoration(
              color: Color(0xffddddff),
            ),
            padding: const EdgeInsets.all(10.0),
            child: Text(
              document['votes'].toString(),
              style: Theme.of(context).textTheme.display1,
            ),
          )
        ],
      ),
      onTap: () {
        print("should increase votes here.");
        document.reference.updateData({
          'votes': document['votes'] + 1
        });
      },
    );
  }

[Tip] Xcode PROJECT_ROOT BuildSetting에서 쓰는 변수명 출력하기

j2kb — Thu, 9 Apr 2020 14:54:41 +0900

터미널을 열고 프로젝트가 있는 디렉토리에서 아래 명령어를 입력해주면 됩니다.

xcodebuild -project {project name}.xcodeproj -target iosSample -showBuildSettings | grep {variable name}

xcodebuild -project test.xcodeproj -target iosSample -showBuildSettings | grep PROJECT_ROOT

[Swift] 원하는 앱의 document 폴더 확인하기

j2kb — Mon, 6 Apr 2020 20:52:22 +0900

가끔 개발을 하다보면 앱 안에서 파일을 읽고 써야하는 경우가 발생합니다

iOS에서는 파일을 쓸 수 있는 곳이 정해져 있는데 그 중에 한 곳이 documents입니다.

이번 글에서는 documents를 열어 파일을 확인하는 방법을 알아보겠습니다.

Xcode의 [Window] -> [Devices and Simulators]를 엽니다

아래와 같은 창이 나오면 document를 보고자 하는 앱을 선택해줍니다

그리고 아래쪽에 설정 모양의 아이콘을 누른 후 Download Container... 를 눌러줍니다

그 다음 폴더에서 오른쪽 다운로드 받은 항목에서 마우스 오른쪽 버튼을 누른 후 패키지 내용 보기를 눌러줍니다

그러면 아래와 같이 AppData폴더 아래에 Documents폴더가 있는 것을 확인할 수 있습니다.