![이미지](/assets/img/2024-08-13-MasteringCoreDataMulti-ThreadinginSwiftAComprehensiveGuide_0.png)

# 소개

코어 데이터(Core Data)는 iOS에서 데이터를 객체 지향적으로 관리하고 영속성을 유지하는 강력한 프레임워크입니다. 그러나 멀티스레딩을 다룰 때는 조심해야 합니다. 이 기사에서는 여러 스레드에서 안전하게 코어 데이터를 사용하는 방법, 동시성 디버깅을 활성화하는 방법, 데이터 손상이나 크래시 없이 앱이 효율적으로 작동하도록 하는 방법을 탐색해 보겠습니다.

# 코어 데이터와 멀티스레딩



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Core Data 컨텍스트 (NSManagedObjectContext)는 기본적으로 스레드에 안전하지 않습니다. 이는 각 컨텍스트가 한 번에 하나의 스레드에서만 액세스되어야 함을 의미합니다. Core Data를 멀티스레드 환경에서 사용해야 하는 경우, 컨텍스트를 올바르게 관리하여 데이터 손상이나 예기치 않은 충돌과 같은 문제를 피해야 합니다.

# Core Data 동시성 디버깅 활성화하기

![img](/assets/img/2024-08-13-MasteringCoreDataMulti-ThreadinginSwiftAComprehensiveGuide_1.png)

여러 스레드에서 Core Data를 올바르게 사용하는지 확인하려면 환경 변수 -com.apple.CoreData.ConcurrencyDebug를 1로 설정하여 Core Data의 동시성 디버깅 어서션을 활성화할 수 있습니다. 이렇게 하면 개발 중에 잠재적인 동시성 위반을 식별하여 문제를 조기에 파악하고 수정하는 데 도움이 됩니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

어떻게 활성화하나요:

- Xcode 프로젝트의 scheme 편집기로 이동합니다.
- "Run" 탭을 선택합니다.
- "Arguments" 탭을 클릭합니다.
- "Arguments Passed On Launch" 아래에 -com.apple.CoreData.ConcurrencyDebug 1을 추가합니다.

활성화하면 Core Data가 잘못된 스레드에서 관리 객체 컨텍스트를 사용하려고 시도하는 경우 Assert를 실행합니다.

# NSManagedObjectContextConcurrencyType 이해하기



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

NSManagedObjectContext를 생성할 때는 NSManagedObjectContextConcurrencyType 열거형을 사용하여 해당 동시성 유형을 지정할 수 있습니다. 주요 두 가지 유형이 있습니다:

- mainQueueConcurrencyType: 이 컨텍스트는 주 스레드에서 실행되며 일반적으로 UI를 업데이트하는 데 사용됩니다. UI에 직접 영향을 미칠 수 있는 가져오기 또는 업데이트 작업을 수행해야 할 때 주로 이 유형을 사용하는 것이 중요합니다.
- privateQueueConcurrencyType: 이 컨텍스트는 개인 백그라운드 스레드에서 실행되며 원격 서버에서 데이터를 가져오는 것과 같은 시간이 많이 소요되는 작업을 차단하지 않고 수행하기에 이상적입니다.

# NSPersistentContainer, viewContext, 및 동시성 유형

NSPersistentContainer를 사용할 때 자동으로 설정된 viewContext를 제공합니다. viewContext는 기본적으로 mainQueueConcurrencyType을 사용하므로 즉시 UI를 업데이트해야 하는 작업에 적합합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

그러나 백그라운드에서 작업을 수행해야 할 때는 privateQueueConcurrencyType을 사용하여 새로운 컨텍스트를 생성해야 합니다. 이렇게 하면 백그라운드 작업이 UI에 영향을 미치지 않거나 메인 스레드를 블록하지 않도록 보장할 수 있습니다.

예시:

```js
let backgroundContext = persistentContainer.newBackgroundContext()
backgroundContext.perform {
    // 여기서 백그라운드 작업 실행
}
```

# performAndWait 및 perform 사용하기



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

NSManagedObjectContext은 context의 큐에서 코드 블록을 실행하는 두 가지 메서드를 제공합니다:

- performAndWait: 이 메서드는 블록을 context의 큐에서 동기적으로 실행합니다. 결과를 즉시 처리해야 하는 경우 유용합니다. 그러나 주 스레드에서 사용할 때 UI를 차단할 수 있으므로 주의가 필요합니다.
- perform: 이 메서드는 블록을 context의 큐에서 비동기적으로 실행합니다. 즉각적인 결과가 필요하지 않은 작업에 대해 선호되며, 응용 프로그램의 나머지 부분이 원활하게 실행되도록 합니다.

Concurrency Type Differences:

- mainQueueConcurrencyType을 사용할 때 perform은 블록을 주 스레드에서 비동기적으로 실행하여 UI의 응답성을 유지합니다.
- privateQueueConcurrencyType을 사용할 때 perform은 블록을 백그라운드 스레드에서 비동기적으로 실행하여 UI와 관련없는 작업에 적합합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# NSManagedObjectContext 병합 정책

병합 정책은 다른 컨텍스트 간의 충돌을 어떻게 해결할지를 정의합니다. Core Data는 여러 가지 병합 정책을 제공합니다:

- NSOverwriteMergePolicy: 이 정책은 현재 컨텍스트의 변경 사항을 무시하고 영구 저장소의 변경 사항으로 덮어씁니다.
- NSRollbackMergePolicy: 이 정책은 현재 컨텍스트의 모든 변경 사항을 롤백하여 병합 이전의 상태로 되돌립니다.
- NSMergeByPropertyObjectTrumpMergePolicy: 이 정책은 현재 컨텍스트의 변경 사항을 영구 저장소보다 우선시합니다. 충돌이 발생할 때 컨텍스트의 값들을 유지합니다.
- NSMergeByPropertyStoreTrumpMergePolicy: 이 정책은 영구 저장소의 변경 사항을 현재 컨텍스트보다 우선시하며, 컨텍스트의 변경 사항은 무시합니다.
- NSErrorMergePolicy: 이 정책은 충돌이 발생할 때 오류를 발생시켜 수동으로 병합을 처리할 수 있도록 합니다.

예시:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
let context = NSManagedObjectContext(concurrencyType: .privateQueueConcurrencyType)
context.mergePolicy = NSMergeByPropertyObjectTrumpMergePolicy
```

## NSManagedObjectContext 알림

코어 데이터는 여러 알림을 제공하여 컨텍스트에서 발생하는 변경 사항을 추적하고 대응할 수 있도록 도와줍니다:

- willSaveObjectsNotification: 컨텍스트가 변경 사항을 저장하기 직전에 전송됩니다.
- didSaveObjectsNotification: 컨텍스트가 성공적으로 변경 사항을 저장한 후에 전송됩니다.
- didChangeObjectsNotification: 관리 객체가 삽입, 삭제 또는 업데이트될 때마다 전송됩니다.
- didSaveObjectIDsNotification: 컨텍스트가 성공적으로 변경 사항을 저장한 후에, 영향을 받는 객체들의 개체 식별자가 포함된 알림이 전송됩니다.
- didMergeChangesObjectIDsNotification: 다른 컨텍스트에서의 변경 사항이 병합된 후에 전송됩니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이러한 알림을 사용하면 Core Data 스택에서 변경 사항에 반응하여 UI가 데이터와 동기화되도록 할 수 있습니다.

예시:

영구 저장소에 변경 내용이 저장될 때마다 UI를 업데이트하고 싶다고 가정해 봅시다. NSManagedObjectContext.didSaveObjectsNotification을 관찰하여 언제든지 context가 변경 내용을 저장할 때 알림을 받을 수 있습니다:

```js
NotificationCenter.default.addObserver(self, selector: #selector(contextDidSave(_:)), name: NSManagedObjectContext.didSaveObjectsNotification, object: nil)

@objc func contextDidSave(_ notification: Notification) {
    // 변경 사항을 주 컨텍스트로 병합하여 UI를 최신 상태로 유지
    let context = persistentContainer.viewContext
    context.perform {
        context.mergeChanges(fromContextDidSave: notification)
        // 여기서 UI를 업데이트합니다.
    }
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이 예시에서는 didSaveObjectsNotification을 관찰하고 주 컨텍스트로 변경 사항을 병합하여 UI가 최신 데이터를 반영하도록합니다. context.perform를 사용하여 UI 업데이트가 주 스레드에서 발생하도록 보장하여 앱이 반응적으로 유지되도록합니다.

## 결론

다중 스레드 환경에서 Core Data를 관리하는 것은 context 및 작업을 주의 깊게 다루어야합니다. 동시성 유형을 이해하고 context 작업에 적절한 메서드를 사용하며 적절한 병합 정책을 설정하여 Core Data 작업이 안전하고 효율적임을 보장할 수 있습니다. 동시성 디버깅을 활성화하면 문제를 조기에 파악하여 개발 프로세스가 원활하고 응용 프로그램이 더 신뢰할 수 있도록 할 수 있습니다.

Swift에서 코어 데이터를 멀티 스레딩으로 마스터하는 방법 정리

![Scrolling Pickers in SwiftUI](/assets/img/2024-08-13-ScrollingpickersinSwiftUI_0.png)

오늘은 iOS 17부터 가지고 있는 ScrollView의 기능을 살펴보면서 값 피커를 만들어볼 거에요.

이 게시물에서 영감을 받아 함께 시작해보세요.

# 울타리 만들기



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

구현 아이디어는 꽤 명확합니다. 수직 세그먼트를 생성해야 합니다. 일부는 더 높고 텍스트 블록이 있으며, 일부는 더 짧고 표시할 숫자가 없습니다. 이는 각 세그먼트의 색인에 따라 결정됩니다.

먼저, 솔루션에 대한 토대를 정의합니다.

```js
struct WheelPicker: View {
  // 사용할 값의 범위.
  var values: ClosedRange<Int> = 0...100

  // 세그먼트 간의 수평 간격.
  var spacing: Double = 8.0

  var body: some View {
    ZStack {
      ScrollView(.horizontal) {
        HStack(spacing: spacing) {
          ForEach(values, id: \.self) { index in
            VStack(spacing: 40.0) {
              Rectangle()
                .frame(width: 2.0, height: 20.0)
                .frame(maxHeight: 20.0, alignment: .top)
              Rectangle()
                .frame(width: 2.0, height: 20.0)
                .frame(maxHeight: 20.0, alignment: .bottom)
            }
          }
        }
      }
    }
    .frame(width: 280.0, height: 80.0)
  }
}
```

따라서 수평으로 열두 개의 수직 세그먼트를 표시합니다. 각 수직 세그먼트는 각각 위쪽과 아래쪽에 정렬된 두 개의 사각형으로 구성됩니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

![image](https://miro.medium.com/v2/resize:fit:1200/1*RfcW4QEqSMMmJE42DeE4Cg.gif)

다음으로, 숫자를 표시하는 논리와 스크롤 동작을 정의하여이 솔루션을 단계별로 개선할 것입니다.

# 울타리 칠하기

계속하기 전에 표준 자 등을 살펴 보겠습니다. 그려진 긴 세그먼트는 주요 값 사이의 단계 수의 배수인 순서 번호입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

![스크롤링 피커](/assets/img/2024-08-13-ScrollingpickersinSwiftUI_1.png)

예를 들어, 숫자 0과 10 사이에는 10개의 단계가 있습니다. 인덱스가 0과 10인 세그먼트가 길고 나머지는 짧을 것입니다.

```swift
struct WheelPicker: View {
  // 사용할 값의 범위.
  var values: ClosedRange<Int> = 0...100

  // 세그먼트 간의 가로 간격.
  var spacing: Double = 8.0

  // 중요한 인덱스 사이의 단계 수.
  var steps: Int = 5

  var body: some View {
    ZStack {
      ScrollView(.horizontal) {
        HStack(spacing: spacing) {
          ForEach(values, id: \.self) { index in
            let isPrimary = index % steps == 0

            VStack(spacing: 40.0) {
              Rectangle()
                .frame(
                  width: 2.0,
                  height: isPrimary ? 20.0 : 8.0
                )
                .frame(
                  maxHeight: 20.0,
                  alignment: .top
                )
              Rectangle()
                .frame(
                  width: 2.0,
                  height: isPrimary ? 20.0 : 8.0
                )
                .frame(
                  maxHeight: 20.0,
                  alignment: .bottom
                )
            }
            .overlay {
              if isPrimary {
                Text("\(index)")
                  .font(.system(
                    size: 24.0,
                    design: .monospaced
                  ))
                  .fixedSize()
              }
            }
          }
        }
      }
    }
    .frame(width: 280.0, height: 80.0)
  }
}
```

![사진](https://miro.medium.com/v2/resize:fit:1200/1*GIWZFuUWtgdat1iEL4vJGw.gif)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

스크롤 뷰 위에 빨간색 라인 오버레이를 추가하여 현재 선택 항목을 나타낼 수 있도록 이 부분을 완료했습니다.

```js
ScrollView(.horizontal) {
  ...
}
.overlay {
  Rectangle()
    .fill(.red)
    .frame(width: 2.0)
}
```

<img src="https://miro.medium.com/v2/resize:fit:1200/1*6JLkTmNrr9Um2iltXhANWA.gif" />

# 펜스 스크롤링



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

기본 스크롤 표시자를 표시하지 않도록 설정하려고 합니다. 그러니 숨겨봅시다.

```js
ScrollView(.horizontal) {
  ...
}
.overlay {
  ...
}
.scrollIndicators(.hidden)
```

다음으로, 휠의 시작 부분이 빨간 선과 정렬되도록 콘텐츠 여백을 추가해 보겠습니다.

이 작업은 .safeAreaPadding 수정자를 사용하여 수행할 수 있습니다. 여백에 필요한 값을 계산하려면 GeometryReader를 사용합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
GeometryReader { proxy in
  ScrollView(.horizontal) {
    ...
  }
  .overlay {
    ...
  }
  .scrollIndicators(.hidden)
  .safeAreaPadding(.horizontal, proxy.size.width / 2.0)
}
```

<img src="https://miro.medium.com/v2/resize:fit:1200/1*gMrR1WoLsidFcGMZwcPeiA.gif" />

이제 바퀴에 다이내믹함을 추가하고 세그먼트와 숫자에 특정 효과를 적용해 봅시다.

빨간 선의 왼쪽에 있는 세그먼트는 약간 어둡게 나타나고, 반대로 오른쪽에 있는 세그먼트는 완전히 불투명하게 나타납니다. 이 효과는 `scrollTransition` 수정자를 사용하여 구현합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

두 번째 매개변수는 두 가지 값을 제공하는 클로저입니다:

- 콘텐츠 — `VisualEffect` 프로토콜을 준수하여 다양한 시각적 효과를 적용하는 다양한 옵션을 제공하는 `EmptyVisualEffect` 타입의 인스턴스
- 페이즈 — 스크롤 뷰에 배치된 요소의 다른 상태를 나타내며, 기본적으로 요소가 스크롤 컨테이너의 중앙, 왼쪽 또는 오른쪽 부분에 있는지 알려줍니다

이 지식을 바탕으로 우리는 불투명도 효과를 구현할 수 있습니다: 왼쪽 측면의 세그먼트에 대해 불투명도를 0.2로 설정하고, 기타에 대해서는 1.0으로 설정합니다.

```js
ForEach(values, id: \.self) { index in
  let isPrimary = index % steps == .zero

  VStack(spacing: 40.0) {
    ...
  }
  .scrollTransition(
    axis: .horizontal,
    transition: { content, phase in
      content
        .opacity(phase == .topLeading ? 0.2 : 1.0)
    }
  )
  .overlay {
    ...
  }
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

![Image](https://miro.medium.com/v2/resize:fit:1200/1*liBrt3TntxHEvMK2JCClFA.gif)

가운데를 제외한 모든 곳에 숫자가 어두워집니다. 이를 위해 scrollTransition을 다시 사용하여 영향을 제한된 영역으로 적용합니다.

```js
ForEach(values, id: \.self) { index in
  let isPrimary = index % steps == .zero

  VStack(spacing: 40.0) {
    ...
  }
  .scrollTransition(
    axis: .horizontal,
    transition: { content, phase in
      content
        .opacity(phase == .topLeading ? 0.2 : 1.0)
    }
  )
  .overlay {
    if isPrimary {
      Text("\(index)")
        .font(.system(
          size: 24.0,
          design: .monospaced
        ))
        .fixedSize()
        .scrollTransition(
          axis: .horizontal,
          transition: { content, phase in
            content
              .opacity(phase.isIdentity ? 1.0 : 0.4)
          }
        )
    }
  }
}
```

![Image](https://miro.medium.com/v2/resize:fit:1200/1*Bo-t9NrowlRESkvGAZwZjA.gif)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

정수 범위에서 작업 중이므로 세그먼트 자체에만 스크롤을 멈추도록 설정하는 것이 합리적입니다. 다시 말해, 휠을 다소 각인하여 세그먼트에 제대로 정렬하도록 만들어 보겠습니다.

여기에 ScrollTargetBehavior 프로토콜과 해당 수정자가 필요합니다. 기본적으로 두 가지 옵션이 있습니다:

- 페이지별(paging) — 스크롤이 페이지별로 보이도록 설정됨
- 뷰 정렬(viewAligned) — 이 동작을 사용하면 스크롤이 최종 위치를 자식 뷰와 정렬하려고 시도함

ScrollTargetBehavior는 scrollTargetLayout 수정자와 함께 작동합니다. 후자는 스톱 지점을 계산할 때 SwiftUI에게 어떤 뷰를 고려해야 하는지 알려주는 데 도움을 줍니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
GeometryReader { proxy in
  ScrollView(.horizontal) {
    HStack(spacing: spacing) {
      ...
    }
    .scrollTargetLayout()
  }
  .overlay {
    ...
  }
  .scrollIndicators(.hidden)
  .safeAreaPadding(.horizontal, proxy.size.width / 2.0)
  .scrollTargetBehavior(.viewAligned)
}
```

아쉽게도 두 옵션 모두 우리가 원하는 동작을 달성하는 데 도움이 되지 않을 것입니다. 다행히도, ScrollTargetBehavior 프로토콜을 준수하는 사용자 정의 유형을 구현하여 직접 정의할 수 있습니다.

먼저 SnapScrollTargetBehaviour라는 새로운 유형을 정의합니다.

```js
struct SnapScrollTargetBehavior: ScrollTargetBehavior {
  func updateTarget(
    _ target: inout ScrollTarget,
    context: TargetContext
  ) {}
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

updateTarget 메서드는 프로토콜에서 필요한 유일한 메서드입니다. 여기서 target 매개변수는 스크롤 뷰에게 멈추어야 하는 위치를 알려줄 때 사용됩니다. 초기에는 SwiftUI가 스크롤 뷰가 멈춰야 할 위치를 알 수 있는 몇 가지 크기 값이 포함되어 있습니다. 이를 사용하여 동작을 사용자 정의할 수 있습니다.

수학 코너.

스크롤 뷰의 전체 길이를 몇 개의 작은 조각으로 나누어서 나눕니다. 각 조각은 빨간 선이 값을 변경하기 위해 이동해야 하는 거리를 나타냅니다. 이 거리는 단일 세그먼트의 너비와 두 개의 분리된 세그먼트 사이의 거리로 구성됩니다.

![Image](/assets/img/2024-08-13-ScrollingpickersinSwiftUI_2.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

우리는 x1(예상 중단 지점, SwiftUI에서 범례)을 찾아야 합니다. x2(우리가 평가한 원하는 값)가 조각 길이의 배수이고 x1에 가장 가까운 값이 되도록 해야 합니다.

와카-치카-부카-붐, 여기 코드가 있어요.

```js
struct SnapScrollTargetBehavior: ScrollTargetBehavior {
  let step: Double

  func updateTarget(
    _ target: inout ScrollTarget,
    context: TargetContext
  ) {
    let x1 = target.rect.origin.x
    let x2 = closestMultiple(a: x1, b: step)

    target.rect.origin.x = x2
  }

  private func closestMultiple(
    a: Double,
    b: Double
  ) -> Double {
    let lowerMultiple = floor((a / b)) * b
    let upperMultiple = floor(lowerMultiple + b)

    return if abs(a - lowerMultiple) <= abs(a - upperMultiple) {
      lowerMultiple
    } else {
      upperMultiple
    }
  }
}
```

이제 남은 일은 이 인스턴스를 생성하는 편리한 메소드를 정의하는 것 뿐입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
extension ScrollTargetBehavior where Self == SnapScrollTargetBehavior {
  static func snap(step: Double) -> SnapScrollTargetBehavior { .init(step: step) }
}
```

그리고 `scrollTargetBehavior` 수정기에서 사용하세요. 우리는 단락 사이의 거리 및 한 단락의 길이로 단계 길이를 고려할 것입니다.

```js
GeometryReader { proxy in
  ScrollView(.horizontal) {
    HStack(spacing: spacing) {
      ...
    }
    .scrollTargetLayout()
  }
  .overlay {
    ...
  }
  .scrollIndicators(.hidden)
  .safeAreaPadding(.horizontal, proxy.size.width / 2.0)
  .scrollTargetBehavior(.snap(step: spacing + 2.0))
}
```

<img src="https://miro.medium.com/v2/resize:fit:1200/1*HBpt_MN2ed5wPGgoHyP3pQ.gif" />



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

피커로 불리우는 이 기능은 외부로 값을 전달할 수 있어야 합니다. 이를 위해 해당 값을 바인딩할 필요가 있습니다.

```js
struct WheelPicker: View {
  @Binding var count: Int

  ...
}
```

이전에 정의한 프로퍼티를 scrollPosition modifier와 바인딩시키세요. 우리는 해당 바인딩을 사용자화된 setter로 함께 단순히 정의합니다.

```js
GeometryReader { proxy in
  ScrollView(.horizontal) {
    ...
  }
  .overlay {
    ...
  }
  .scrollIndicators(.hidden)
  .safeAreaPadding(.horizontal, proxy.size.width / 2.0)
  .scrollTargetBehavior(.snap(step: spacing + 2.0))
  .scrollPosition(
    id: .init(
      get: { count },
      set: { value, _ in
        if let value {
          count = value
        }
      }
    )
  )
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

scrollPosition 수정자는 스크롤 대상과 밀접하게 작동하며 그들의 식별자를 사용하여 값을 전달합니다. 정수 범위와 함께 작업하기 때문에 해당 바인딩을 통해 정수가 반환될 것으로 기대할 수 있습니다.

시각 부분에 추가로 촉각적인 응답을 추가할 수도 있습니다. 저는 개인적으로 애플리케이션이 UI 구성 요소에 이 디테일을 구현할 때 매우 좋아합니다.

SwiftUI의 5번째 개정판은 햅틱 피드백을 추가하는 것을 굉장히 쉽게 만들어줍니다. UIFeedbackGenerator 대신 sensoryFeedback 수정자를 사용할 수 있습니다.

```js
ZStack {
  ...
}
.sensoryFeedback(.selection, trigger: count)
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 결론

이 구성 요소를 개선하는 것이 가능합니다. 예를 들어, 정수뿐만 아니라 다른 유형과 작업할 수 있는 기능을 추가하는 방법이 있습니다. 또한 세그먼트 크기, 색상 등을 사용자 정의하는 방법도 있습니다.

일반적으로 SwiftUI가 상당히 복잡한 동작을 처리할 때 얼마나 단순화되는지 알 수 있습니다.

최종 솔루션을 포함한 gist를 남기고, 추가 개선을 위해 빈 칸을 남겼습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

앞으로도 계속해서 실험을 해 나갈 테니, 곧 뵙겠습니다! 🙌

SwiftUI에서 Scrolling Picker를 만드는 방법

![image](https://miro.medium.com/v2/resize:fit:1400/1*JsUzawz5z2ssJZyrfX5fbA.gif)

FocusPasta가 이제 Live Activities를 지원한다는 것을 발표할 수 있어 너무 기쁩니다! 🎉 이 기능은 기다리고 기다리던 것이었는데요. 우리 유일한 사용자(나)가 너무나 요구가 많아서요.

# 왜 이번 업데이트가 중요한 이유

이번 업데이트 이전에 남은 시간을 확인하려면 다음과 같은 작업을 해야 했어요:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 내 핸드폰 화면을 탭해요.
- 얼굴을 카메라 앞에서 완벽하게 맞춰 Face ID 작동시키는 중.
- 손가락으로 화면을 위로 스와이프.
- 이미 화면에 FocusPasta가 보이지 않는다면 찾아내기.
- 우연히 인스타그램을 눌러서 처음 목적을 깨닫기 전에 30분 강제로 둠스크롤을 하게 되었어요.

정말 힘든 일이었어요 (네, 일상적인 문제들이죠).

나는 (네, 바로 me!) 이 기능을 추가해달라고 절로 부탁했어요. 치열한 협상 기간 동안 나는 아주 맛있는 아이스 커피와 귀여운 브런치로 나를 뇌물을 주고, 그리고 개발자 (여전히 나)는 마침내 굴복하고 구현했어요.

내 명령은 내 명령이니까요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 라이브 활동 소개

## 사용자를 위해

라이브 활동을 통해 앱이 앱을 열거나 화면을 잠그지 않고도 핸드폰에 실시간 정보를 제공할 수 있습니다. 이 위젯은 iPhone의 두 위치에 나타납니다: 다이나믹 아일랜드와 잠금 화면.

라이브 활동을 통해 Grab/Uber라이드 픽업을 쉽게 추적하거나 축구 경기의 실시간 점수를 업데이트할 수 있습니다. FocusPasta에서는 이 기능을 사용하여 포커스 세션의 남은 시간을 확인할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 개발자를 위해

기술적인 측면에서 Live Activities는 배터리 효율을 우선시하여 실시간 업데이트를 제공하는 경량 위젯입니다. 복잡한 상호 작용이나 빈번한 업데이트를 지원하지 않는 제한된 기능을 갖고 있습니다.

이 위젯을 디자인하기 시작할 때는 스마트폰의 움직임에 반응하여 냄비 안에서 파스타가 자랄 것처럼 주변을 굴러다니는 모습을 상상했지만, 현실은 그것보다 훨씬 현실적이었습니다.

그 꿈을 내려놓고, Live Activities가 실제로 어떤 성과를 얻을 수 있는지에 초점을 맞춰봅시다. 다음 섹션에서 Live Activities 설정 과정을 안내해 드리도록 하겠습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 라이브 활동 설정

다음은 라이브 활동을 설정하는 방법의 단계별 설명입니다:

- 라이브 활동 활성화

- 프로젝트의 주요 대상에서 Info로 이동합니다.
- "Supports Live Activities"를 추가하고 값을 "YES"로 설정합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

2. 새로운 라이브 액티비티 대상 추가하기:

- 파일 `새로 만들기` 대상 ` 위젯 확장 을 선택합니다.
- "라이브 액티비티 포함"이 체크되어 있는지 확인합니다.
- 제품 이름을 "FocusSession"으로 설정합니다.
- 완료를 클릭합니다.

이렇게 하면 "FocusSession"이라는 새 대상이 생성되며 자동으로 다음 파일을 포함한 새 디렉토리가 만들어집니다:

```js
FocusSession
├── FocusSessionBundle.swift
├── FocusSession.swift
└── FocusSessionLiveActivity.swift
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 이 파일에 대한 개요:

## FocusSessionBundle.swift:

이 파일은 앱의 Live 활동을 포함한 모든 위젯을 그룹화하는 FocusSessionBundle을 포함하고 있습니다.

```swift
import WidgetKit
import SwiftUI

@main
struct FocusSessionBundle: WidgetBundle {
    var body: some Widget {
        FocusSession()
        FocusSessionLiveActivity()
    }
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## FocusSession.swift

이 파일은 이번 업데이트에서 구현하지 않는 FocusSession 위젯에 해당됩니다. (이 파일에 있는 모든 것과 FocusSessionBundle.swift의 FocusSession()도 주석 처리했습니다.)

## FocusSessionLiveActivity.swift

이 파일은 FocusSessionLiveActivity 위젯에 해당되며, 라이브 활동에 대한 주요 구현 로직이 포함되어 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

내용은 두 개의 구조체를 포함합니다:

- FocusSessionAttributes: 라이브 활동의 데이터 구조를 정의합니다.
- FocusSessionLiveActivity: 라이브 활동 UI를 구현합니다.

```js
import ActivityKit
import WidgetKit
import SwiftUI

struct FocusSessionAttributes: ActivityAttributes {
    public struct ContentState: Codable, Hashable {
        // ... 동적 상태 변수
    }
    // ... 고정된 변하지 않는 속성
}

struct FocusSessionLiveActivity: Widget {
    var body: some WidgetConfiguration {
        ActivityConfiguration(for: FocusSessionAttributes.self) { context in
            // ... 락 화면 UI
        } dynamicIsland: { context in
            // ... 동적 아일랜드 UI
        }
    }
}
```

# 라이브 활동 구성



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 1. FocusSessionAttributes

이 구조에서는 표시할 정보를 나타내는 라이브 활동의 속성 및 콘텐츠 상태를 정의합니다.

```js
struct FocusSessionAttributes: ActivityAttributes {
 public struct ContentState: Codable, Hashable {
  var categoryName: String
  var pastaColor: PastaColors
  var pastaType: PastaTypes
 }

 var startDate: Date
 var endDate: Date
 var countsDown: Bool // 타이머 모드 인 경우 true, 스톱워치 모드인 경우 false
}
```

속성: 라이브 활동의 고정되고 변경되지 않는 속성을 정의합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

- startDate와 endDate: FocusPasta에서는 포커스 세션의 기간이 고정되어 있어 활동이 시작되면 이 날짜가 변경되지 않습니다.
- countsDown: 이 속성은 활동이 타이머 모드(카운트다운)인지 스톱워치 모드(카운트업)인지를 나타냅니다. 세션 중에 모드가 변경되지 않기 때문에 상수입니다.

ContentState: 라이브 활동의 동적 부분을 정의하여 실시간 업데이트를 반영합니다.

- FocusPasta에서 사용자는 세션 중에 카테고리를 변경할 수 있습니다. 이런 경우, 업데이트된 카테고리 이름, 파스타 종류, 색상을 반영하기 위해 라이브 활동을 업데이트하고자 합니다.

속성과 콘텐츠 상태를 분리함으로써 Apple은 가변적인 실시간 요소만 추적하고 업데이트해야 하므로 라이브 활동의 효율성과 가벼움을 유지할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 2. FocusSessionLiveActivity

이 구조체에서는 라이브 액티비티의 UI를 정의합니다.

![live activity image](/assets/img/2024-08-13-LiveActivities101AddingaLiveTimerWidget_0.png)

위 코드가 위의 모습을 달성하는 방법입니다:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
struct FocusSessionLiveActivity: Widget {
 var body: some WidgetConfiguration {
  ActivityConfiguration(for: FocusSessionAttributes.self) { context in
   VStack {
    HStack(spacing: 15) {
     ZStack {
      Image("pot")
       .resizable()
       .aspectRatio(contentMode: .fit)
       .frame(width: 90, height: 90)
       .foregroundColor(.pastaYellow)

      Image("\(context.state.pastaType)-\(context.state.pastaColor)")
       .resizable()
       .aspectRatio(contentMode: .fit)
       .frame(width: 40, height: 40)
       .rotationEffect(.degrees(-20))
     }
     .frame(width: 90, height: 90)

     VStack(alignment: .leading, spacing: 8) {
      Text(context.state.categoryName)
       .font(.body)
       .foregroundStyle(.white)
       .bold()

      Text(timerInterval: context.attributes.startDate...context.attributes.endDate, countsDown: context.attributes.countsDown, showsHours: false)
       .font(.title)
       .foregroundStyle(.white)
       .bold()

      ProgressView(timerInterval: context.attributes.startDate...context.attributes.endDate, countsDown: context.attributes.countsDown, label: { Text("") }, currentValueLabel: { Text("") })
       .progressViewStyle(LinearProgressViewStyle())
       .tint(.pastaYellow)
       .frame(height: 20)
       .scaleEffect(x: 1, y: 1.5, anchor: .center)
     }
    }

   }
   .activityBackgroundTint(.black.opacity(0.25))
   .padding(.vertical, 20)
   .padding(.horizontal, 20)
  } dynamicIsland: { context in
   // ... dynamic island UI (out of scope)
  }
 }
}
```

## TimerInterval

위젯 구성에서 startDate와 endDate를 고정 속성으로 전달했고 timeElapsed를 콘텐츠 상태 변수로 만들지 않았음을 알 수 있습니다. 이는 Apple이 백그라운드 앱 활동에 대한 제한으로 백그라운드에서 타이머가 실행되는 것을 방지하기 때문입니다. timeElapsed를 콘텐츠 상태 변수로 사용하면 위젯의 타이머가 몇 초 후에 업데이트를 멈추게 됩니다.

이러한 제한을 해결하기 위해 Apple은 Text와 ProgressView에 대한 timerInterval 초기화 메서드를 소개했습니다. 이 초기화 메서드는 타이머의 간격을 정의하는 지정된 시간 범위를 수락하고 자동으로 타이머 텍스트와 진행률 막대를 업데이트합니다. countsDown가 true인 경우 카운트다운을 표시하며 false인 경우 스톱워치 스타일 타이머를 표시합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

위젯이 메인 앱의 타이머 업데이트에 의존하지 않고 자체 타이머 인스턴스를 관리할 수 있게 됩니다.

이전에 백그라운드에서 타이머를 실행하는 데 어려움을 겪은 내 경험에 대해 이야기했습니다.

## 3. FocusSessionLiveActivityManager

FocusSessionLiveActivityManager 클래스를 만들어 Live Activity의 라이프 사이클을 관리하고 새 활동을 시작하고 내용 상태를 업데이트하며 세션이 완료되면 활동을 종료합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

별도의 클래스를 사용하여 이러한 작업을 관리하는 것에는 몇 가지 이점이 있습니다:

- 관심사의 분리: 이 원칙은 응용 프로그램의 다른 측면이 각각 특정 책임을 갖는 서로 다른 구성 요소나 클래스에 의해 처리되도록 보장합니다. 이는 유지보수를 간단하게 만들고 코드를 이해하고 테스트하기 쉽게 만듭니다.
- 캡슐화: 이를 통해 Live Activities에 관련된 모든 데이터와 메서드가 단일 클래스 내에 묶이므로 코드 구성이 개선됩니다.
- 집중된 책임: 클래스의 각 메서드는 활동 생성, 업데이트 또는 종료와 같은 특정 작업을 처리하므로 가독성이 향상되고 디버깅이 더 쉬워집니다.

다음은 클래스의 구현 방법입니다:

```js
import ActivityKit
import Combine
import Foundation
import SwiftUI

class FocusSessionLiveActivityManager {
 private var liveActivityID: Activity<FocusSessionAttributes>.ID?

 @available(iOSApplicationExtension 16.2, *)
 func startFocusSessionActivity(startDate: Date, endDate: Date, countsDown: Bool, categoryName: String, pastaColor: PastaColors, pastaType: PastaTypes) {
  let attributes = FocusSessionAttributes(
   startDate: startDate,
   endDate: endDate,
   countsDown: countsDown
  )

  let contentState = FocusSessionAttributes.ContentState(
   categoryName: categoryName,
   pastaColor: pastaColor,
   pastaType: pastaType
  )

  let content = ActivityContent(state: contentState, staleDate: nil, relevanceScore: 1.0)

  Task {
   do {
    let activity = try Activity.request(
     attributes: attributes,
     content: content,
     pushType: nil
    )
    liveActivityID = activity.id
   } catch {
    print("Error starting FocusSessionActivity: \(error.localizedDescription)")
   }
  }
 }


 // 세션 중에 카테고리가 변경되면 Live Activity를 업데이트
 @available(iOSApplicationExtension 16.2, *)
 func updateFocusSessionActivity(categoryName: String, pastaColor: PastaColors, pastaType: PastaTypes) {
  guard let activityID = liveActivityID else {
   return
  }

  guard let activity = Activity<FocusSessionAttributes>.activities.first(where: { $0.id == activityID }) else {
   return
  }

  let contentState = FocusSessionAttributes.ContentState(
   categoryName: categoryName,
   pastaColor: pastaColor,
   pastaType: pastaType
  )

  Task {
   await activity.update(
    ActivityContent(state: contentState, staleDate: nil, relevanceScore: 1.0)
   )
  }
 }

 // 타이머가 멈출 때 Live Activity 종료
 @available(iOSApplicationExtension 16.2, *)
 func endFocusSessionActivity(categoryName: String, pastaColor: PastaColors, pastaType: PastaTypes) {
  guard let activityID = liveActivityID else {
   return
  }

  guard let activity = Activity<FocusSessionAttributes>.activities.first(where: { $0.id == activityID }) else {
   return
  }

  let contentState = FocusSessionAttributes.ContentState(
   categoryName: categoryName,
   pastaColor: pastaColor,
   pastaType: pastaType
  )

  Task {
   await activity.end(
    ActivityContent(state: contentState, staleDate: nil, relevanceScore: 1.0),
    dismissalPolicy: .immediate
   )
  }
 }
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 결론

라이브 활동은 사용자가 중요한 정보를 화면 잠금 상태에서 직접 살펴볼 수 있는 편리한 방법을 제공합니다. 그러나 배터리 수명을 보호하기 위해 그들의 기능은 일부러 제한되어 있습니다.

애플은 타이머 간격 이니셜라이저를 도입하여 위젯이 타이머를 관리할 수 있게 하여, 주 앱에서 필요로 하는 업데이트 빈도를 줄입니다. 이는 또한 주 앱에서 백그라운드에서 실행되지 않는 타이머 문제에 대한 해결책을 제공합니다.

이 일이 간단한 작업처럼 보일 수 있지만, 실제로는 그렇지 않았습니다. 그러나 나는 이 블로그를 시작하여 정제된 결과물과 그 과정에서 진행한 많은 시행착오를 공유하기 위해 시작했습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

라이브 활동 및 다이나믹 아일랜드 설정에 대해 약 12시간 정도 소요되었고, 아직 일부 문제를 해결하고 있습니다. 다음 게시물에서는 이 간단해 보이는 기능을 작동시키기 위해 12시간이나 걸렸고 해결해야 할 문제들에 대해 자세히 살펴볼 것입니다. 기대해 주세요!

Live Activities 101 라이브 타이머 위젯 추가하는 방법

![image](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_0.png)

## 1) 함수에서의 타입 힌트

나는 처음에 타입 힌트를 전혀 사용하지 않고 Python을 배웠다. 그래서 Python을 몇 년 동안 쓰면서 전혀 타입 힌트를 쓰지 않았다.

간단한 예로, 두 정수의 평균을 찾는 함수를 작성하고 싶다면, 나는 어떻게 함수를 작성했는지 보여주겠습니다:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<img src="/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_1.png" />

현재 회사에서 함수를 작성하는 방법 (유형 힌트 및 설명 추가):

<img src="/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_2.png" />

- a: int는 ideally 정수 여야합니다.
- b: int는 ideally 정수 여야합니다.
- -: float는 함수가 ideal적으로 float 값 반환해야합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

그러나, 타입 힌트는 힌트를 주지만 강제하지는 않는다는 것을 주의해 주세요. 일반 문자열이나 다른 데이터 유형을 a와 b에 전달하면 Python이 실제로 괜찮습니다 (문자열을 2로 나누려고 할 때 오류가 발생할 때까지).

타입 힌트의 목적은 주로 1) 코드를 사람이 읽기 쉽게 만드는 것과 2) IDE(예: PyCharm 또는 VSCode)가 체크를 수행할 수 있도록 하는 것입니다.

가능한 한 함수에 타입 힌트를 추가하여 다른 프로그래머(또는 미래의 본인조차)이 함수를 이해하는 데 수월하게 할 수 있도록 노력해 보세요.

# 2) 기본 인수



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

![이미지](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_3.png)

위의 함수에서 greeting='hi'는 기본 인자입니다.

- greeting에 아무것도 전달하지 않기로 결정하면 자동으로 'hi'로 할당됩니다.
- greeting에 무언가를 전달하기로 결정하면 해당 값을 취합니다.

![이미지](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_4.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

`greet('tom')` 함수에는 인사말을 전달하지 않습니다. 이는 기본값인 'hi'가 사용됨을 의미합니다.

`greet('tom', greeting='hello')` 함수에는 'hello'라는 값이 인사말로 전달됩니다. 이는 기본 매개변수를 덮어쓰고 `greeting='hello'`로 대체하는 것을 의미합니다.

함수 내에 매개변수가 많을 때 모든 매개변수를 매번 호출할 필요 없이 이러한 방법을 사용할 수 있습니다.

# 3) Arguments VS Parameters



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

파이썬을 처음 배우는 몇 년 동안, 저도 그 둘이 같은 의미를 가리킨다고 생각했어요.

하지만 정말로 그렇진 않아요. 아주 미세한 차이가 있죠.

간단한 두 수의 평균을 반환하는 함수가 있다고 가정해봅시다.

![image](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_5.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

파라미터란 함수를 정의할 때 대괄호 안에 작성된 변수입니다. 여기서 a와 b는 파라미터입니다.

![Parameter](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_6.png)

인수는 함수를 호출할 때 실제로 전달하는 값을 의미합니다. 여기서 avg(a, b) 함수를 호출할 때 3과 5가 인수입니다.

# 4) 위치 인수 vs 키워드 인수



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

간단한 예제를 보여주기 위한 함수입니다.

![그림 1](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_7.png)

이 함수를 호출할 때 몇 가지 위치 인수를 전달해 보겠습니다.

![그림 2](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_8.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

위에서 4와 7은 위치 인수입니다. 위치 인수는 순서대로 있어야 합니다. 4는 a로 전달되고, 7은 b로 전달됩니다.

다음으로, 몇 가지 키워드 인수를 전달하여 함수를 호출해 봅시다.

![image](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_9.png)

위에서 b=5와 a=8은 키워드 인수입니다. 키워드 인수는 순서대로 있을 필요가 없지만 key=value 형식을 사용하여 전달해야 합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 5) 임의 위치 인수 (\*args)

함수의 임의 위치 인수인 \*args는 함수가 임의 개수의 위치 인수를 받을 수 있게 합니다.

![image](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_10.png)

^ 여기서 test 함수는 \*args를 사용하여 임의 개수의 위치 인수를 받을 수 있으며, 이 인수들은 args라는 튜플에 담기게 됩니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

일반 매개변수와도 결합할 수 있어요 (\*args는 뒷부분에 있어야 해요)

![image](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_11.png)

추가 정보 — *args의 이름은 정해져 있지 않아요. *를 앞에 붙이기만 하면 원하는 대로 지을 수 있어요.

# 6) 임의의 키워드 인수 (\*\*kwargs)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

임의의 키워드 인수 또는 \*\*kwargs로 알려진 것은 함수가 여러 개의 키워드 인수를 받을 수 있게 합니다.

![이미지](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_12.png)

여기에서 test 함수는 \*\*kwargs를 받아들이는데, 이를 통해 test가 여러 개의 키워드 인수를 받아들인 다음 kwargs라는 딕셔너리에 담을 수 있습니다.

우리는 또한 이것을 일반적인 매개변수와 결합할 수도 있습니다 (\*\*kwargs는 뒤에 와야 합니다)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

![image](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_13.png)

Additional note — we don’t have to name it kwargs if we don’t want to. We can name it whatever we want as long as it has \*\* in front of it.

# Quick Pause

I recently wrote a book — 101 Things I Never Knew About Python



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

작가로서 제를 지원하고 싶다면 여기를 확인해보세요!

링크: [여기](https://payhip.com/b/vywcf)

# 7) \* 와 \*\*를 사용하여 리스트/사전을 함수에 전달하기

다음은 간단한 함수로, 인자를 그대로 출력하는 기능을 가지고 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<img src="/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_14.png" />

이 함수를 호출할 때 일반적인 방법인 hi(1, 2) 대신에:

1. \*를 사용하여 위치 인수를 포함하는 리스트를 전달할 수 있습니다

<img src="/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_15.png" />



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

위에서 nums 앞의 \*는 해당 내용을 함수 호출로 위치 매개변수로 언팩합니다. 이는 hi(100, 200)과 동일합니다.

2. 키워드 인수를 포함하는 딕셔너리를 전달하려면 \*\*를 사용하세요.

![image](/assets/img/2024-08-13-7PythonFunctionThingsIRegretNotKnowingEarlier_16.png)

위에서 d 앞의 \*\*는 해당 키-값 쌍을 함수 호출로 키워드 인수로 언팩합니다. 이는 hi(a=100, b=100)과 동일합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 자세한 내용은 내 서브스택에

16개의 파이썬 함수. 내가 더 빨리 알았으면 하는 것들:

# 만약 제가 창작자로서 지원을 원한다면

- 제 서브스택 뉴스레터에 가입하세요: https://zlliu.substack.com/ — 나는 매주 파이썬과 관련된 이메일을 보냅니다.
- 제 책을 구입하세요: https://payhip.com/b/vywcf — 파이썬에 대해 알지 못했던 101가지
- 이 이야기에 50번 박수를 보내세요
- 여러분의 생각을 말해 주는 댓글을 남겨주세요
- 이 이야기의 가장 좋아하는 부분을 강조해주세요



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

감사합니다! 이런 작은 조치들이 큰 도움이 되고 정말 감사합니다!

YouTube: [https://www.youtube.com/@zlliu246](https://www.youtube.com/@zlliu246)

LinkedIn: [https://www.linkedin.com/in/zlliu/](https://www.linkedin.com/in/zlliu/)

초보개발자가 알아둬야할 7가지 파이썬 함수 기능

코딩 없이 만든 AI 뉴스 서비스 만들기 

<img src="/assets/img/2024-08-13-MyHonestAdviceforSomeoneWhoWantstoBecomeaDataScientist_0.png" />

그래서, 데이터 과학 분야로 진출하고 싶다는 많은 메시지를 받았어요. 여러 글들을 써서 제가 따를 만한 로드맵과 프로세스를 상세히 설명했지만, 때로는 솔직한 진실을 듣는 것도 좋다고 생각해요. 그래서 이 글에서는 데이터 과학자가 되고 싶은 분들을 위해 제가 완전히 솔직한 조언을 드리고 싶어요.

참고: 이 블로그 글의 비디오 버전도 볼 수 있어요.

# 지금 당장 시작해요



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

자주 묻는 질문 중 하나가 플랫폼 A를 사용해야 할지, 아니면 플랫폼 B를 사용해야 할지입니다. 과정 X와 과정 Y 중 어느 과정이 더 나은지요?

이전에도 여러 번 얘기했고 다시 말하겠지만, "중요하지 않다"고 할게요.

어떤 대형 과정 제공업체나 평가가 높은 과정이라도 특히 초심자와 입문 수준에서는 동일한 것을 가르쳐 줄 거예요. 어떤 과정을 선택할지 고르는 데 시간을 보내는 것은 오히려 일을 실제로 실행하는 데 쓰는 게 훨씬 더 낫다는 걸 명심하세요. 그렇게 하면 더 나아가며 목표를 향해 나아갈 수 있을 거예요.

비슷하게, 누군가는 자신에게 어떤 프로젝트를 해야 할지 물어봅니다. 저의 대답은 언제나 같아요: 마음에 드는 것을 선택하고 도전하세요. 올바른 프로젝트를 선택하는 데 시간을 낭비하는 것은 효과가 없기 때문에 사실 무의미한 일이에요. 그냥 무언가를 선택하고 작업하는 게 훨씬 낫고, 나중에는 항상 바꾸거나 더 선호하는 다른 프로젝트를 선택할 수 있어요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

유명한 명언에는 다음과 같이 나와 있습니다

또는 성공한 기업가인 노아 카간이 말하길:

관심이 있다면, 내가 좋아하는 데이터 과학 및 머신 러닝 자료의 완전한 목록을 작성해 두었습니다.

# 일하느라 바쁠 거에요



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

몇 년 전까지는 온라인 자격증을 취득한 다음 몇 달 내에 취직할 수 있었지만, 이제는 그런 현실이 아닙니다.

온라인 자격증은 데이터 과학과 머신 러닝의 컨텐츠를 배우는 데 매우 가치가 있는데요. 그러나 요즘에는 그것만으로는 취업에 큰 도움이 되지 않습니다, 특히 우리의 어려운 취업 시장에서는요.

자신을 마케팅하고 포트폴리오를 만들고 다양한 프로젝트를 수행하는 등 추가 작업을 많이 해야 다른 지원자들에게 앞설 수 있습니다. 지금은 더 열심히 일해야 하며, 이게 바로 현실입니다.

"열심히 일하라"라는 말은 도움이 되지 않을 수 있지만, '그라인드셋' 마인드를 지향하고 있는 것은 아닙니다. 하지만 데이터 과학자 공급이 기하급수적으로 늘어나면서 이제는 예전보다 더 많은 시간을 쏟아야 합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

만약 풀타임으로 일하고 계신다면, 아마도 일 다음 저녁이나 주말에 공부해야 할 것입니다. 학생이시라면, 대학 공부와 병행하여 수업을 들어야 할 것입니다.

희생이 필요하며, 아마도 몇 달 동안 이를 해야만 취직 준비가 충분히 될 것이고, 경우에 따라서는 심지어 1년이 걸릴 수도 있습니다.

모두에게 적용 가능하지는 않을 수 있으며, 이해합니다. 그러나, 데이터 과학이 정말 하고 싶은 분야라면, 수십 년 동안 즐겁게 할 수 있는 직업을 위해 1년 정도 희생하는 것은 좋은 선택처럼 느껴집니다. 물론, 제가 편향되어 있을 수도 있어요!

만약 데이터 과학 지원서를 돋보이게 만드는 방법에 대한 자세한 내용을 알고 싶다면, 제 이전 기사를 확인해보세요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 지금부터 데이터 사용 시작하기

일러나 특정 시간 외에도 공부해야 할 수도 있지만, 현재 역할에서 데이터를 최대한 활용해보세요. 단순히 학습에 도움이 되는 것뿐만 아니라, 데이터 과학 분야에서의 경력 여부를 결정하는 데 도움이 될 것입니다.

Excel과 같은 간단한 도구부터 시작해서 일상 업무에 더 많이 활용해보세요. 복잡한 기능을 실험함으로써 자신감을 점차 키울 수 있습니다. Excel에서 VBA도 탐험해보며 기술력을 향상시키고 프로그래밍에 더욱 친숙해질 수 있습니다.

가능하다면 SQL과 Python도 조금씩 해보세요. 이미 데이터 역할을 수행하고 있기 때문에 나중에 해당 분야에서 직업을 찾는 것이 훨씬 쉬워질 것입니다. 더불어 이러한 도구에 대한 능숙도도 기하급수적으로 증가할 것입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

모든 기업은 데이터를 어떤 식으로든 활용할 수 있습니다. 데이터 양은 시간이 지날수록 급격히 증가하고 있기 때문에, 이 데이터를 조직에서 활용할 수 있는 기회가 많이 있습니다. 조금 창의적으로 생각하기만 하면 됩니다!

당신이 현재 다른 사람들과 다르게 데이터 스킬을 통해 창출하는 가치가 크다면, 회사에서 당신을 영구적으로 데이터 과학자로 고용할 수도 있습니다. 이런 경우를 여러 번 들어 본 적이 있습니다.

# AI에 대해 걱정하지 마세요

미디어와 전문가가 AI를 과대평가하는 데에 힘썼기 때문에 약간의 공포심을 불러일으키기도 했습니다. 하지만 잘못된 인식일 뿐, 이 기술은 여전히 놀라울 만큼 높은 수준이며 특정 영역에서 확실히 도움이 됩니다. 저는 심지어 매일 이 기술을 사용하여 생산성을 높이고 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

여러 사람들이 AI 때문에 데이터 과학 분야에 들어가야 할지에 대해 저에게 메시지를 보냈어요. 제 의견으로는 현재 상황에서 데이터 과학자를 대체할 수는 없기 때문에 걱정하지 않아도 된다고 생각해요.

NeetCode에서는 현재 AI가 프로그래머를 대체할 수 없다는 것을 잘 설명한 영상을 제작했어요.

확실한 것은 AI가 코드를 작성하고 다양한 작업을 수행할 수 있다는 것이에요. 그러나, 데이터 과학자 수준에는 못 미치며, 수학적 추론과 관련된 경우에는 특히 그렇다고 생각해요. ChatGPT에 페르마의 마지막 정리를 증명하도록 시도해 보세요; 올바르게 실행하지 못할 거예요.

“소프트웨어 엔지니어 킬러”로 불리는 Devin조차도 초기에 홍보된 것만큼 좋지 않아요. 많은 기업이 AI를 과장해서 투자를 증가시키려고 하고, 그 결과는 종종 과대포장된 것이 많아요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

웹사이트를 만들 때 GPT조차도 간단한 HTML 및 CSS에 어려움을 겪었던 적이 있어요. 그것이 GPT의 전문 분야라고 할 수 있죠.

이러한 대규모 언어 모델들이 실패하거나 많은 작업에 유용하지 않은 사례가 많이 있어요. 이는 그들이 지식은 가지고 있지만 천연지능은 없다는 것 때문입니다. 유명한 컴퓨터 과학자인 앙 르쿤(Yann LeCun)이 말했듯이요:

그리고 4세 아동이 오늘날 가장 큰 LLM보다 50배 많은 데이터를 본 것입니다.

대체로, AI에 대해 걱정하지 마세요; 이것은 데이터 과학자가 되고 싶어하는 것에 대한 변명이 아니에요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 취직은 시작에 불과해요!

어떤 것이든, 진정한 일은 처음 역할을 맡을 때 시작됩니다. 처음 일자리를 얻는 것은 힘들지만, 일단 들어가면 여정 중 많은 정신적 싸움이 올 겁니다.

바깥에서 보는 커리어는 모두 쨍한 햇살과 무지개 같을 것 같지만 항상 그런 것은 아닙니다. 예상할 수 있는 것은:

- 평생 학습 - `당신의 커리어를 꾸준히 업 스킬해야 합니다.
- 지속적인 사기초인 증후군 - `당신은 절대 자신이 안다고 느끼지 않을 겁니다.
- 소진감 느낌 - `배워야 할 것이 항상 있기에 모든 것에 꾸준히 따라가는 것이 정말로 힘듭니다.
- 분야의 지속적인 변화 - `매년 새로운 발전과 기술이 등장해 그들을 따라가야 합니다.
- 모호한 직무 정의 - `데이터 사이언스는 여전히 새로운 직업이기에 정확히 역할과 책임이 무엇인지 명확하지 않습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

눈앞의 일부분에 불과하죠.

이런 것들은 모든 데이터 과학자들이 직업 생활 중 언젠가는 마주칠 가능성이 있는 보편적인 경험들이에요. 이러한 도전들이 극도로 어렵게 느껴진다면, 이 직업 분야가 당신에게 맞지 않을 수도 있습니다.

이것은 당신을 des해 아니라, 당신이 어떤 일을 상대하게 될지에 대해 완전히 솔직해지려는 것입니다.

데이터 과학자가 되는 현실에 대한 자세한 내용은 제 이전 포스트를 확인해보세요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 요약 및 추가 생각

이 기사가 너무 강경한 사랑으로 비춰진 것으로 비춰졌으면 좋겠어요. 그냥 시작하는 데이터 과학자들이 꼭 들어야 하는 조언을 간결하게 전하고 싶었어요. 제가 도움이 되었으면 좋겠고, 데이터 과학으로의 여정을 명확하게 할 수 있었으면 좋겠어요.

# 또 하나의 소식!

제 무료 뉴스레터 'Dishing the Data'를 가지고 있어요. 거기에서 저는 실제 데이터 과학자로서 매주 팁과 조언을 나누고 있어요. 또한 구독 시, 제 무료 데이터 과학 이력서와 이 AI 로드맵의 간략한 PDF 버전을 받을 수 있어요!



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 저와 연락하기!

- LinkedIn, X (Twitter), 또는 Instagram.
- 제 YouTube 채널에서는 기술적인 데이터 과학과 기계 학습 개념을 배울 수 있어요!
- 👉 1:1 멘토링 통화 예약하기

데이터 과학자가 되고 싶다면 봐야하는 글

<img src="/assets/img/2024-08-13-BoostYourAndroidAppsPerformancewithaFlatViewHierarchy_0.png" />

안드로이드 개발 세계에서 반응성이 있고 효율적인 사용자 인터페이스(UI)를 만드는 것이 중요합니다. 그러나 흔한 실수 중 하나는 성능 병목 현상과 증가된 메모리 사용량으로 이어질 수 있는 깊게 중첩된 뷰 계층구조를 사용하는 것입니다. 이를 극복하기 위해 평면 뷰 계층구조를 도입하는 것이 중요합니다.

이 블로그에서는 평면 뷰 계층구조의 장점에 대해 자세히 살펴보고, 이를 달성하기 위한 기술을 탐구하며, 이 개념과 관련된 면접 질문도 다루겠습니다.

# 왜 평면 뷰 계층구조가 중요한 이유



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

성능 향상:

- 측정/레이아웃 패스: 안드로이드 레이아웃의 각 뷰는 측정 및 레이아웃 패스를 거칩니다. 깊게 중첩된 계층구조는 이러한 작업의 복잡성을 증가시켜 렌더링 시간을 늘리는 원인이 될 수 있습니다.
- 그리기 패스: 그리기 패스 중에 각 뷰가 렌더링되어야 합니다. 계층이 깊을수록 각 뷰 및 그 자식 뷰를 그리는 데 더 오랜 시간이 걸리므로 앱이 느려질 수 있습니다.

메모리 사용:

- 평평한 계층구조는 레이아웃에 있는 뷰 객체 수를 줄여 메모리 사용량을 낮출 수 있습니다. 더 적은 뷰는 View 및 ViewGroup 객체의 오버헤드를 줄이므로 더 메모리 효율적인 앱을 만들 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

유지보수 용이성:

- 간소화된 레이아웃은 이해하기 쉽고 디버그 및 유지보수가 쉽습니다. 평면 구조는 복잡성을 줄여 개발자가 중첩된 뷰 덩어리 속에서 길을 잃지 않고 UI 작업을 할 수 있도록 합니다.

레이아웃 성능 향상:

- 안드로이드는 평면 구조로 뷰를 효율적으로 렌더링하여 더 부드럽고 빠른 UI 성능을 제공할 수 있습니다. 이는 훌륭한 사용자 경험을 제공하는 반응형 앱을 만드는 데 중요합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

오버드로우 감소:

- 한 프레임 내에서 동일한 픽셀이 여러 번 그려질 때 오버드로우가 발생합니다. 더 평평한 계층 구조는 서로 겹치는 뷰를 줄이는 데 도움이 되어 처리 능력을 절약하고 성능을 향상시킵니다.

![BoostYourAndroidAppsPerformancewithaFlatViewHierarchy_1](/assets/img/2024-08-13-BoostYourAndroidAppsPerformancewithaFlatViewHierarchy_1.png)

# 평평한 뷰 계층 구조를 달성하는 기술



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이제 평면 뷰 계층의 중요성을 이해했으니, 안드로이드 프로젝트에서 이를 달성하는 방법을 살펴보겠습니다:

## 1. ConstraintLayout 사용

ConstraintLayout은 복잡한 레이아웃을 평면 계층으로 만들 수 있게 해주는 강력한 도구입니다. 뷰를 서로 상대적으로 배치하는 유연한 방식을 제공하여 많은 중첩된 LinearLayout 및 RelativeLayout 구조체를 대체합니다. 이를 통해 보다 깨끗하고 효율적인 레이아웃을 구성할 수 있습니다.

예시:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

특정 레이아웃을 구현하기 위해 여러 개의 LinearLayout을 중첩하는 대신에 ConstraintLayout을 사용하여 요소를 직접 배치할 수 있습니다. 이렇게 하면 뷰의 수가 줄고 중복이 제거됩니다.

```js
<ConstraintLayout android:layout_width="match_parent" android:layout_height="wrap_content">
  <TextView
    android:id="@+id/label1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Label 1"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/label2"
    app:layout_constraintTop_toTopOf="parent"
  />
  <TextView
    android:id="@+id/label2"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Label 2"
    app:layout_constraintStart_toEndOf="@+id/label1"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
  />
</ConstraintLayout>
```

## 2. Merge 태그 활용하기

`merge` 태그는 레이아웃에서 불필요한 뷰 그룹을 줄이는 데 유용한 도구입니다. 재사용 가능한 구성 요소를 포함할 때 특히 유용합니다. `merge`를 사용하면 그렇지 않았을 때 View 그룹의 추가적인 레이어를 방지하여 레이아웃 계층 구조를 비대해지지 않게 할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

예시:

재사용 가능한 컴포넌트에 LinearLayout을 포함하는 경우, 또 다른 ViewGroup을 중첩하는 것을 피하고자 루트 요소를 `merge`로 대체할 수 있습니다.

```js

<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</merge>
```

## 3. ViewStub 사용하기



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

ViewStub은 필요할 때까지 뷰를 팽창시키지 않고 가벼운 미처리 뷰입니다. 특히 처음부터 뷰 계층을 얕게 유지하려는 경우에 유용합니다.

예시:

항상 표시되지 않는 섹션을 포함한 레이아웃이 있는 경우, ViewStub을 사용하여 필요할 때만로드할 수 있습니다.

```js
<ViewStub
  android:id="@+id/viewStub"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout="@layout/reusable_component"
/>
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 4. 태그 포함하기

`include` 태그를 사용하면 추가적인 계층을 추가하지 않고 레이아웃을 재사용할 수 있습니다. `include`를 사용하여 앱 전반에 걸쳐 공통 구성 요소를 재사용함으로써 일관성과 재사용성을 유지할 수 있습니다.

예시:

여러 XML 파일에 동일한 레이아웃 코드를 복사하는 대신 필요한 곳 어디에서든 별도의 레이아웃 파일을 만들고 포함시킬 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
<include android:id="@+id/included_layout" layout="@layout/reusable_component" />
```

# 면접 질문과 답변

평면 뷰 계층 구조의 개념을 이해하는 것은 중요합니다. 종종 안드로이드 개발자 면접에서 시험되는 내용입니다. 다음은 귀하가 마주칠 수있는 잠재적인 질문입니다:

Q1: 안드로이드에서 왜 깊게 중첩된 계층 구조 대신 평면 뷰 계층 구조를 선호하는가요?



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

A1: 메져, 레이아웃 및 드로우 패스에 필요한 시간을 줄여 성능을 향상시키는 것이 중요하기 때문에 평면 뷰 계층 구조가 선호됩니다. 이는 뷰 객체의 수를 줄여 메모리 사용량을 감소시키고 레이아웃의 유지 관리를 간단하게 만듭니다. 또한 오버드로우를 최소화하여 더 부드러운 UI 성능을 제공합니다.

Q2: 안드로이드 레이아웃에서 평면 뷰 계층 구조를 어떻게 구현할 수 있나요?

A2: 안드로이드 레이아웃에서 평면 뷰 계층 구조를 구현하는 방법은 다음과 같습니다:

- 뷰를 중첩하지 않고 서로 상대적인 위치로 배치하기 위해 ConstraintLayout을 사용합니다.
- 필요없는 뷰 그룹을 줄이기 위해 `merge` 태그를 활용합니다.
- 필요할 때까지 뷰를 인플레이션하는 것을 연기하기 위해 ViewStub을 구현합니다.
- 추가적인 레이어를 추가하지 않고 일관성을 유지하기 위해 `include`로 레이아웃을 재사용합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Q3: 안드로이드 애플리케이션의 성능에 오버드로우가 미치는 영향은 무엇이며, 평면 계층 구조가 어떻게 도움이 되나요?

A3: 오버드로우는 한 프레임 내에서 동일한 픽셀이 여러 번 그려지면 발생하며, 이는 처리 성능을 낭비하고 느린 UI를 유발할 수 있습니다. 평면 뷰 계층구조는 겹치는 뷰를 줄여 오버드로우를 최소화하는 데 도움이 되어 렌더링 성능을 향상시키고 부드러운 사용자 경험을 제공합니다.

Q4: ConstraintLayout을 사용하여 중첩 레이아웃을 어떻게 평면화하는지 예시를 들어 설명해주실 수 있나요?

A4: 물론! 예를 들어, 여러 LinearLayout이 있는 중첩 레이아웃은 요소들을 서로 직접 위치에 맞춰 ConstraintLayout을 사용하여 평면화할 수 있습니다. 이렇게 하면 불필요한 중첩을 제거하고 전체 뷰 계층구조를 간소화할 수 있으며, 이는 블로그의 예시와 같이 표시됩니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 결론

Android 레이아웃을 최적화하면 평면 뷰 계층 구조를 채택하여 앱의 성능을 크게 향상시키고 메모리 사용량을 줄이며 유지 관리를 쉽게 할 수 있습니다. ConstraintLayout, `merge`, ViewStub과 같은 도구를 활용하여 효율적이고 반응성 있는 UI를 만들어 우수한 사용자 경험을 제공할 수 있습니다.

다음 Android 앱을 설계할 때 이러한 기술을 염두에 두면 성능이 우수하고 유지 관리가 쉬운 애플리케이션을 만들 수 있습니다. 즐거운 코딩되세요!

만약 이 블로그가 도움이 되었다면 공유하고 댓글로 의견을 남겨주세요!



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

만약 안드로이드 개발에 흥미를 느낀다면, 깊이 있는 기사를 보기 위해 제 Medium을 팔로우하고 테크 커뮤니티에서 인사이트를 공유하며 함께 성장하기 위해 LinkedIn에서 연결해주세요! 🚀

#AndroidDev #MediumBlog #LinkedInNetworking

플랫 뷰 계층 구조로 안드로이드 앱 성능 향상 시키는 방법

## 더 깨끗한 코드베이스와 빠른 코드 리뷰

![이미지](/assets/img/2024-08-13-HowktlintMakesDevelopersLivesEasier_0.png)

Ktlint은 Pinterest에서 만들고 유지보수하는 내장 자동 포매터가 있는 Kotlin용 추가 린터입니다. 이미 모두가 Android Studio, IntelliJ IDEA 또는 다른 IDE에 어떤 린터를 가지고 있습니다.

## 그렇다면 이점은 무엇인가요?



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

- IDE에서 잡아내지 못하는 많은 추가 규칙 확인 사항이 있습니다.
- CI 확인을 통해 규칙을 강제할 수 있습니다.
- .editorconfig를 통해 구성이 필요하지 않지만 가능합니다.
- 사용자 정의 규칙 세트로 확장할 수 있습니다.
- 대부분의 문제를 해결할 수 있는 내장 포매터가 있습니다.
- 일관성을 유지하면 코드베이스를 살펴보기가 훨씬 쉬워집니다.
- 세밀하게 린트 규칙을 활성화/비활성화할 수 있습니다.

ktlint가 얼마나 멋진지 알았으니, 이제 프로젝트에 설정해 보세요.

# 설정

자신을 위해 예제 리포지토리를 가져 오려는 분들을 위해 이 프로젝트를 복제하세요: https://github.com/AndroBrain/KtlintExample.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 1. 플러그인 선언

당신의 libs.versions.toml에 다음을 추가해주세요:

```js
[versions]
# 이 글을 작성하는 시점에서의 가장 최신 버전입니다
ktlint = "12.1.1"
[plugins]
ktlint = { id = "org.jlleitschuh.gradle.ktlint", version.ref = "ktlint" }
```

ktlint의 가장 최신 버전을 여기에서 찾을 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 2. 플러그인 적용

프로젝트의 build.gradle 내부:

```js
plugins {
      alias(libs.plugins.ktlint) apply false
      ...
}
```

모듈의 build.gradle 내부:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
plugins {
    alias(libs.plugins.ktlint)
    ...
}

ktlint { // 키 구성 포인트를 강조하는 기능이 있지만 실제로 추가할 필요가 없음
    android = true
    ignoreFailures = false // 빌드가 실패하도록 하기 위한 것, 단순히 출력하는 것이 아님
    reporters {
        reporter(ReporterType.PLAIN)
        reporter(ReporterType.HTML)
        reporter(ReporterType.SARIF)
    }
}
```

만약 멀티 모듈 환경에서 작업하고 있고, 이것을 모든 모듈에 추가하려면, 프로젝트 build.gradle 내의 subprojects에 작성하십시오.

## 3. ktlint 실행

ktlint를 실행하는 가장 쉬운 방법은 Gradle을 열고 `Gradle 작업 실행`을 선택하는 것입니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

![ktlintCheck](/assets/img/2024-08-13-HowktlintMakesDevelopersLivesEasier_1.png)

A window should pop up, and inside of it, write ktlintCheck:

![ktlintFormat](/assets/img/2024-08-13-HowktlintMakesDevelopersLivesEasier_2.png)

If you want to use the auto-formatted, change it to ktlintFormat:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

![How ktlint Makes Developers Lives Easier - Image 3](/assets/img/2024-08-13-HowktlintMakesDevelopersLivesEasier_3.png)

It will still print an error if something cannot be safely auto-formatted.

![How ktlint Makes Developers Lives Easier - Image 4](/assets/img/2024-08-13-HowktlintMakesDevelopersLivesEasier_4.png)

If you need the version of the command that can be used for your CI:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
./gradlew ktlintCheck
```

## Github 저장소 예시:

읽어 주셔서 감사합니다. 새로운 것을 배우신다면, 더 많은 컨텐츠를 위해 저를 팔로우해주세요!

## 기반:

ktlint 개발자가 알아둬야하는 팁

![image](/assets/img/2024-08-13-Top3AndroidDevelopmentAITools_0.png)

인공지능은 핫한 주제입니다. 점점 더 중요해지고 있는 추세입니다. 어떤 사람들은 이것이 전체 프로그래밍 업계를 혁신할 것이라고 말합니다. 그들을 놓치지 말아야 합니다. 왜냐하면 그들은 당신의 생산성을 크게 향상시킬 수도 있기 때문입니다! 그러나 오용할 경우에는 오히려 나빠질 수도 있습니다. 여기 몇 가지 주목할 만한 인공지능 도구가 있습니다:

# 1. 젬니

![image](/assets/img/2024-08-13-Top3AndroidDevelopmentAITools_1.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

그 중 하나인 이 유명한 도구는 특히 Android 개발에 유용합니다. Android Studio에 이미 포함되어 있어요. 전체 코드베이스를 스캔할 수 있기 때문에, 기존 코드와 더 유사한 결과물을 생성할 수 있어요. 작업 흐름을 최적화할 수 있어요!

하지만, 코드를 대부분 또는 전체 공유하지 않고 사용하면 생성된 코드가 의미없는 코드일 수 있어요. 회사 코드를 공유할 수 없는 대부분의 소프트웨어 개발자에게는 큰 도움이 되지 않을 수 있어요.

# 2. 확인 사항

![이미지](/assets/img/2024-08-13-Top3AndroidDevelopmentAITools_2.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Google Play 규정 준수에 대처하는 것은 정말 귀찮은 일입니다. 그래서 Google은 준수를 간단하게하는 AI 도구를 만들기로 결정했습니다. 이 도구는 데이터 공유 방법을 감지하거나 데이터 안전성 양식을 업데이트해야 하는지 등을 확인할 수 있습니다.

가장 좋은 점 중 하나는 릴리스 브랜치를 생성할 때마다 CI 흐름에 통합하여 Google 정책 위반을 방지할 수 있다는 것입니다. 이는 당신의 앱이 다운되는 문제까지 발생할 수 있는 Google 규정을 위반하는 것을 미연에 방지할 수 있습니다.

# 3. ChatGpt

![ChatGpt]("assets/img/2024-08-13-Top3AndroidDevelopmentAITools_3.png")



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

그것은 너무 일반적이면서도 잘 작동하기 때문에, 제일 유명한 AI 도구 중 하나에요. 저는 가장 좋은 AI 프롬프트를 사용했지만, 안드로이드용 코틀린 코드를 잘 작성한 적이 거의 없어요.

대부분으로는 버전이 낡은 내용이 제공되거나 코드를 수정해야 했어요. 효율적이지 않았고, 결국은 스스로 처음부터 코드를 작성하는 편이 더 나았어요!

하지만 한 가지 잘 한 점이 있어요: 스크립트 생성입니다. 만약 꾸준히 사용할 스크립트가 필요하거나 일회성 스크립트가 필요하다면, 이 도구가 완벽해요. 때로는 완벽히 작동하지 않을 수도 있지만, 우리는 프로그래머니까 간단한 스크립트이기 때문에 문제를 찾는 것도 간단해요. 제가 테스트해본 결과, Python 스크립트와 가장 잘 작동하는 것 같아요.

읽어주셔서 감사해요! 새로운 것을 배우셨다면 박수를 보내주시고 더 많은 정보를 얻으려면 팔로우해주세요!

안드로이드 개발할 때 꼭 필요한 AI 도구 3가지

레일스의 최신 버전인 Rails 7.2가 출시되었습니다! 이번 릴리스에는 개발 애플리케이션을 더 효율적이고 즐겁게 만들어주는 다양한 새로운 기능과 개선 사항이 포함되어 있습니다. 주요 업데이트를 살펴보고 시작하는 데 도움이 될 예제를 함께 살펴보세요. 🎉

탑재된 내용:

- Redis 컨테이너: 캐싱, 액션 케이블 및 기타 Redis 종속 기능에 사용됩니다.
- 데이터베이스: SQLite, Postgres, MySQL 또는 MariaDB 중 선택할 수 있습니다.
- Headless Chrome: GUI 없이 시스템 테스트를 실행하는 데 이상적입니다.
- Active Storage: 모든 미리보기 기능이 활성화된 로컬 디스크 스토리지를 사용하도록 구성됩니다.

사용 방법:

- 새 앱 생성: 다음 명령을 실행하여 개발 컨테이너가 포함된 새로운 Rails 애플리케이션을 생성할 수 있습니다:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
rails new myapp --devcontainer
```

-기존 앱에 추가하기: 이미 Rails 앱을 가지고 계신 경우, 다음 명령을 실행하여 개발 컨테이너 구성을 추가할 수 있습니다:

```js
rails devcontainer
```

이렇게 하면 `Dockerfile`, `docker-compose.yml`, `devcontainer.json`과 같은 필요한 구성 파일이 모두 포함된 `.devcontainer` 폴더가 생성됩니다. 이제 Visual Studio Code나 다른 dev containers를 지원하는 도구를 사용하여 완전히 구성된 환경에서 코딩을 시작할 수 있습니다. 💻



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Rails 7.2에서는 응용 프로그램에 액세스 할 수있는 브라우저 버전을 지정하는 기능이 도입되었습니다. 이는 필요한 기능을 지원하는 브라우저에서만 응용 프로그램이 실행되도록하여 호환성 문제를 피하는 데 유용합니다.

예를 들어, 인터넷 익스플로러와 같이 구버전의 브라우저를 차단하고 Safari, Firefox 및 Chrome과 같이 최신 버전의 브라우저만 허용하려면 다음과 같이 할 수 있습니다:

```js
class ApplicationController < ActionController::Base
 allow_browser versions: { safari: 16.4, firefox: 121, ie: false }
end
```

컨트롤러 내 개별 작업에 대한 특정 규칙도 추가할 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
class MessagesController < ApplicationController
 allow_browser versions: { opera: 104, chrome: 119 }, only: :show
end
```

만약 지원되지 않는 브라우저로 앱에 액세스하려는 사용자가 있으면 `406 Not Acceptable` 오류가 표시되고 앱은 사용자에게 브라우저를 업데이트하라는 친절한 메시지를 제공합니다.

무엇인가요: Rails 7.2는 실행하기 위해 적어도 Ruby 3.1이 필요합니다. 이는 Rails 애플리케이션이 최신 Ruby 기능, 보안 패치 및 성능 향상을 얻도록 보장합니다.

왜 중요한가요: 이전 Ruby 버전을 삭제함으로써 Rails는 가볍고 현대적인 Ruby 기능을 활용할 수 있습니다. 또한 개발자가 환경을 최신 상태로 유지하도록 장려하여 잠재적인 보안 위험을 줄이고 애플리케이션 성능을 향상시킵니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

업그레이드 방법: 이전 버전의 Ruby를 사용 중이라면, Rails 7.2로 업데이트하기 전에 Ruby 3.1로 업그레이드해야 합니다. 다음은 어떻게 할 수 있는지에 대한 안내입니다:

- Ruby 3.1 설치: `rbenv`나 `rvm`과 같은 버전 관리자를 사용하여 Ruby 3.1을 설치합니다.

```js
rbenv install 3.1.0
```

2. Gemfile 업데이트: `Gemfile`을 업데이트하여 새로운 Ruby 버전을 지정합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
루비 '3.1.0'
```

3. 번들 설치: `bundle install`을 실행하여 모든 보석이 Ruby 3.1과 호환되는지 확인하세요.

무엇인가요: Rails 7.2는 PWA(Progressive Web Application) 지원을 위해 PWA 매니페스트와 서비스 워커를 생성하여 응용 프로그램을 준비합니다. 이러한 파일을 통해 응용 프로그램이 네이티브 모바일 앱처럼 동작하여 오프라인 액세스, 푸시 알림 및 홈 화면 아이콘과 같은 기능을 제공할 수 있습니다.

예시: 새로운 Rails 앱을 생성할 때 다음 파일이 자동으로 포함됩니다:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

- Manifest: 앱의 이름, 아이콘, 테마 색상 및 기타 메타데이터를 정의합니다.
- Service Worker: 앱의 캐싱 및 오프라인 액세스를 처리합니다.

이 파일들은 `app/views/pwa`에서 제공되며 ERB를 사용하여 동적 콘텐츠를 렌더링하는 데 사용할 수 있습니다.

사용 방법: 생성된 파일을 수정하여 앱의 요구에 맞게 사용자 정의할 수 있습니다. 예를 들어, 매니페스트를 수정하여 앱의 로고와 테마 색상을 포함할 수 있습니다:

```js
{
 "name": "나의 Rails 앱",
 "short_name": "RailsApp",
 "icons": [
 {
 "src": "/assets/icon.png",
 "sizes": "192x192",
 "type": "image/png"
 }
 ],
 "start_url": "/",
 "display": "standalone",
 "theme_color": "#000000",
 "background_color": "#ffffff"
}
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

무엇인가요: Rails 7.2에는 `rubocop-rails-omakase` 젬에서 가져온 기본 RuboCop 규칙 세트가 포함되어 있습니다. RuboCop은 깨끗하고 일관성 있고 관용적인 루비 코드를 작성하는 데 도움이 되는 정적 코드 분석기입니다.

왜 유용한가요: 이러한 기본 규칙은 코드 스타일링에 대한 견고한 시작점을 제공하여, 특히 자체 스타일 가이드를 수립하지 않은 팀에게 도움이 됩니다. 일관된 코드베이스를 유지하여 읽고 협업하기 쉽게 만들어 줍니다.

어떻게 사용자 정의할 수 있나요: 프로젝트에서 생성된 `.rubocop.yml` 파일을 편집하여 RuboCop 규칙을 팀의 선호도에 맞게 사용자 정의할 수 있습니다. 몇 가지 규칙을 사용자 정의하는 예시는 다음과 같습니다:

```js
Style/StringLiterals:
 EnforcedStyle: double_quotes
Metrics/LineLength:
 Max: 100
```



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

당신은 RuboCop을 실행하여 코드를 분석할 수 있어요:

```js
rubocop;
```

무엇인가요: Rails 7.2는 새로운 애플리케이션에 GitHub CI 워크플로 파일을 자동으로 추가합니다. 이를 통해 GitHub Actions를 사용하여 자동화된 테스트, 린팅 및 보안 스캔을 설정하여 높은 코드 품질을 유지할 수 있어요.

무엇인가요: 새로운 Rails 7.2 애플리케이션에는 이제 정적 분석 보안 도구인 Brakeman이 기본적으로 설치되어 있어요. 이 도구는 코드를 보안 취약점으로 스캔하고 GitHub CI 워크플로와 매끄럽게 통합될 수 있어요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

브레이크맨을 실행하는 방법: 다음 명령을 사용하여 브레이크맨을 수동으로 실행할 수 있습니다:

```js
brakeman;
```

또는 CI 파이프라인의 일부로 깃허브로 푸시할 때 자동으로 실행하도록 할 수 있습니다. 이렇게 하면 잠재적 보안 문제를 개발 프로세스 초기 단계에서 미리 발견할 수 있습니다.

브레이크맨이란: 레일즈 7.2에서는 Puma(레일즈의 기본 웹 서버)의 기본 쓰레드 수를 5에서 3으로 변경합니다. 이 변경은 실무 경험을 기반으로 하며 동시성과 성능을 최적화하는 데 도움이 됩니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

왜 중요한가요: 쓰레드 수를 줄이면 글로벌 VM 락(GVL)이 해제되기를 기다리는 시간이 최소화되어 애플리케이션의 요청 응답 시간을 개선할 수 있습니다.

사용자 정의 방법: 쓰레드 수를 조정하려면 `puma.rb` 구성 파일을 수정할 수 있습니다:

```js
threads_count = ENV.fetch("RAILS_MAX_THREADS") { 3 }
threads threads_count, threads_count
```

여러 가지 값으로 실험하여 특정 애플리케이션에 최적인 균형을 찾아보세요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

무슨 것이: 레일스에서 흔한 문제 중 하나는 트랜잭션 내에서 작업을 큐에 추가하는 것인데, 이는 작업이 트랜잭션이 완료되기 전에 처리되면 오류를 발생시킬 수 있습니다. 레일스 7.2는 이제 트랜잭션이 완료된 후에 작업을 큐에 추가하므로 이러한 오류를 방지합니다.

예시: 이 기능이 작동하는 방식은 다음과 같습니다:

```js
Topic.transaction do
  topic = Topic.create
  NewTopicNotificationJob.perform_later(topic)
end
```

위 예시에서 `NewTopicNotificationJob`은 트랜잭션이 성공적으로 커밋된 후에 큐에 추가됩니다. 이렇게 하면 관련된 데이터베이스 변경 사항이 안전하게 저장된 경우에만 작업이 실행되도록 보장됩니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

만약 이 동작을 명시적으로 제어하고 싶다면, `enqueue_after_transaction_commit` 옵션을 사용할 수 있어요:

```js
NewTopicNotificationJob.set(enqueue_after_transaction_commit: true).perform_later(topic)
```

이게 뭔가요: Rails 7.2에서는 ActiveRecord 모델 외부에서도 트랜잭션에 콜백을 등록할 수 있는 기능을 소개했어요. 이를 통해 트랜잭션이 커밋되거나 롤백될 때만 발생해야 하는 동작을 더 유연하게 관리할 수 있어요.

예시: 트랜잭션이 성공적으로 커밋된 후에만 이메일 알림을 보내고 싶다면 다음과 같이 할 수 있어요:



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
Article.transaction do |transaction|
 article.update(published: true)
  transaction.after_commit do
    PublishNotificationMailer.with(article: article).deliver_later
  end
end
```

만약 트랜잭션이 실패하면, 이메일이 전송되지 않습니다. 이는 코드가 더 견고하고 예측 가능하도록 보장합니다.

무엇인가요: 루비에서 도입된 Just-In-Time (JIT) 컴파일러인 YJIT은 Ruby 3.3 이상을 사용하고 있다면 기본으로 활성화됩니다. YJIT은 루비 코드가 실행되는 방식을 최적화하여 레일즈 애플리케이션을 크게 가속화할 수 있습니다.

작동 방식: YJIT은 코드의 자주 실행되는 부분을 실시간으로 기계 코드로 컴파일하여 레일즈 애플리케이션의 대기 시간을 15~25% 향상시킬 수 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

왜 멋진가요: 이 기능은 자동으로 활성화되어 성능을 향상시키며 별도의 구성 없이 혜택을 누릴 수 있습니다. Ruby 3.3 이상을 실행 중이라면 해당 기능을 활용할 수 있습니다.

이것이 무엇인가요: Rails 7.2는 Rails 가이드에 새롭고 깔끔한 디자인을 도입하여 사용자 친화적인 환경을 제공합니다. 업데이트된 디자인은 Rails 홈페이지와 일관성 있게 유지되며 내비게이션을 간소화합니다.

왜 중요한가요: Rails 가이드는 Rails 개념을 학습하고 참조하는 데 필수적인 자원입니다. 새로운 디자인은 정보를 빠르게 찾을 수 있게 해주며 더 즐거운 읽기 경험을 제공합니다.

이것이 무엇인가요: Rails 7.2에는 기본 Dockerfile에 jemalloc이 포함되어 메모리 할당을 최적화합니다. Jemalloc은 메모리 단편화를 줄여주는 메모리 할당기로, 퓨마와 같은 멀티스레드 환경에 특히 유용합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

왜 중요한가요: jemalloc을 사용하면 더 효율적인 메모리 사용이 가능하며, Rails 애플리케이션의 메모리 소비를 줄이고 성능을 향상시킬 수 있습니다.

사용 방법: Docker를 사용 중이라면 Rails은 자동으로 jemalloc을 사용할 것입니다. Dockerfile에 수동으로 추가할 수도 있습니다.

```js
RUN apt-get update && apt-get install -y libjemalloc-dev
ENV LD_PRELOAD=/usr/lib/x86_64-linux-gnu/libjemalloc.so.2
```

이것이 무엇인가요: Puma-dev은 Docker를 필요로 하지 않고 로컬에서 여러 개의 Rails 애플리케이션을 쉽게 관리할 수 있는 도구입니다. Rails 7.2에서는 `bin/setup` 스크립트에 puma-dev를 설정하는 제안이 포함되어 있습니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

왜 유용한가요: 여러 개의 Rails 애플리케이션을 동시에 작업 중이라면 puma-dev을 사용하면 관리가 간단해집니다. 다른 포트를 관리하는 대신 `myapp.test`와 같은 사용자 정의 도메인을 통해 각 앱에 액세스할 수 있습니다.

Rails 7.2에는 개발 워크플로우를 향상시키고 성능을 향상시키며 응용 프로그램을 더 안전하고 유지보수가 쉽도록하는 기능이 가득히 포함되어 있습니다. 개발용 컨테이너 추가, 더 나은 브라우저 호환성 제어, 또는 새로운 트랜잭션 관리 기능 등, 이번 릴리스에서 모두를 위한 기능이 있습니다. 전체 기능 목록을 확인하려면 여기를 참조하세요.

오늘 Rails 7.2로 업그레이드하고 이 흥미로운 새로운 기능을 활용해보세요! 🚀

Rails 7.2에 대한 이 깊은 탐구를 즐겼나요? 동료 개발자와 공유하고 Rails 통찰과 튜토리얼을 더 기대해주세요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1898504329"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

행복한 코딩! 🎉

Posts