Life with Mac

tuist로 Clean Architecture 직접 설계 해서 만들어보기

ilovecoffee — Mon, 17 Jul 2023 09:00:40 +0900

우리 가족에게 온 천사 1명이 있어 천사가 될 때까지 보필하고, 천사를 키우느라 글 작성을 외면하였던 것에 반성하며 글을 쓴다.

Clean Architecture를 공부하며, tuist로 프로젝트 초기 세팅을 하면, 조금 더 쉽게 관리할 포인트가 있지않을까해서 작업해보았다.

iOS에는 Clean Architecture를 iOS에서 쉽게 사용할 수 있도록 Clean Swift로 된 템플릿을 작성하는 것이 있지만, Clean Architecture는 없다.

템플릿으로 만들 수도 있겠지만, 각 레이어마다 폴더가 다르게 생성되어야하는 데, 그런식으로 템플릿을 만들기엔 실력이 부족…한 탓도 있겠다.

천천히 시간을 갖고 만들어볼까 생각중이긴 하다.

Clean Architecture의 기본 트리 구조는 다음과 같다.

DI Container는 굳이 필요있을까 싶어 만들지 않았다.

기존에는 클린 아키텍쳐로 일일이 파일을 생성해서 만들었다.

이제 이 tree를 기반으로 tuist로 만들어보려고 한다.

Project에

Clean architecture의 기본 레이어인, Domain, Data, Presentaion Layer로 그룹을 만들어주고, 추가로 Extensions, Common 그룹을 만들어준다.

Common은 앱의 전반적인 관리를 할 수 있는 것으로 넣는다.(모듈로 빼는 것도 가능)

Extensions는 앱의 컴포넌트들을 추가로 확장하여 사용할 수 있는 파일들을 넣어준다.(이것도 역시 모듈로 가능)

Domain에는 DTO가 될 Model, 앱에서 직업 사용할 Model등을 그룹을 만들어 넣어준다.

UseCase와 Repository Interface 그룹을 만들어서 넣어준다.

Repository Interface는 Data Layer에 있는 것이 맞지만 프로토콜로 정의한 파일을 Interface에 넣어준다.

Data에는 Domain그룹에서 정의한 Respository 들을 구현하여 Repository 파일을 만들어 넣어준다.

그리고 Service 그룹을 추가하여, API 관련 파일들을 넣어준다.(모듈화 가능)

Presentation에는 화면 구성에 필요한 ViewControllrer과 ViewModel, Coordinator를 만들어준다.

디자인 패턴에는 MVVM이고, Coordinator이 들어가야하기때문에 그룹으로 생성했다.

나중에는 화면 단위로 모듈화할 수도 있기 때문에, Coordinator를 화면 단위로 분리한다.

각각 그룹에는 파일이 들어가있어야 그룹이 생성되므로, 꼭 주의하도록 한다.

사용할 앱을 이렇게 만들어준다.

각 그룹안에 파일이 생성되어있다면, tuist fetch를 해서 필요한 spm 패키지를 적용시키고, tuist generaste 명령어를 통해 프로젝트를 생성하도록 한다.

tuist generate를 하고 나면, 위의 tree구조와 유사하게 나오는 것을 볼 수 있다.

이제부터 열심히 써야겠다..

기초부터 하나씩 아이패드 캘리그라피 서평 이벤트

ilovecoffee — Mon, 28 Mar 2022 18:11:38 +0900

정말 운이 좋게 또 리뷰어에 선정이 되었습니다.

제가 요즘 swift를 기초를 다시 공부하면서 굿노트란 어플을 쓰며 공부를 하고 있는 데요.

워낙 글을 못 쓰다보니 실제로 글을 쓸 때도, 애플 펜슬로 글을 쓸 때도 적을 때만 알아보지, 다시 보면 못 알아먹을 정도의 글씨더라구요.

마침, 책도 받았겠다 내 악필을 벗어나보자! 하였지만 여전히 벗어나지는 못 했어요.

책 구성은 총 4가지 파트로 나뉘어있고요

프로크리에이트를 사용한 캘리그라피에대한 내용, 프로크리에이트 세팅법 도구 및 기능과 작업툴에 대한 설명까지 차근차근 잘 설명되어있어 처음 작성하는사람도 보고 따라하기 좋더라구요.

예제파일, 브러시, 팔레트, 체본을 추가로 제공해줍니다.

책속의 내용을 응용해서 긍정의 문구를 캘리그라피로 작성해서 굿노트에 사용할 수 있는 스티커도 만들 수 있어 좋았습니다.

굿노트에서 활용 가능!

책을따라 캘리그라피를 하다보면 온전히 나에게 집중할 수 있어 힐링되고 코시국에 집콕하며 즐기기 좋은 나를 위한 취미생활이 될 수 있을 것 같아요.

한가지 유의하셔야할 점은.. 앱을 유료로 구입하셔야한다는 점입니다.(약간 아쉽긴 한데, 다른 캘리 그라피 책을 보아도, 앱을 유료로 구입하더라구요.)

망설이다가, 앱을 구입하진 않고 무료로 살짝 대체하였지만, 캘리그라피를 연습해보는 시간이 점점 늘어나서, 조만간 구입을 해서 제대로 다시 해보려고 합니다ㅎㅎ

제품을 구매하기 위한 링크 : https://bit.ly/33ABQqy

본 리뷰는 제품을 제공받아 작성되었습니다.

Storyboard, Color, Image 등 Resource framework에서 관리하기

ilovecoffee — Mon, 7 Mar 2022 16:19:40 +0900

앱을 만들다 보면, 공통으로 사용하는 것들이 있어요.

color나 image 등이 대표적으로 사용되는 공통 리소스에요.

이 리소스를 리소스 framwork로 만들어서 관리하면, 중복되는 일도 없고, 한 곳에서만 관리하기 때문에 편할 것 같아요.

리소스 framework를 import해서 사용하면 되니까요.

물론 해당 편도 민소네님 글을 보고 작성하였습니다.

바로 이전 편에서 적용했던 프로젝트를 가지고 활용해보겠습니다!

지난 번 Service framework와 마찬가지로 dynamic framework를 생성해주세요.

메인 프로젝트 general -> Frameworks, Libraries, and embedded Content에 Resources 프레임 워크를 추가합니다.

그 다음 Resources framework에 Asset를 추가해줍니다. 저는 Image로 네이밍을 하였고, 해당 에셋에 이미지를 추가하였습니다.

해당 이미지들은 외부에서 코드로 불러와 사용하는 경우가 있으므로, 외부에서 접근할 수 있도록 코드를 만듭니다.

Resouces 프레임워크는 R 이라는 타입으로 접근하여 사용할 예정입니다.

Resource 프레임워크 안에 R.swift 파일을 만들고 아래와 같이 코드를 추가해줍니다.

/**
	R.swift
*/

public class R {
	static let bundle = Bundle(for: R.self)
}

프레임워크로 만들었고, 이미지를 불러올 때 Resources 프레임워크의 Bundle 위치를 알기 위해 내부에서 사용할 bundle을 만들었습니다.

이미지를 외부에서 접근할 수 있도록 코드를 추가하여줍니다.

/**
	R+Image.swift
*/

import UIKit

public extension R {
    enum Image { }
}

public extension R.Image {
    static var image01: UIImage { .load(name: "image_01") }
    static var image02: UIImage { .load(name: "image_02") }
    static var image03: UIImage { .load(name: "image_03") }
}

extension UIImage {
    static func load(name: String) -> UIImage {
        guard let image = UIImage(named: name, in: R.bundle, compatibleWith: nil) else {
            assert(false, "\(name) 이미지 로드 실패")
            return UIImage()
        }
        return image
    }
}

이제 외부에서 다음과 같이 이미지를 불러올 수 있습니다.

import Resources


	private let imageView: UIImageView = {
        let imageView = UIImageView()
        imageView.translatesAutoresizingMaskIntoConstraints = false
        imageView.image = R.Image.image01 //외부에서 Resources 프레임워크의 image 사용
        return imageView
    }()

위와 같은 방식으로 Color도 만들어서 사용할 수 있습니다.

images asset에 color를 만들어주세요.

위의 방법과 마찬가지로 외부에서 color을 사용할 수 있도록 코드를 추가합니다.

/**
	Resouces framework 내에 R+Color.swift 생성
*/
import UIKit

public extension R {
    enum Color { }
}

public extension R.Color {

    static var sampleRed: UIColor { .load(name: "sample_red") }
    static var sampleBlue: UIColor { .load(name: "sample_blue") }
    static var sampleGreen: UIColor { .load(name: "sample_green") }
    static var sampleYellow: UIColor { .load(name: "sample_yellow") }

}

extension UIColor {
    static func load(name: String) -> UIColor {
        guard let color = UIColor(named: name, in: R.bundle, compatibleWith: nil) else {
            assert(false, "\(name) 컬러 로드 실패")
            return UIColor()
        }
        return color
    }
}

외부에서 이미지와 마찬가지로 컬러를 불러올 수 있습니다.

import Resources

private let sampleView: UIView = {
        let view = UIView()
        view.translatesAutoresizingMaskIntoConstraints = false
        view.backgroundColor = R.Color.sampleRed
        return view
    }()

적용된 이미지와 컬러 화면입니다.

리소스를 메인 프로젝트와 분리하여 적용할 수 있다는 점이, 초기 세팅에는 시간이 약간 걸리지만 중복되는 코드와 이미지 파일등의 제거에는 해당 방법을 사용하는 것이 좋을 것 같습니다.

메인 프로젝트에 서브프로젝트 주입하기 - 01

ilovecoffee — Mon, 7 Mar 2022 12:53:19 +0900

안녕하세요. 오랜만에 기술(?)글을 작성하게 되었습니다.

우선 민소네님의 블로그를 참고하였고, 코드 역시 거의 비슷할 수 있습니다.

뭔가 매번 한 발 느린 것 같습니다만, 느려도 일단 시작은 해보는 걸로!

참고1: http://minsone.github.io/ios/mac/ios-framework-part-2-project-subproject-dependencies

[iOS][Xcode] Framework Part 2 : 프로젝트, 서브 프로젝트, Dependencies, 그리고 Static, Dynamic Framework

서론 프로젝트를 만들면 해당 프로젝트 내에 서브 프로젝트를 만드는 것에 이야기를 들어본적이 없었습니다. 프로젝트 하나에 모든 코드와 리소스가 다 들어가도록 개발을 했기 때문입니다. 하

minsone.github.io

참고2: http://minsone.github.io/ios/mac/ios-managing-color-image-storyboard-xib-from-resources-framework

[iOS][Xcode] Framework Part 3 : Storyboard, Xib, Color, Image를 리소스 프레임워크에서 관리

서론 각각의 기능으로 분리되어 있는 프로젝트들은 공통의 리소스를 가질 수 있습니다. 색상, 이미지, Lottie의 JSON 등을 말이죠. 각각의 프로젝트들은 공통의 리소스를 사용하여 개발해야 하기

minsone.github.io

2019년에 작성하셨던 글이지만, 저는 이제야 뒤늦게 모듈화의 중요성을 깨닫고, 공부하고 글을 올립니다.

~~tuist도 한 번 올려야겠어요.~~

메인 프로젝트 내부에 서브 프로젝트를 만들어서, 메인 프로젝트나 상위 프로젝트에서만 서브 프로젝트의 코드를 알 수 있도록 해보려고 합니다.

Build Phases -> Dependencies 를 이용하면 된다고 합니다.

기본 프로젝트를 하나 생성한 뒤에, New Group을 선택한뒤 그룹 이름을 Dependencies로 적어줍니다.

Dependencies로 선택된 상태에서 File -> New -> Project 혹은 command + shift + N을 누르셔도 됩니다.

Framework를 새로 만들게 되면 기본적으로 Dynamic Framework로 만들어집니다.

그 다음 Framework 선택

Product Name 설정을 해줍니다.

Add to: 는 메인 서브젝트

Group은 이전에 만들어두었던 Dependencies로 선택 후 Create

하게되면,

서브 프로젝트 생성 완료!!

메인 프로젝트의 General -> Frameworks, libaries, and Embedded Content에 Service.Framework 추가

Dynamic Framework가 많을 수록 로드하는 시간이 오래 걸리고, 메인 프로젝트에 Dynamic Framework를 많이 임베드하고 있어야한다고 합니다.

Dynamic Framework 프로젝트를 만들고, 이 프로젝트 안에 Static Framework를 만들게되면 Dynamic Library에 Static Library에 Executable file이 복사되기 때문에, 서브 프로젝트트는 많아 지더라도, 메인 프로젝트에서 가지는 Dynamic Framework는 적은 숫자로 유지할 수 있습니다.

Service -> Dependencies 의 Group을 생성해준 뒤, 위와 같이 Framework를 만들어 줍니다.

Dependencies를 잘 보고 선택해줍니다.

Service안에 있는 Denpendencies Group을 잘 선택하고, Create 하여 줍니다.

AppLogService(이하 서브프로젝트) 프로젝트 생성이 완료되었습니다.

서브프로젝트(AppLogService) 내에 BuildSettings -> Linking -> Mach-O Type을 Static Library로 변경해주세요.

Service 프로젝트에서 Build Phases -> Dependencies에서 서브프로젝트를 추가해줍니다.

이렇게요.

Service 프로젝트는 Dynamic Framework이고, AppLogService 프로젝트는 Static Framework으므로, Service가 빌드되면서 Service Dynamic Library에 AppLogService Static Library가 복사될 거에요.

코드를 작성해서 확인해봐요!

/**
	AppLogService 내 Service.swift 파일 생성 
*/

public class Service {
    public init() {}
    
    public func logging(text: String) {
        print("Send Log : \(text)")
    }
}

/**
	Service 내 Service.swift 파일 생성
*/

import AppLogService

public class Service {
    let appLogService: AppLogService.Service

    init() {
        self.appLogService = AppLogService.Service()
    }
    
     public func start() {
        appLogService.logging(txt: "Start")
    }
}

메인 프로젝트의 AppDelegate에서 다음과 같이 코드를 추가해주세요.

import UIKit
import Service

@main
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        
        Service().start()
        
        return true
    }
}

빌드 후 앱을 실행하게 되면 콘솔에 AppLogService 프로젝트에서 추가한 logging의 pirnt가 콘솔에 보일 거에요.

|| Send Log : Start

이렇게 보이게 됩니다.

민소네님의 글을 보면, Framework 폴더안에 Framework가 생성된 것을 볼 수 있는 데, 안보이더라구요.

메인 프로젝트만 Product로 나와있어서 해당 Product를 클릭하고, Pull Path를 얻을 수 있었어요.

주소를 들어가보면 다음과 같이 보여집니다.

위에서 생성했던 framework들이 다 있습니다.

터미널에서 확인을 한 번 해볼께요.

nm Service.framework/Service
0000000000002860 T _$s13AppLogService0C0C7logging3txtySS_tF
0000000000003ddc S _$s13AppLogService0C0C7logging3txtySS_tFTq
0000000000002750 T _$s13AppLogService0C0CACycfC
0000000000003dd4 S _$s13AppLogService0C0CACycfCTq
0000000000002840 T _$s13AppLogService0C0CACycfc
0000000000003f34 s _$s13AppLogService0C0CMF
00000000000031d0 T _$s13AppLogService0C0CMa
0000000000008328 d _$s13AppLogService0C0CMf
0000000000008300 D _$s13AppLogService0C0CMm
0000000000003da0 S _$s13AppLogService0C0CMn
0000000000008338 D _$s13AppLogService0C0CN
0000000000003190 T _$s13AppLogService0C0CfD
0000000000003170 T _$s13AppLogService0C0Cfd
0000000000003d8c s _$s13AppLogServiceMXM
00000000000025c0 T _$s7ServiceAAC06appLogA003AppcA0AACvg
0000000000003d10 S _$s7ServiceAAC06appLogA003AppcA0AACvpMV
0000000000003d18 S _$s7ServiceAAC06appLogA003AppcA0AACvpWvd
0000000000002650 T _$s7ServiceAAC5startyyF
0000000000003d70 S _$s7ServiceAAC5startyyFTq
00000000000025e0 T _$s7ServiceAACABycfC
0000000000003d68 S _$s7ServiceAACABycfCTq
0000000000002610 T _$s7ServiceAACABycfc
0000000000003f18 s _$s7ServiceAACMF
0000000000002730 T _$s7ServiceAACMa
0000000000008280 d _$s7ServiceAACMf
0000000000008258 D _$s7ServiceAACMm
0000000000003d34 S _$s7ServiceAACMn
0000000000008290 D _$s7ServiceAACN
00000000000026f0 T _$s7ServiceAACfD
00000000000026c0 T _$s7ServiceAACfd
0000000000003d28 s _$s7ServiceMXM
                 U _$sBoWV
                 U _$sSS19stringInterpolationSSs013DefaultStringB0V_tcfC
                 U _$sSS21_builtinStringLiteral17utf8CodeUnitCount7isASCIISSBp_BwBi1_tcfC
                 U _$sSSN
                 U _$sSSs20TextOutputStreamablesWP
                 U _$sSSs23CustomStringConvertiblesWP
00000000000031f0 t _$sSa12_endMutationyyF
                 U _$sSaMa
                 U _$ss26DefaultStringInterpolationV06appendC0yyxs06CustomB11ConvertibleRzs20TextOutputStrea

......

이하 줄임

Service 라이브러리의 Symbol 목록을 확인하면 AppLogService의 코드가 있는 것을 확인할 수 있습니다.

AppLogService 라이브러리를 위와 같은 명령어로 확인해보겠습니다.

AppLogService.framework/AppLogService(AppLogService_vers.o):
0000000000000038 S _AppLogServiceVersionNumber
0000000000000000 S _AppLogServiceVersionString

AppLogService.framework/AppLogService(Service.o):
0000000000000050 T _$s13AppLogService0C0C7logging3txtySS_tF
0000000000000548 S _$s13AppLogService0C0C7logging3txtySS_tFTq
0000000000000000 T _$s13AppLogService0C0CACycfC
0000000000000540 S _$s13AppLogService0C0CACycfCTq
0000000000000030 T _$s13AppLogService0C0CACycfc
0000000000000558 s _$s13AppLogService0C0CMF
0000000000000360 T _$s13AppLogService0C0CMa
00000000000003e8 d _$s13AppLogService0C0CMf
00000000000003c0 D _$s13AppLogService0C0CMm
000000000000050c S _$s13AppLogService0C0CMn
00000000000003f8 D _$s13AppLogService0C0CN
0000000000000320 T _$s13AppLogService0C0CfD
0000000000000300 T _$s13AppLogService0C0Cfd
00000000000004f8 S _$s13AppLogServiceMXM
                 U _$sBoWV
                 U _$sSS19stringInterpolationSSs013DefaultStringB0V_tcfC
                 U _$sSS21_builtinStringLiteral17utf8CodeUnitCount7isASCIISSBp_BwBi1_tcfC
                 U _$sSSN
                 U _$sSSs20TextOutputStreamablesWP
                 U _$sSSs23CustomStringConvertiblesWP
0000000000000380 T _$sSa12_endMutationyyF
                 U _$sSaMa
                 U _$ss26DefaultStringInterpolationV06appendC0yyxs06CustomB11ConvertibleRzs20TextOutputStreamableRzlF
                 U _$ss26DefaultStringInterpolationV13appendLiteralyySSF
                 U _$ss26DefaultStringInterpolationV15literalCapacity18interpolationCountABSi_SitcfC
0000000000000260 T _$ss26DefaultStringInterpolationVWOh
                 U _$ss27_allocateUninitializedArrayySayxG_BptBwlF
0000000000000280 T _$ss27_finalizeUninitializedArrayySayxGABnlF
                 U _$ss5print_9separator10terminatoryypd_S2StF
00000000000002c0 T _$ss5print_9separator10terminatoryypd_S2StFfA0_
00000000000002e0 T _$ss5print_9separator10terminatoryypd_S2StFfA1_
                 U _$sypN
                 U _OBJC_CLASS_$__TtCs12_SwiftObject
                 U _OBJC_METACLASS_$__TtCs12_SwiftObject
........

이하 줄임

Static Linker가 AppLogService Static Library를 Service Dynamic Library에 복사되는 것을 확인할 수 있습니다.

추가적으로 테스트를 하셨지만, 추가적 테스트 하신 부분에 있어서는 공부를 조금 더 해야할 것 같습니다.

ViewController, 프로젝트에 사용되는 공통적인 Resources(컬러, 이미지) 등을 사용하거나, 기능별(커스텀한 바텀시트, 얼럿창)로 적절히 분배하여 사용하면 좋을 것 같습니다.

이해가 부족할 수 있지만, 이상하다 싶은 내용이라면 언제든지 배움 주세요!

감사합니다.

LED 모니터 조명 럭시 MX1 사용기 한 번 써보겠읍니다!

ilovecoffee — Sun, 23 Jan 2022 20:24:49 +0900

안녕하세요.

이번 LED 모니터 조명 럭시 MX1 체험단에 당첨되어 글을 작성하게 되었어요!

후기를 한 번 써보겠읍니다!

대표사진 삭제

사진 설명을 입력하세요.

대표사진 삭제

심플 깔끔 귀욤

제품을 받아 사진을 찍어보았습니다.

재질은 알루미늄과 플라스틱으로 되어있는 데요. 제품의 불빛이 나오는 윗 부분은 알루미늄으로 되어있어요.

배터리 용량도 1,500mAh로 되어있어 한 번 충전해두면 오래 사용가능할 것 같습니다.

총 5단계로 되어있는 데, 단계별로 유지되는 시간이 나누어져있네요.

하단 부분에 적어보겠습니다.(당연히, 빛이 쎌 수록 지속 시간이 적어지는 건 다들 알고 계시겠죠?!)

짜잔 구성품입니다.

내용은 간단하게 들어있네요.

충전 케이블, 설명서, 제품 이렇게 들어있습니다.

제품이 120g으로 가벼우면서, 케이블 타입이 요즘 나오는 제품들에서 많이 사용하는 규격인 USB-C 타입으로 되어있어요.

~~예전엔 요런 가벼운 제품들 충전용으로 5핀 케이블 집에 많았는 데, 요즘은 C타입 케이블이 집에 넘쳐흘..~~

한국인이라면 설명서를 읽지않고 하겠지만, ~~사실 저도 안보고 와 켜지네 했다가 다시 여러가지 해봤어요 ㅎㅎ,~~ 읽어보시길 추천드립니다..ㅋㅋ

럭시 MX1 밝기 단계

노랑 - 아이보리 - 화이트 순입니다.

저는 개인적으로 아이보리를 더 사용하게 되더라구요.

노랑은 생각보다 노랗고, 하양은 어두울 때 혹시라도 조명을 보게되면 눈이 아파서..

아이보리를 단계별로 해놓고 사용합니다.

동영상 설명을 입력하세요.

밝기가 밝아서 좋았습니다.

보통 맥북보단, 맥미니에 연결해두고 사용하는 편이라, 일반 모니터에 연결해두고 사용하는 데요.

맥북에 바로 부착했을 때에는 높은 편이 아니다보니, 빛의 반경이 넓지 않은 데, 모니터에 달아 사용했을 경우에는 빛의 반경이 넓어 더 쾌적하게 일을 할 수 있었습니다.

아래는 이사 후 정리하지 못 한 책상샷입니다.

순서대로 노랑 -> 아이보리 -> 화이트 입니다.

노랑

아이보리

화이트

노랑은 개인적으로 책 읽을 때 쓰면 좋을 것 같고, 웹사이트에서 글을 읽을 때 좋을 것 같아요.

아이보리는 작업할 때 굉장히 쾌적했습니다.

화이트는 이건 개인 호불호가 갈리기 때문에! 잘 모르겠습니다 ㅎㅎ

이상 2주간 사용해본 럭시 모니터 조명이었는 데요.

집 작업공간 창에는 복도식 아파트라, 창이 복도로 나와있어, 울며겨자먹기로 블라인드를 쳐두었는데요.

평소 햇빛이 많이 들어오는 곳이라 밤까지 불을 키지 않아도 좋은데, 블라인드를 쳐두니, 좀 어두워지더라구요.

럭시 조명을 딱 달고나니, 재택근무하기가 아주 쾌적해져서 좋았습니다.

빛의 반경도 딱 제 작업공간만 비춰주고 있어 너무 좋네요.

이상으로, 럭시 조명 체험단 후기였습니다.

그럼 즐거운 주말 마무리 잘 하세요!

본 제품은 제공을 받아, 후기를 작성하였습니다.

Clean Swift

ilovecoffee — Tue, 11 Jan 2022 16:04:30 +0900

ViewController는 화면 업데이트를 담당하고,Interactor는 비즈니스 로직을 담당한다.

Presenter는 Interactor에서 비즈니스 로직을 통해 처리된 데이터를 받아 포맷팅한 데이터를 ViewController에 전달한다.

ViewController는 Display Logic Protocol을 채택하여 구현하고, 이를 호출하는 곳은 Presenter에서 한다.

변경된 데이터로 이루어진 화면을 변경해주기 위함이다.

Interactor는 Busness Logic Protocol을 채택하여 구현하고, 이를 호출하는 곳은 ViewController이다.

Presenter는 Presentation Logic Protocol을 채택하여 구현하고, 이를 호출하는 곳은 Interactor이다.

메소드를 호출할 때, 작업이 추가될 때마다 파라미터를 하나, 둘 씩 더해가는 데, clean swift는 파라미터를 묶고 하나의 구조체로 선언을 해준다.

파라미터를 구조체 하나만 넘긴다.

ViewController는 Interactor로 넘기는 Structure를 Request라고 부르고, Interacotr에서 Presenter로 넘기는 Structure를 Response라고 부른다.

Presenter에서 ViewController로 넘기는 Structure를 ViewModel이라고 부른다.

파라미터를 Structure 하나만 넘기는 경우, 기존의 파라미터를 추가 삭제할 때와 다른 차이점이 2가지 정도 발생한다.

메소드의 타입이 늘어나도, 메소드 선언을 바꿔줄 필요가 없다.
이 타입 선언들만 보더라도 데이터 흐름이 어떤지 대략적으로 쉽게 파악이 가능하다.

Router는 ViewController의 소유이며, 새 화면으로의 전환을 담당한다.

새 화면으로 전환하기 위해서는 2가지 일을 해주어야 하는 데,

새 화면을 띄워준다.
새 화면이 필요한 데이터를 주입시켜준다.

Woker는 Interactor이 소유하고 있으며, Interactor는 재 사용성이 없다. Presenter도 없다.

컴포넌트(Interactor, Presenter)이 VIP Cycle에 묶이기 때문에 재 사용성이 없다.

공통 로직 같은게 있다면, 별도의 Worker 클래스로 분리하는 것이 좋다.

공통 로직이 없더라도 데이터가 커지면 여러개 Worker를 두고 역할을 나누는 것이 좋다.

참고 :

https://youtu.be/3jRxPM3xBnY

https://choi-log-life.tistory.com/entry/iOS-Clean-Swift-VIP-Pattern

keychron retro k3 직접 써보고 느낀 후기

ilovecoffee — Fri, 7 Jan 2022 18:42:54 +0900

안녕하세요.

운이 정말정말 좋게도 키크론 k3 체험단에 선정되었는 데요.

사진 삭제

사진 설명을 입력하세요.

개발자의 입장에서, 사용해본 객관적인 후기를 적어보겠습니다

음 저는 회사에서 맥북을 지급받아 업무를 진행하고 있는 데요.

기존에 보유하고 있던 애플 1세대 블루투스 키보드를 사용하고 있었습니다.

그리고 데스크탑에는 레오폴드 흑축이나 저소음 적축을 사용하고 있었어요.

예전에는 유선 키보드를 선호했지만, 재택할 때도 많고, 출근할 때도 많다보니, 유선 키보드는 너무 불편했어요.

데스크탑에서 유선 키보드는 귀찮고, 무선 키보드를 찾다보니,, 맘에 드는 게 없고.. 사용하고 있는 레오폴드도 윈도우 전용이고, 항상 키를 바꿔서 사용해왔습니다.

그러다가 애플 키보드는 동시에 연결이 안되니,, 불편함을 느끼기도 하였고, 또 동료 개발자들이 바XX 무선 키보드를 구매하여, 잠시 체험해봤지만, 키가 눌러지는 느낌이 별로 더라구요.

서론이 너무 길었지만, 이제 체험해보며 느꼈던 부분을 적어보겠습니다!

그럼 시작!

사진 삭제

사진 설명을 입력하세요.

시작

참 저는 적축 키보드를 받았읍니다!

와우.. 새 키보드야..

네 제품이 도착했을 때에요. 같이 발송해주셨던 문서가 있었는 데요. 체험단 박스는 일정을 맞추기 위해 빨리 보내주시다보니, 박스가 훼손될 수 있다는 내용이었는 데, 전혀 그렇지 않더라구요. 깨-끗, 깔-끔

이제 구성품을 한 번 볼께요.

키보드와 간단한 가이드, 유선 케이블, 윈도유 유저들을 위한 별도의 키캡, 그리고 키캡 리무버가 동봉되어 있었어요.

처음 봤을 때 느낌은.. 사이즈와 높이가 애플 정품 블루투스 키보드와 거의 비슷 하더라구요.

이렇게 얇은 키보드에 커버라니?

커버도 동봉되어 있어, 이동하거나 사용을 다 한 후에는 덮어둘 수 있었습니다.

제가 여태껏? 구매한 적 거의 없지만 블루투스 키보드에 커버는 처음 봅니다.

~~저는 처음이니까 처음이라고 해주세요.~~

간단한 가이드도 동봉되어있었습니다.

앞

쓰면서 다시 보니 블루투스 연결 방법이 fn + 1 인데, fn + a네..?

가이드 수정이 필요할 것 같습니다.!

총 3대까지 가능하다고 하였는 데,

키보드를 보시면 1,2,3에 블루투스 이미지를 보실 수 있는 것이 있어요.

어휴 키보드에 먼지가..ㅠ

그래서 연결할 때에는 fn+1,2,3 중 길게 누르시면(체감상 한 2~3초) 해당 숫자에서 빨간 불이 깜빡 깜빡 하는 데요.

이때 연결할 장비에서 누르시면 바로 연결이 됩니다.

그리고 1번으로 연결된 장비에서 2번으로 바꾸고 싶다면? 어떻게 하면 될까요?

fn + 2를 한 번 눌러주시면, 숫자 2에서 빨간 불 점멸이 4번되면서 휙휙 바뀝니다 쉽죠?

~~쉽다고 해주세요..~~

사실, 키크론 제품을 받은 후 애플 키보드를 집 데스크탑에서 사용하고 있었는 데, 이마저도 필요없게 되버렸..어요

~~오랜만에 출근한 김에~~ 애플 1세대 블루투스 키보드와 비교를 해보았어요.

정면으로 봤을 때 애플 키보드보다 살짝 큽니다.

대신 키들이 붙어있어서, 위 아래 폭은 1세대 보다 작은 느낌입니다.

각도도 얼추 비슷해 보이구요.

키크론은 2단계의 각도를 조절할 수 가 있어서 편리하더라구요.

전 태권도 1단

2단은 못 땄어요

이렇게요. 오른쪽이 2단계로 가장 높은 각도로 키보드를 타이핑할 수 있습니다.

마지막으로, 타건 영상을 올릴게요.

비교 제품은 레오폴드 흑축입니다. 레오폴드의 제품이 나쁘다는 것이 아닌, 타건 영상을 비교해서 들어보시라고 올리는 것이니 참고만 부탁드려요.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

영상으로 타건

간단하게 비교해보실 수 있습니다.

키크론 타건 영상은,, 거실에서.. 저희집 장관님이 테이블 조립하고 계셔서 드릴 소리가 잠시 들릴 겁니다..ㅠㅠ

마지막으로,

위에 적은 부분 외에 추가로 장점, 단점을 적어보면..

장점은

1. 요새 유행하는 디자인(?) 이래요. 사실 저는.. 잘 모르고 있었어요. 근데 동료 개발자 분이 오셔서 요즘 유행하는 디자인이래요.. 아무튼 그래서 장점!!

2. 집에서 사용하는 적축, 흑축과 다르게 키보드를 누르면 쫀득쫀득한 느낌이 나서 오래 쳐도 불편하지 않더라구요. 수령한 다음 날부터 일할 때는 무조건 이 키보드를 사용했어요

3. 한 번 충전하면 오래 씁니다.

단점은(개인 적인 단점입니다?)

1. 설명서를 제대로 읽어보지 않는 저에겐, 절전 기능이 살짝 적응이 되지 않았어요. 설명서를 다시 보니 제대로 나와있었고, 절전 모드를 해지할까 하다가, 배터리 좀 아끼자 싶어서 절전 모드는 그냥 두었어요.

2. 일반적으로 정상 배열의 텐키리스 키보드를 사용하다보니, k3의 배열은 처음 적응이 되지 않았어요.

직업상 { 를 사용해야하는 경우가 굉장히 많은 데, 자동으로 손이 가서 눌러보니 } 을 누르는 경우도 있었고요.

~~함수를 열어야되는 데, 닫고 있었다 이말이야~~

.을 눌렀는 데, /가 눌리는 경우도 있었어요.

이 부분은 아직 적응하는 단계인듯 하지만, 개발자를 업으로 삼으시는 분들은 처음에 살짝 헷갈리실 수 있을 것 같아요.

개인적으로 키크론을 쳤을 때 느낌이 좋더라구요.

힘이 많이 들어가지도 않고 사무실에서 사용해도 동료들이 시끄럽지 않다고 하구요.

요즘 같이 코로나 시국에 출근하는 인원은 거의 없어서 조용한데, 그 때도 거슬리지 않는 소리라고합니다.

개발자로, 맥을 이용하는 유저로 k3는 추천해드리고 싶은 키보드입니다.

맥 블루투스 키보드를 사고 싶은 데, 정품은 쓰잘데기 없이 비싸고, 그 비용이라면, 키크론 k3 키보드를 추천드립니다.

그럼 이만 리뷰를 마칠게요!

사진 삭제

사진 설명을 입력하세요.

해당 리뷰는 본 후기는 키크론으로부터 제품을 제공받아 작성한 후기입니다.

조이스트 애플워치 스트랩 리뷰!

ilovecoffee — Tue, 31 Aug 2021 11:39:04 +0900

안녕하세요!

오랜만에 체험단에 선정되어 요리조리 써보고 느껴본 점을 적기위해 돌아왔읍니다.

맥쓰사에서 체험단 이벤트를 했던 조이스트의 애플 워치 스트랩 리뷰인데요!

우선 저와 내무부 장관님은 결혼기념일 선물로 애플워치 6를 선택했어요.

그리고 알리익스프레스에서 스트랩 주문을 했죠

역시 알리야 진짜..

저는 44mm을 선택했고 장관님은 40mm을 선택해서 주문을 했어요.

제가 좀 늦게 퇴근을 하고 돌아오니 장관님께서 알리에서 배송된 스트랩을 받아 낑낑대고 계시더라구요.

무슨 일인가 싶어 물어봤더니 스트랩이 워치에 껴지질 않는 데요..

그런데 제꺼는 읭? 잘 들어가더라구요? 그래서 장관님의 스트랩은 버렸습니다.

국내에서 구매할까 고민을 하던 찰나에 체험단에 선정되었습니다 ㅎㅎ

택배가 도착하여, 박스부터 뜯어보았어요

조이스트에서 보내주신 스트랩이 도착하였읍니다.

알리에서 보내줬던 시계줄 길이 조절하는 도구는 굉장히 불편했는 데, 동봉해서 보내주신 시계줄 길이 도구는 편하게 조정이 가능하더라구요.

굉장히 쉽게 뗐다 붙였다할 수 있었습니다.

호다닥 줄 작업 완료!

호다닥 길이 조절을 하고 끼워보시라고 올려드렸어요.

장관님의 애플워치는 실버인데, 잘 맞을까 잘 어울릴까 걱정을 했는 데, 색이 워치의 색과 맞아서, 예쁘더라구요.

한 번 보시죠!

애플워치 실버의 색감과 딱 맞아떨어지고, 스텐 재질 느낌의 착용했을 때의 시원함이 좋더라구요.

저도 한 번 착용해봤습니다.

일주일 넘게 착용해본 장관님의 말씀으론

1. 우선 체인이 뻑뻑한 부분이 없다.(워치에 끼우는 부분까지도)

2. 약간 무겁긴 하지만 스테인레스는 원래 그렇다

3. 색감이 잘 맞아 예쁘다

5. 주변에서 스트랩 예쁘다며 어디꺼냐고 물어본다고 합니다.

제 워치는 스페이스 그레인데, 조이스트에서 블랙으로 구매해보려고 합니다.

스테인레스 스트랩은 가격이 알리보다는 나가지만, 알리에서 판매중인 제품보다 훨씬 좋은 제품인 것 같습니다.

제가 화이자 2차 백신 맞을 때 병원에서 기다려주신 장관님의 스트랩 사진을 마지막으로

이상 후기를 마치겠습니다!

해당 리뷰는 제품을 제공받아 작성되었습니다.

@State, @Binding

ilovecoffee — Tue, 12 Jan 2021 09:11:26 +0900

안녕하세요?

갑자기 SwiftUI에 대해 글을 남겨보려고 하는 데요. 저도 외울겸...

슬슬 SwiftUI와 Combine으로 넘어갈 때가 아닌가 싶기도 해서 공부하고 있습니다.

우선 용어정리만 할게요

@State

상위 뷰가 가질 수 있는 상태프로퍼티이자 원천자료이다.
어떠한 데이터를 영속적인 상태로 저장하고 관찰하는 역할을 수행한다.

@Bingding

상위뷰가 가진 상태 프로퍼티를 하위 뷰에서 사용하고 수정할 수 있는 파생자료
값을 보유하고 있는 것이 아닌 값을 읽고 수정하여 다른 뷰에 갱신된 데이터를 전달하는 역할을 한다.

Ohi 액정보호 강화유리 필름 IPhone 11 pro max 체험기!

ilovecoffee — Wed, 21 Oct 2020 14:07:52 +0900

안녕하세요?

오하이 스크린 프로텍터 제품을 받아 사용해본 후기로 돌아왔습니다.

Ohi

맥쓰사에서 체험 이벤트를 진행하셔서 이번에도 신청을 해봤는 데, 운이 좋게 되어 후기를 써봅니다.

우선 제품의 패키징부터 보시죠.

제품을 뜯어보면 설치하는데 필요한 물품들이 들어있습니다.

설치 보조 툴 패키징에는 천닦는것과 카드로 미는 것 그리고 제품을 안전하게 붙일 수 있는 스티커가 들어가있는데요.

자 이제 제품 구성을 소개해드렸으니 부착을 해봐야겠죠?

저와 장관님은 아이폰 11 pro max 제품을 사용중입니다.

~~예전에 알리에서 그냥 pro로 보호 필름 10개 시켰던 기억이 갑자기 떠오르네요.~~

마침 장관님의 보호필름이 반이 금간 상태라 떼고 붙일 준비를 합니다!

어라? 사이즈가 왜 좀 차이나게 찍혀있네요? 왜 그러지? 그래도 잘 맞게 붙였으니 됐어요!

동봉되어있는 알콜솜으로 잘 닦아주고요!

먼지 없이 해주려고, 안경닦이 천으로 닦고, 스티커로 먼지를 뗐어요

참고로..붙이실 때 따순 물에 목욕 후에 따순 수증기땜시 먼지가 잘 안생기니 제일 좋은 건 샤워 후에 붙이시는 걸 강추드립니다!

전 프로처럼 보이고 싶어서 방 불을 끄고 스탠드 등으로 작업을 했는데요

붙이고 나니 먼지가 좀..ㅠㅠ

보호 필름을 붙여주었습니다! 먼지가 많아 보이지만, 윗 부분이라 닦아내면 됩니다!

사실 요즘 보호 필름은 붙이면 촤악 물결 처럼 퍼지는 보호필름이 많잖아요?

다들 많이 써보셨으니까 아실 것 같아요.

오하이 보호필름 제품은 기포가 굉장히 적게 남았더라구요. 다른데 다 남고 저기 아주 조그맣게만 기포가 생성되었어요.

저기엔 제가 미쳐 제거 하지 못한 먼지가 있었ㄱ..

먼지만 아니였다면 전체적으로 기포가 동봉되어있는 긁는 걸로 안긁어도 금방 사라지겠더라구요.

붙이고 나서 사파리로 네이버를 한 번 들어가봤어요. 사이즈도 딱 맞고 케이스도 잘 맞게 들어갔답니다. 먼지도 많이 묻지않고 사용하기 좋은 제품 같아요.

제품의 특성 한 번 보여드릴게요.

전 3번이 제일 맘에 듭니다.

요새 국내생산 하는 업체들도 많이 있고 그런데요, 3번 케이스에 안맞는 필름들도 많아서 실패를 많이 할 때가 있거든요.

여기까지 오하이 액정보호 강화유리 필름 체험기 였습니다!

해당 리뷰는 제품을 제공받아 작성하였습니다.