Ekko

Swift) Enum 열거형

Ekko0701 — Mon, 2 Jan 2023 20:19:37 +0900

https://zeddios.tistory.com/12

https://ujeon.medium.com/swift-enums-f75124db5271

https://jusung.gitbook.io/the-swift-language-guide/language-guide/08-enumerations

Enum (열거형)은 관련된 값으로 이루어진 그룹을 공통의 형(type)으로 선언해 안정성을 보장하는 방법으로 코드를 다룰 수 있게 해 준다. 다시 말해 유사한 종류의 여러 값들을 유의미한 이름으로 한 곳에 모아 정의한 것이다. 열거형 자체가 하나의 데이터 타입이다. 또한 다른 언어의 열거형과는 많이 다르고 상속이 불가능하다는 특징이 있다.

직접 사용 해보면서 알아보자.

열거형은 enum 키워드로 생성이 가능하고 타입이기 때문에 대문자로 시작해야 한다. 그리고 각 case에 값들을 입력해 준다. 한 줄에 여러 값을 입력해도 된다.

다음과 같이 사용한다.

이미 말했듯이 열거형은 데이터 타입으로 변수를 선언할 때 변수에 타입을 알려줄 수 있다.

그리고 enum은 switch문에 자주 사용되는데 변수에 들어올 값을 미리 정의해뒀기 때문이다.

원시값 ( Raw Values )

case에 raw 값 ( = 원시값)을 지정할 수도 있다.

위의 예제를 보면 sunny에만 원시값 1을 주었는데 만약 원시값을 할당하지 않으면 Swift에서 자동으로 값을 할당해 준다.

cloudy는 암시적으로 2 그리고 rainy는 3이 할당된다.

또한 원시값은 String, Character, Float, Double 등의 타입도 가능하다. 단, 원시값은 유일한 값으로 중복되어서는 안 된다.

Double 형으로도 함 해보자.

에러가 발생하는데 원시값이 정수값이 아니라면 정의하라고 한다.

이렇게 하면 또 잘 나온다. 참고하자.

Double형도 그렇고 만약 Character Type을 원시값으로 사용하면 원시값을 자동으로 할당해주지 않기 때문에 모든 case에 원시값을 할당해줘야 한다.

이번엔 원시값을 String으로 해보자.

보이는 것과 같이 String을 원시값으로 사용하면 case 텍스트가 원시값으로 자동으로 할당된다.

원시값을 사용해서 열거형 변수를 초기화할 수도 있다.

nowDirection은 원시값이 "west"인 값인 west가 된다.

단, rawValue가 없는 값이 있을 수 있으므로 Optional 타입으로 반환된다.

추가로 관련값(Associated value)과 원시값(raw value)을 함께 사용할 수는 없다.

열거형에 메서드를 추가할 수도 있다.

마지막으로 프로토콜도 채택할 수 있다.

지금까지 enum에 대해 알아보았다.

Swift) Struct & Class

Ekko0701 — Mon, 2 Jan 2023 17:13:39 +0900

Struct와 Class는 프로그램 코드를 조직화하기 위해 일반적으로 사용한다. 객체 지향에 필수 요소이기도 하다.

구조체 ( Struct )

대부분의 타입이 구조체이다
타입을 정의하는 것이기 때문에 대문자 Camel-case를 사용한다.
Property와 Method로 나뉜다.
값 타입
구조체 변수를 새로운 변수에 할당할 때마다 새로운 구조체가 할당된다.
= 같은 구조체를 여러 개의 변수에 할당한 뒤 값을 변경시키더라도 다른 변수에 영향을 주지 않는다. (값 자체를 복사)

구조체 선언

간단한 구조체를 만들어 보았다.

구조체 안에는 Property(속성)와 Method(메서드)가 있다.

인스턴스 생성 및 프로퍼티 접근

점(dot) 문법을 통해 구조체 인스턴스의 프로퍼티에 접근할 수 있다.

타입 프로퍼티 및 메서드

static이 붙은 타입 프로퍼티와 타입 메서드는 SomeStruct라는 타입 자체에서 사용 가능한 프로퍼티와 메서드이다.

타입 프로퍼티와 타입 메서드는 인스턴스에서는 사용할 수 없다.

클래스

참조 타입
ARC로 메모리를 관리
같은 클래스 인스턴스를 여려 개의 변수에 할당한 뒤 값을 변경시키면 할당한 모든 변수에 영향을 준다. (메모리 복사)
deinit을 사용해 클래스 인스턴스의 메모리 할당을 해제한다.
상속이 가능하지만, 다중 상속은 불가
타입 이름은 Camel-case 사용

클래스 선언

기본적인 내용은 구조체와 동일하다.

다만 클래스는 참조 타입이기 때문에 가변 인스턴스도 프로퍼티 변경이 가능하다.

타입 메서드 static, class

class는 구조체와는 다르게 상속이 가능하다. static 메서드는 상속을 받았을때받았을 때 재정의가 불가하고 class 메서드는 상속을 받았을 때 재정의 (Override)가 가능하다.

구조체와 클래스의 기본 사용법에 대해 알아보았다. 다음 글에서 더 자세하게 알아보자.

Git) Commit Message를 VSC(Visual Studio Code)로 작성하기

Ekko0701 — Mon, 2 Jan 2023 00:18:12 +0900

깃을 사용하다 보면 커밋 메시지를 길게 작성하는 경우도 있는데 이때 git commit -m "message"를 이용하기 보다는 git commit으로 에디터를 통해 커밋 메시지를 작성해보자.

Cat.txt를 생성하고 커밋해 보자.

git commit을 입력하면

vi 에디터가 열린다.

맨 위에 커밋 메시지를 적고 에디터를 나오면 (:wq) 커밋이 된다.

vi에디터보다 좀 더 편한 에디터를 이용해 보자

깃 공식 문서에 에디터를 변경하는 방법이 자세하게 나와있다.

Git - Setup and Config

A3.1 Appendix C: Git Commands - Setup and Config Throughout the book we have introduced dozens of Git commands and have tried hard to introduce them within something of a narrative, adding more commands to the story slowly. However, this leaves us with exa

git-scm.com

여러 에디터 중에서도 Visual Studio Code를 이용해 보자. TextEdit도 편하다.

위 명령어를 터미널에서 실행하자.

git config --global core.editor "code --wait"

그리고 Cat.txt파일을 git add로 스테이지에 추가하고 Commit을 해보면

'code --wait' 명령어에 에러가 발생한다.

해결은 방법은 간단하다.

Visual Studio Code를 열고 cmd + shift + p로 커맨드 팔레트를 열자.

팔레트에 code를 검색하고

Shell Command: Install 'code' command in Path로 'code' 명령어를 추가하자.

그리고 다시 git commit을 입력하면 잘 실행이 된다.

동시에 터미널을 보면 에디터가 닫히길 기다린다고 나온다.

이제 커밋 메시지를 작성하고 저장한 후 에디터를 닫으면

커밋이 완료된다.

git log명령어를 실행해서 보면

커밋 메시지가 잘 추가된 걸 볼 수 있다.

긴 커밋 메시지가 필요할 때 사용하자

Git) Git기초 - 저장소 생성하기 그리고 추가하고 커밋하기 (git init, git add, git commit)

Ekko0701 — Sun, 1 Jan 2023 23:27:10 +0900

Git Repository

Git Repository(=Git Repo)는 깃 저장소로 깃 저장소는 그 프로젝트의 이력을 갖고 있는 깃 작업 공간이다.

먼저 Git으로 관리할 디렉토리를 생성하고 생성한 디렉토리로 이동해 주자.

$ mkdir MyMusician
$ cd MyMusician

Git Repo 생성

먼저 git status 명령어는 현재 git 저장소의 상태를 보고해 주는 명령어이다.

$ git status

명령어를 실행해보면 git repository가 아니라고 나온다.

이제 현재 디렉토리에 Git 저장소를 생성하자.

$ git init

현재 디렉토리에 Git Repository가 생성되었다.

ls -a 명령어로 확인해 보면. git 디렉토리가 생겼다.

git 저장소를 만들고 다시 git status를 실행하면

현재 main 브랜치고, 아직 커밋이 없다고 나온다.

Git 워크플로우

본격적으로 Git을 사용해보기 전에 git의 워크플로우에 대해 알아보자.

Git에는 세 가지 공간이 있다

1. Working Directory - 작업 디렉토리

2. Staging area - 스테이지

3. Repository - 저장소

먼저 Working Directory는 프로젝트에서 실제로 작업을 하는 공간이라고 생각하자. 파일을 생성하고 변경하면 먼저 Working directory에서 작업하게 된다. 그리고 Working directory에서 생성하고 변경한 내용을 변경 사항이라고 보자. 이 변경 사항들은 git add 명령어를 통해 Stage Area에 올릴 수 있다. Stage는 커밋하기 전에 변경사항을 등록하는 공간이고 Stage에 올라간 파일들은 staging상태가 된다. Staging 상태의 파일은 git commit 명령을 통해 Git Repository(저장소)에 올라간다.

글만으로는 이해하기 힘드니 직접 해보면서 살펴보자.

Staging Area에 추가하기 ( git add )

먼저 MyMusician디렉터리에 파일을 생성하자

touch ladygaga.txt
touch michael-jackson.txt

그리고 git status를 통해 저장소의 상태를 확인해 보자

방금 생성한 두 개의 txt파일이 Untracked files라고 나온다. Untracked files는 추적되지 않는 파일. 즉, 버전 관리가 되지 않는 파일을 뜻한다.

그럼 ladygaga.txt파일을 추적하도록 해보자.

git add 명령어로 ladygaga.txt 파일을 Stage에 올리자.

$ git add ladygaga.txt

git status로 확인해 보면 위와 같이 나오는데 new file인 ladygaga.txt가 스테이지에 올라갔다는 의미이다. michael-jacson.txt는 아직 올라가지 않았다.

저장소에 커밋하기 ( git commit )

그럼 Stage에 있는 파일을 git commit명령어로 Commit 해보자.

git commit -m "커밋 메시지"

스테이지에 있던 ladygaga.txt가 정상적으로 Git 저장소에 올라간 상태이다. 이제 ladygaga.txt는 깃에 의해 추적되며 버전 관리가 된다.

michael-jackson.txt는 아직 추적되지 않는 상태로 남아있고 버전 관리가 되지 않는다.

커밋 조회하기 ( git log )

위에서 커밋을 했으니 커밋 내역을 조회해 보자.

git log 명령어를 사용한다.

michael jackson.txt도 commit 해보자.

위의 ladygaga.txt를 커밋할 때와 다른 점은 git commit 명령어를 옵션 없이 사용했다는 것인데 -m 옵션 없이 git commit만을 사용하면 에디터를 이용해 커밋 메시지를 작성할 수 있다. 이 방법은 다음에 포스팅하겠다. 링크

그리고 git status를 실행하면

커밋할게 없고 워킹 트리가 깨끗하다고 한다. 즉, 변경된 모든 것들을 깃이 추적하고 업데이트했다는 뜻이다.

이제 ladygaga.txt 파일을 변경해 보자.

ladygaga.txt파일에 글을 쓰고 저장한 후 git status로 확인해 보자.

ladygaga.txt가 modified 되었다고 나온다. (michael-jackson.txt는 변경사항이 없기에 나오지 않는다.)

git이 이 파일을 추적하고 있다는 것!

그럼 변경사항을 깃 저장소에 반영해 보자.

먼저 스테이지에 올리자.

커밋될 변경사항 ladygaga.txt modified 확인

스테이지에 올렸으면 git commit으로 저장소에 커밋해 주자.

git status와 git log를 실행해 확인해 보자.

지금까지 Git Repository (깃 저장소)에 파일을 저장하고 변경사항을 추적하는 기본적인 방법에 대해 알아보았다.

Git) Git이란?

Ekko0701 — Sun, 1 Jan 2023 21:53:59 +0900

언제 한번 꼭 정리해보고 싶었던 Git, Github 사용법.

https://www.udemy.com/course/best-git-github/ 강의를 들으면서 정리한 내용이다.

Git을 처음 접해보는 분들은 이 강의를 꼭 들어봤으면 좋겠다.

그럼 스타트~!

Git은 가장 인기 있는 버전 관리 시스템 (VSC: Version Control System)이다.

버전 관리 시스템은 파일의 변화를 시간에 따라 추적하고 관리하는데 도움을 주는 소프트웨어로 작업 파일을 로컬 저장소뿐만 아니라 원격 저장소에도 배포해 저장할 수 있으며, 작업 이력을 관리하고 분기하여 원하는 시점으로 파일을 복원하거나 통합할 수 있다.

이전 버전의 파일을 다시 볼 수 있게 해 주고 버전들 간의 또는 파일들 간의 변화를 비교하고 되돌리고 다른 작업자와 공유할 수 있게 해 준다.

Git이 없다면 홈페이지에서 다운로드하여 설치하자.

Git

git-scm.com

사용하는 맥북에는 Xcode를 설치하면 자동으로 Git이 설치되어 있다.

터미널에서 git version을 확인해 보자.

git version

Git을 설치했다면 Git에게 사용자 정보를 알려주기 위해 user.name과 user.email을 설정하자. 언제든지 변경 가능하다.

나는 Github 계정과 동일하게 설정해 주었다.

git config --global user.name <user-name>

git config --global user.email <user-email>

(화살 괄호를 제외하고 입력하자)

git config user.name

git config user.name or git config user.email로 설정한 user.name과 user.email을 확인할 수 있다.

기본 설정 끝..!

iOS) then 사용법

Ekko0701 — Fri, 9 Dec 2022 01:53:48 +0900

Super sweet systactic sugar for Swift initializers 인 Then을 사용해보자.

GitHub - devxoul/Then: ✨ Super sweet syntactic sugar for Swift initializers

✨ Super sweet syntactic sugar for Swift initializers - GitHub - devxoul/Then: ✨ Super sweet syntactic sugar for Swift initializers

github.com

CocoaPods과 SPM으로 추가 가능하다.

사용법은 매우 간단하다.

원래 이런 식으로 초기화했던 것을

let label: UILabel = {
  let label = UILabel()
  label.textAlignment = .center
  label.textColor = .black
  label.text = "Hello, World!"
    
  return label
}()

이렇게 선언할 수 있다.

let label = UILabel().then {
  $0.textAlignment = .center
  $0.textColor = .black
  $0.text = "Hello, World!"
}

UIKit 뿐만이 아니라 NSObject를 상속받는 모든 클래스에 사용 가능하다.

let queue = OperationQueue().then {
  $0.maxConcurrentOperationCount = 1
}

extension MyType: Then {}

let instance = MyType().then {
  $0.really = "awesome!"
}

let newFrame = oldFrame.with {
  $0.size.width = 200
  $0.size.height = 100
}
newFrame.width // 200
newFrame.height // 100

UserDefaults.standard.do {
  $0.set("devxoul", forKey: "username")
  $0.set("devxoul@gmail.com", forKey: "email")
  $0.synchronize()
}

이전까지는 UIKit 초기화 할때만 사용해왔는데 do나 , with도 활용해 봐야겠다. 가독성이 좋아 보인다.

iOS) Error 추가 - Add Transport Security has blocked a cleartext HTTP connection to { ~ } since it is insecure ..

Ekko0701 — Wed, 19 Oct 2022 20:56:37 +0900

iOS) Error - Add Transport Security has blocked a cleartext HTTP connection to { ~ } since it is insecure ..

OpenAPI를 사용하는데 다음과 같은 에러 메시지가 나왔다. Security 어쩌고 하는 거 보니까 보안 때문에 HTTP connection을 차단했다 한다. info.plist에서 App Transport Security Setting을 추가 후 하위에 All..

ekko.tistory.com

여기서 더 추가함.

다음과 같은 에러가 나왔을 때,

저번에 작성했던 글에서는 Info.plist에서 모든 도메인을 허용해 줬다. 모든 도메인을 허용해 준다니.. 딱 들어도 해주면 안 될 것 같다. 보안에 문제 생길 듯

그래서 필요한 특정 도메인만 허용해주는 방법이다.

마찬가지로 info.plist에 추가해주자.

iOS) 프로젝트에 폰트 적용하기

Ekko0701 — Fri, 14 Oct 2022 21:51:38 +0900

xcode 프로젝트에 폰트를 추가해보자.

먼저 원하는 폰트를 다운 받는다.

이번엔 Google Inter Font를 다운받았다.

Google Fonts: Inter

Inter is a variable font family carefully crafted & designed for computer screens. Inter features a tall x-height to aid in readability of mixed-case and lower-

fonts.google.com

다운로드 파일을 보면 .ttf 파일이 있을것이다. 경우에 따라서는 otf 파일도 있는데 적용 방법은 동일하다.

ttf 파일을 xcode 프로젝트에 추가해주자.

추가할때 Add to Target에 프로젝트를 꼭 체크해주자.

파일을 추가하고 나서도 체크할 수 있다.

Info.plist에서도 폰트를 추가해줘야한다.

Key는 Fonts provided by application

Value는 폰트 파일명인데 확장자 (.ttf)까지 전부 입력해 줘야한다.

추가된 폰트를 프로젝트에서 사용하기 위해서는 Xcode내부에서 폰트의 정확한 이름을 알아야 한다.

다음의 코드를 통해 정확한 이름을 알아보자.

코드 출처: jerry-bakery님 블로그

func checkFont() {
    for family in UIFont.familyNames {
        print(family)
        
        for sub in UIFont.fontNames(forFamilyName: family) {
            print("===> \(sub)")
        }
    }
}

위의 코드를 실행 후 콘솔에서 원하는 폰트를 검색해 찾았다.

원하는 폰트의 이름을 찾았으면

다음과 같이 적용 시켜주자.

myLabel.font = UIFont(name: "Inter-Regular_Bold-Italic", size: 30)

끝!

iOS) UISheetPresentationController - Custom Detents로 Sheet 높이 설정하기(WWDC2022)

Ekko0701 — Fri, 14 Oct 2022 00:06:16 +0900

기존 UISheetPresentationController에는 Detents가. medium과. large 뿐이었다.

iOS16부터는 Custom Detents를 이용해 Sheet의 높이를 직접 설정해줄 수 있게 되었다.

직접 해보자. WWDC2022 What's new in UIKit을 참고했다.

높이 200인 Detent를 detents배열에 추가해 주었다.

sheet.detents = [
    .custom{ _ in
        200.0
    }
]

최대 높이를 기준으로 높이를 설정할수도있다.

sheet.detents = [
    .custom{ context in
        0.3 * context.maximumDetentValue
    }
]

Custom Detent에 identifier를 줘서 sheet의 다른 프로퍼티에서 사용할 수도 있다.

extension UISheetPresentationController.Detent.Identifier {
    static let small = UISheetPresentationController.Detent.Identifier("small")
}

// Get a sheet
if let sheet = sheetView.sheetPresentationController {
    //Customize the sheet
    sheet.detents = [
        .custom(identifier: .small){ context in
            0.3 * context.maximumDetentValue
        }
    ]
    
    sheet.largestUndimmedDetentIdentifier = .small
}

identifier를 이용해 직접 Detent를 생성해서 사용할 수도 있다.

// Create Detent
let smallDetent = UISheetPresentationController.Detent.custom(identifier: .small) { context in
    return 20
}
// Get a sheet
if let sheet = sheetView.sheetPresentationController {
    //Customize the sheet
    sheet.detents = [
        .large(),
        smallDetent
    ]
}

iOS) Buttom Sheet - UISheetPresentationController

Ekko0701 — Thu, 13 Oct 2022 13:02:30 +0900

WWDC2021에서 나온 UISheetPresentationController에 대해 알아보자.

공식 문서의 예제와 영상을 보고 공부해 보았다.

Customize and resize sheets in UIKit - WWDC21 - Videos - Apple Developer

Discover how you can create a layered and customized sheet experience in UIKit. We'll explore how you can build a non-modal experience in...

developer.apple.com

Get Sheet

먼저 ViewController를 Navigation Controller에 Embed 하고 BarButtonItem을 추가해 주었다.

import UIKit
import PhotosUI // PHPickerViewController

class ViewController: UIViewController, UINavigationControllerDelegate, UIImagePickerControllerDelegate, PHPickerViewControllerDelegate {
    override func viewDidLoad() {
        super.viewDidLoad()
        title = "Custom Sheet"
        navigationItem.rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(showImagePicker))
    }
}

UISheetPresentationController를 이용해 Sheet를 만들고 크기를 조정할 수 있다.

먼저 Sheet를 생성해보자.

@objc
func showImagePicker() {
    var configuration = PHPickerConfiguration()
    let picker = PHPickerViewController(configuration: configuration)
    picker.delegate = self
    
    // Get a sheet
    if let sheet = picker.sheetPresentationController {
        //Customize the sheet
    }
    present(picker, animated: true)
}

// Image를 선택을 마치면 호출
func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
    //dismiss(animated: true)
}

viewController의 sheetPresentationController라는 프로퍼티를 통해 sheet을 생성했다.

(예제에서는 PHPickerViewController를 sheet로 보여주는데 다른 viewController도 물론 가능하다.)

이상태로 실행해서 버튼을 눌러보면

Sheet가 올라온다!

이제 Sheet의 동작과 모양을 커스텀해보자.

Detents

Detent는 sheet가 놓일 수 있는 높이의 배열이다.

.medium

.large

기본값으로. large만 설정되어있다.

sheet의 detents 배열에 medium을 추가해 보았다.

if let sheet = picker.sheetPresentationController {
    //Customize the sheet
    sheet.detents = [
        .medium(),
        .large()
    ]
}

iOS16부터는 Custom Detent를 만들어 원하는 높이의 Sheet를 사용할 수 있다.

iOS) UISheetPresentationController - Custom Detents로 Sheet 높이 설정하기(WWDC2022)

prefersScrollingExpandsWhenScrolledToEdge

그런데 PHPickerViewController에 선택 가능한 이미지가 많을 경우에 스크롤을 해야 한다.

하지만 위의 화면처럼 아래에서 위로 스크롤을 하면 Sheet의 Detent가 large로 바뀌어 버린다.

이때 prefersScrollingExpandsWhenScrolledToEdge 프로퍼티를 false로 설정해 주면 스크롤 시 sheet가 확장되는 것을 막아준다.

sheet.prefersScrollingExpandsWhenScrolledToEdge = false

이 프로퍼티의 기본값은 true로 이때 가장 큰 detent에 도달해야만 sheet 내부 스크롤이 가능하자.

selectedDetentIdentifier

selectedDetentIdentifier를 코드로 직접 호출해 detent를 변경해줄 수 있다.

아래 코드는 PHPicker에서 이미지를 선택했을 때 detent를 medium으로 변경해준다.

// 이미지 선택을 종료했을때 호출
func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
    if let sheet = picker.sheetPresentationController {
        sheet.selectedDetentIdentifier = .medium // detent 변경
    }
}

animateChanges

animation을 추가해 부드럽게 바꿔줄 수도 있다.

func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
    if let sheet = picker.sheetPresentationController {
        sheet.animateChanges {
            sheet.selectedDetentIdentifier = .medium
        }
    }
}

largestUndimmedDetentIdentifier

지금까지 실행 화면들을 보면 sheet가 나올 때 뒤의 View가 어둡게(dim) 변한다.

largestUndimmedDetentIdentifier 프로퍼티를 이용해 뒤의 view를 어둡지 않게 하는 최대 Detent를 설정할 수 있다.

sheet.largestUndimmedDetentIdentifier = .medium

위의 프로퍼티들 외에도

Sheet 상단에 Grabber를 보이는 prefersGrabberVisible, Sheet에 CornerRadius를 주는 preferredCornerRadius 등이 있다.

Delegate

UISheetPresentationController는 UIPresentationController를 상속받고 있어 UIPresentationControllerDelegate 메서드도 사용 가능하다.

// Sheet의 Detent가 바뀌면 호출
func sheetPresentationControllerDidChangeSelectedDetentIdentifier(_ sheetPresentationController: UISheetPresentationController) {
    print("sheetPresentationControllerDidChangeSelectedDetentIdentifier")
}

// UIPresentationController
// Sheet가 dismiss될때 호출
func presentationControllerWillDismiss(_ presentationController: UIPresentationController) {
    print("PresentationControllerWillDismiss")
    self.view.backgroundColor = .white
}

이렇게 sheetPresentationController에 대해서 정리해 보았다. 직접 프로젝트에 적용시켜 보면서 더 공부해 봐야겠다.

그리고 WWDC22에서 나온 내용들 얼른 공부해봐야지 ㅠ