티스토리

iOS 개발 기록

검색하기

블로그 홈

iOS 개발 기록

leetaek.tistory.com/m

택꽁이 님의 블로그입니다.

구독자: 6

방명록 방문하기

주요 글 목록

[SwiftData] iOS18이상에서 ModelContext.reset 호출로 인해 나타나는 런타임 오류 (TCA+SwiftData) Fatal error: This model instance was destroyed by calling ModelContext.reset and is no longer usable. 발생 상황iPadOS18 이상으로 업데이트하니 갑자기 사이드 프로젝트 앱에서 다음과 같은 에러와 함께 강제 종료가 되기 시작했다. iOS17까지는 잘 돌아가던 코드가 18부터 오류가 발생하기 시작한 것.앱은 TCA 아키텍처 구조에서 SwiftData를 사용하고 있었다. 사용하고 있던 방법은 다음과 같다. 1. SwiftData의 데이터를 관리하고 저장소에 접근하기 위한 ModelContainer를 생성HTML 삽입미리보기할 수 없는 소스 2. 동시성 문제 없이 데이터를 관리하기 위해 ModelActor로 데이터를 관.. 공감수 8 댓글수 4 2024. 10. 2.
[TCA] Composable Architecture에서 NavigationSplitView 사용하기 Composable Architecture(이하 TCA)에서 NavigationSplitView를 통해 화면전환을 주절주절 다루는 포스트입니다. iOS 17.0 이상, TCA 1.9 이상 버전을 기준으로 작성된 코드입니다. iPad나 MacOS에서 흔히 볼수 있는 네비게이션의 방법 중에, 측면에 네비게이션을 위한 분할 뷰를 열로 생성하는 위와 같은 형태가 있다. 이를 쉽게 구현할 수 있도록 SwiftUI에서 NavigationSplitView라는 API를 지원한다. NavigationSplitView는 iOS 16.0 이상부터 사용할 수 있다. 그래서 설정 앱을 기준으로 section으로 구분되는 sidebar를 가진 간단한 NavigationSplitView 화면을 구현해보았다. Tree-b.. 공감수 0 댓글수 0 2024. 7. 23.
[Swift] 정규표현식 정규표현식이란?특정 패턴언어 가지는 문자열의 집합을 표현하는데 사용되는 형식 언어.핸드폰번호, 이메일 등 패턴을 가진 문자열의 유효성 검증할때 핵꿀. 정규표현식 문법메타문자사실 메타문자는 봐도봐도 까먹는다... 또 까먹을것 같지만 한번 정리는 해두자 메타문자를 정규문자로 사용하고 싶으면 \를 통해 사용할 수 있다.메타문자기능예시설명.문자 일치...123 ( = abc123, def123 등)개행문자를 제외한 문자 1개와 일치+1개 이상\w+ ( = Hello 등), \d+ (= 010 등), \d+\s\d(= 010 0000등) 1개 이상의 문자 포함\w \d \s영문자, 숫자, 공백[A-Za-z0-9], [0-9], 공백문자를 의미 \W \D \S영문자, 숫자, 공백이 아님 \D+\s\D+ (= 나는.. 공감수 0 댓글수 0 2024. 7. 19.
[TCA] SharedState의 UserDefaults 확장하기 (CodableAppStorageKey) TCA에서 사용되는 SharedState에 대한 내용입니다. 여기서는 SharedState이 무엇인지 소개하는 내용 보다도 사용하면서 조금은 편하게 쓰고자 애쓴 흔적들을 주절주절 적습니다. SharedState어느날 갑자기 TCA 제작사인 Point-Free 에서 메일이 겁나 날라왔다. TCA 새로운 에피소드, 바로 Sharing State입니다~~~ 하는 내용이었다. 예전에 Github에서 SharedState에 대한 논의가 활발히 다뤄지는 것만 봤었다. 느낌상 큰 업데이트일것 같아서 Shared-State-beta 브랜치에서 개발되고 있는 코드를 사이드 프로젝트에 미리 적용봤었었다.SharedState는 ChildFeature로 상태를 굳이 하나하나 전달하지 않아도 되는, 왕편리함 그 자체.. 공감수 0 댓글수 0 2024. 7. 18.
[Tuist] Xcode Cloud 적용하기 (SwiftLint, FirebaseCrashlytics) 사이드 프로젝트에 Xcode Cloud를 적용해보면서 겪은 과정을 정리한 글입니다. Xcode Cloud에 대한 소개와 사용법 보다는 Tuist로 관리되는 프로젝트를 Xcode Cloud 환경에 맞게 설정한 내용을 기록하기 위해 적었습니다. Xcode CloudTuist로 관리하는 프로젝트를 실행할 때에 tuist install, tuist generate와 같은 명령어가 필요하다. Tuist를 통해 관리하는 프로젝트는 Xcode Cloud를 어떻게 적용시킬까? 다행히 Xcode Cloud에서는 빌드 스크립트를 작성해서 필요한 설정을 구성할 수 있다. post-clone 타이밍에 Tuist의 설치와 실행 명령어를 스크립트로 작성하면 될 것 같다. Xcode Cloud의 Custom Build Scr.. 공감수 3 댓글수 7 2024. 5. 23.
[Tuist] 4.x로 업데이트하며 느낀 경험 (feat. TCA) 업데이트 계기 원래 사용하던 Tuist의 버전은 3.x버전이었다. 4.x대로 업데이트 할 생각은 없었다. 개인적으로 혼자 사이드 프로젝트로 진행하던 아이패드용 앱이 있는데, SwiftUI + Composable Architecture(이하 TCA)를 사용하며 Tuist로 관리하는 프로젝트였다. TCA의 빠른 업데이트 속도를 따라가는것도 벅차서 Tuist 까지 업데이트를 따라가기엔 부담이 있었기 때문이었다. 그러던 어느날, 이런 에러가 출력되었다. 해당 에러는 Xcode 15.3으로 업데이트 되면서 올라가면서 Xcodebuild의 버전도 같이 올라가면서 생긴 문제인것 같다. Xcodebuild의 버전을 15.2으로 사용하니 원래대로 빌드가 되었다. 이왕이면 업데이트 된 Xcode 15.3버전에서 작업을 하.. 공감수 0 댓글수 4 2024. 3. 15.
[ObjC] 클래스와 메서드 📄목차파일 구조Header파일(.h)과 Implementaion파일(.m) import 클래스 구조Class와 Category @interface,@implementation / @end메서드의 선언함수의 호출Reference Objective-C는 객체지향 프로그래밍을 목적으로 C언어의 확장 형태로 개발되었다. C나 C++과 호환됨녀서 다른 문법을 추가로 지원한다. 파일 구조Header파일(.h)과 Implementaion파일(.m) .swift파일 하나만 있는 Swift와는 달리 Objective-C는 선언파일(.h)과 구현파일(.m)로 나뉘어진다. /// NSString+Size.h #import @interface NSString (Size) - (CGSize)stringSize:(NSIntege.. 공감수 0 댓글수 1 2023. 10. 11.
[Test] Concurrency Test 📄목차상황 해당 메서드 코드XCTestExpectationTask fulfillment사용Reference 상황 AsyncSequence를 사용한 Concurrency 메서드를 테스트하는데 테스트가 종료되지 않는 상황이 발생했다. 로그도 뜨지 않고 왜 이런 상황이 발생하는 건지 파악도 잘 안됐다. 아마 테스트를 실행하는 스레드와 비동기 작업을 수행하는 스레드가 작업을 끝냈다는 것을 서로 전달하지 않아 데드락이 걸린게 아닐까 싶었다. 찾아보니 XCTestExpectation를 사용해서 비동기 메서드를 테스트할 때에 사용하는 코드가 있길래 이걸 조금 수정해서 사용하니 다행히 잘 돌아갔다. 해당 메서드 코드import XCTest extension XCTestCase { /// Test Concurrency .. 공감수 0 댓글수 0 2023. 10. 11.
[UIKit] preferredMaxLayoutWidth, IntrinsicContentSize, Priority 📄목차preferredMaxLayoutWidthIntrinsicContentSizeinvalidateIntrinsicContentSize()PriorityContent Hugging Priority Content Compression Resistance PriorityReference preferredMaxLayoutWidth여러 줄의 UILabel에 적용될 수 있는 프로퍼티. UILabel의 최대 너비를 설정한다. 최대 너비를 넘어가는 경우 UILabel은 새로운 줄로 개행하며 높이를 증가시킨다. preferredMaxLayoutWidth를 설정해서 일정한 텍스트 레이아웃을 정렬하거나 적절한 레이아웃을 유지할 수 있다. Storyboard에서는 Desired Width에서 설정할 수 있다 . 이미지에서.. 공감수 0 댓글수 0 2023. 7. 3.
[SwiftUI] VisionKit을 통해 카메라로 찍은 이미지에서 한글 OCR 구현하기 📄목차준비 → 카메라 및 앨범ViewModel VNImageRequestHandlerVNRecognizeTextRequestrequest 실행ViewImage PickerOCRViewCameraView 결과 Reference iOS 11부터 애플이 지원하는 Vision 이라는 프레임워크가 있다. 머신러닝 기능을 활용하여 이미지나 비디오, 얼굴이나 바코드, 텍스트 등을 인식하여 다양한 작업을 수행할 수 있도록 하는 프레임워크다.애플에서 이용해 직접 지원하다보니 빠르고 효율적이며, 무료이다…! 이를 활용하여 이미지에서 텍스트를 인식하는 OCR 기능을 사용할 수 있는데, iOS 16.0부터 드디어 지원 언어에 한국어도 포함이 되었다. 이를 통해 간단하게 이미지로부터 한국어 텍스트를 인식하는 기능을 만들어 보려.. 공감수 0 댓글수 0 2023. 4. 14.
[Concurrency] AsyncStream 📄목차AsyncStream코드 AsyncThrowingStream 코드AsyncStream vs CombineReference SwiftConcurrency를 공부하다가 AsyncStream를 사용할만한 일이 생겨 적용하며 정리해보았다. 다음과 같이 인증 화면에서 시간을 카운트다운 하는 기능을 AsyncStream를 사용해 적용해보려고 한다. AsyncStream비동기 Iterator를 제공하는 프로토콜인 AsyncSequence를 쉽게 구현할 수 있도록 제공되는 인터페이스 AsyncSequence를 준수하기 때문에 map, filter, contains 등 익숙한 고차함수 메소드를 사용할 수 있다. 코드 @MainActor func timerStream() -> AsyncStream { return A.. 공감수 0 댓글수 0 2023. 4. 7.
[Error] SDK is not supported by the compiler 📄목차Error발생 상황 원인해결Reference ErrorFailed to build module '\(SDK 이름)’; this SDK is not supported by the compiler (the SDK is built with 'Apple Swift version 5.7.1 (swiftlang-5.7.1.135.3 clang-1400.0.29.51)', while this compiler is 'Apple Swift version 5.8 (swiftlang-5.8.0.124.2 clang-1403.0.22.11.100)'). Please select a toolchain which matches the SDK. 발생 상황 iPhone의 OS를 iOS 16.4로 업데이트 했더니 Xcode에서 .. 공감수 0 댓글수 0 2023. 4. 7.
[Concurrency]Continuation 📄목차Continuationresume CheckedContinuationUnsafeContinuation코드 결론Reference ContinuationPush를 등록을 설정하던 도중에 여러 콜백 함수로 인한 장풍이 생기고 뭔가 가독성이 거슬려서 전에 공부했던 async/await로 장풍 좀 없애고 싶다는 생각이 들었다. 요즘엔 많은 메소드들이 async/await로 구현되어서 편하게 구현하고 있어서 편하게 변환하고 있던 중 막히는 순간이 왔다. /// 막혔던 예시 var pushTokenHandler: ((String?) -> Void)? = nil func pushTokenRegister(handler: @escaping (_ fcmToken: String?) -> Void) { self.pushT.. 공감수 0 댓글수 0 2023. 4. 4.
[SwiftUI] AppDelegate 없이 Remote Push Notification 설정하기 📄목차코드@main App NotificationService 실행 결과 결론 Reference SwiftUI로 넘어오면서 AppDelegate와 SceneDelegate가 중심이 되던 앱의 라이프사이클에 변화가 생겼다. → [SwiftUI]AppDelegate, SceneDelegate 만들기Remote Push Notification의 경우 설정을 AppDelegate에서 해줘야 했는데, 이를 순수하게 SwiftUI의 라이프 사이클에 맞게 변경해보고 싶었다. 아래는 결론 도출을 위해 겪은 과정이다. FCM 을 통해 Remote Notification을 구현하려고 했는데, Firebase나 인증서와 관련된 내용은 생략하고 여기에는 앱의 코드만 작성한다.결론부터 말하자면 그런거 없다.🥲 AppDelega.. 공감수 0 댓글수 1 2023. 3. 16.
extension stealTheApple feat. 회사 2년 전, 2021년 10월에 이전 가로수길에서 Steal the apple 이라는 전시회가 열렸었다. 애플 박물관을 훔쳐왔다는 컨셉으로 한 명의 앱등이로서 한 걸음에 달려가 즐겁게 구경했던 기억이 있다. 그런데 그때 당시에도 못봤던 고대 유물을 회사에서 발견했다. 무려 Xserve ... ! (2009년 출시) 나온지 2년만에 단종되었던 말로만 들었던 전설적인 제품이 회사에 있었다. 가슴이 웅장해지는 구동 소리 아쉽게도 저기서 무한 로딩에 걸려 부팅이 제대로 되지는 않았다. 뿐만 아니라 파워 맥 g4큐브 이런것도 있던데 기회가 된다면 안을 좀 까보고 싶다. extension stealTheApple 끄읏~~~~ 공감수 0 댓글수 0 2023. 3. 10.
[Combine] Subscribe vs Receive 📄목차subscribe와 receivesubscribe와 receive의 정의subscribe vs receiveReference subscribe와 receive둘 다 Combine에서 Scheduler를 정하는 인스턴스 메소드이다. 그런데 테스트해보니 둘이 내뱉는 결과가 아예 달랐다. // 테스트를 위한 코드 var cancellable = Set() let publisher = [1, 2, 3].publisher publisher .map{ num in print("map: \(Thread.current)") return num } .subscribe(on: DispatchQueue.global()) .sink(receiveCompletion: { completion in print("complet.. 공감수 0 댓글수 0 2023. 3. 8.
[Combine] Combine과 Combine의 구성 요소 📄목차Combine이란? 왜 Combine? Combine의 구성 요소Upstream, DownstreamPublisherSubscriberCombine이 데이터를 다루는 과정다른 비동기 처리 방법과 비교vs RxSwift vs SwiftConcurrency참고 Combine이란? 이벤트 처리 연산자들을 결합하여 비동기 이벤트들을 원하는대로 처리하기 위한 프레임워크.Publisher 프로토콜을 통해 시간의 흐름에 따른 데이터 핸들링이 가능하다. Subscriber를 통해 값을 전달 받을 수 있으며, Publisher는 Subscriber가 구독하여 값을 요청할 때에만 데이터를 방출한다. 왜 Combine? 높은 가독성 : Combine으로 선언형 프로그래밍이 가능하다.비동기 처리의 일원화 : GCD, K.. 공감수 0 댓글수 0 2023. 3. 8.
[SwiftUI]AppDelegate, SceneDelegate 만들기 📄목차App.swiftdidFinishLaunchingWithOptionsSceneDelegate AppDelegate와 SceneDelegate 사용하기 Reference App.swiftAppDelegate와 SceneDelegateApp.swiftAPNs 나 외부 SDK를 사용할 때에 AppDelegate와 SceneDelegate가 필요할 때가 있다. 그러나 SwiftUI 프로젝트를 만들면 해당 파일들이 아니라 App.swift만 덩그러니 있는 것을 발견할 수 있다. iOS 14부터는 App 프로토콜을 통해 기본 Scene을 구축한다. 여기서 AppDelegate와 SceneDelegate의 흉내를 낼 수 있다. didFinishLaunchingWithOptionsfirebase 초기화나 oAut.. 공감수 1 댓글수 0 2023. 3. 3.
[SwiftUI]데이터 바인딩 📄목차@State@Binding@ObservableObject이상한 문제 @StateObject (iOS 14.0+)@EnvironmentObjectReference @Statestruct parent: view { @State var isToggle: Bool = true var body: some View { Toggle(isOn: $isToggle) { if isToggle { Text("on") } } } }SwiftUI가 관리하는 프로퍼티 값을 읽고 쓸수 있게 하는 프로퍼티 래퍼@State로 선언된 값이 변경되면 뷰는 변경된 값으로 body를 다시 계산한다. → 뷰는 항상 최신 값을 가진다.isToggle : Bool, $isToggle: Binding 이다. → $isToggle로 받으면 Wr.. 공감수 0 댓글수 0 2023. 3. 3.
[UIKit]UIKit(CollectionView)+Combine 📄목차CollectionView에 Combine 적용하기 DiffableDataSource를 사용한 이유 UICollectionView CollectionView 기본 레이아웃 설정 Combine PublisherModelAPI request Publisher를 구독하고 diffableDataSource에 업데이트ViewModel CollectionView에 데이터를 적용 결과Reference CollectionView에 Combine 적용하기 RxSwift + RxCocoa 조합처럼 보통 Combine + SwiftUI 조합으로 많이 쓰인다고 한다. 그런데 회사에서는 UIKit을 사용중인데 Combine + UIKit 조합은 어떻게 사용하나 공부하다가 자주 사용하는 CollectionView에 적용해 .. 공감수 0 댓글수 0 2023. 2. 25.
[__Error] Domain=NSURLErrorDomain Code=-999__ 📄목차Error발생 상황 원인 질문Reference Error// 로그창 Error Domain=NSURLErrorDomain Code=-999 "cancelled"발생 상황 Combine으로 네트워크 통신을 구현해보려고 시도하다가 발생한 문제. var cancellables = Set() AnyPublisher . ( 각종 메소드 ... ) .sink ( ... ) .store(in: &cancellables) 다음과 같이 코드를 작성했는데 에러가 발생했다. 원인 sink로 구독한 후에 반환되는 AnyCancellable를 메모리에 올리지 않아 바로 구독이 해지되어 생기는 문제. → 때문에 변수로 설정한 후에 메모리에 올려야 한다. var cancellable: AnyCancellable? cancel.. 공감수 1 댓글수 1 2023. 2. 21.
[UIKit]Modern Collection View 📄목차Collection View UICollectionViewDelegate, UICollectionViewDataSourceModern Collection View (iOS 13.0+) UICollectionViewDiffableDataSourceUICollectionViewLayout UICollectionViewFlowLayoutUICollectionViewCompositionalLayout (iOS 13.0 +)전체 코드 Reference Collection View UICollectionViewDelegate, UICollectionViewDataSource class ViewController: UIViewController { @IBOutlet weak var collectionView: .. 공감수 0 댓글수 0 2023. 2. 21.
[UIKit]UICollectionViewCompositionalLayout (iOS 13.0 +) 📄목차Compositional Layout구성Item cell 구현 SupplementaryView의 구현전체 코드ReferenceCompositional LayoutiOS 13.0에 도입된 UICollectionView의 새로운 레이아웃. 다음과 같은 특징이 있다고 한다. 기존의 UICollectionViewFlowLayout보다 더 확장된 레이아웃 제공Item 정의 -> Group 정의 -> Section 정의 순으로 순으로 진행해 간다.아래의 그림과 같이 여러 섹션으로 나누어 각 섹션끼리 관리 가능. 섹션별로 다른 레이아웃을 구성하기 쉬워진다. : 요즘 많이 보이는 다음과 같은 뷰를 View를 구현하기 편해진다. 구성Collection view의 구성 Supplementary view가 위치할 수 .. 공감수 0 댓글수 0 2023. 2. 21.
weak self, unowned self 📄목차Retain CycleCapture list weak, unowned Non-escaping closure vs Escaping closureNon-escaping closureescaping closure self? VS guard let self = self else { return } Reference Retain CycleClosure의 경우 reference type이기 때문에 순환 참조(retain cycle)를 발생시킬 수 있다. class Person { let name: String // self가 확정난 후에 name을 참조해야 하기 때문에 lazy 변수로 설정 lazy var introduction: () -> String = { return "저는 \(self.name) 입니다.. 공감수 0 댓글수 0 2023. 2. 16.
[iOS]Scene, Window, View의 개념 📄목차iOS의 UIStructureUIScreenUIWindowSceneUIWindowWindow와 Scene의 개념Window SceneAppDelegate와 SceneDelegate참고 iOS의 UIStructureiOS의 View 계층 UIScreen기기의 실제 물리적인 스크린. UIWindowScene 얘가 Scene을 관리하는 객체. 하나 이상의 window를 포함한다.iOS13 이상부터 생긴 SceneDelegate를 보면 UIWindowSceneDelegate 프로토콜을 채택했는데, Scene에 변화가 생길 경우 delegate를 통해 변화를 알린다. UIWindow이벤트들을 뷰로 보내주는 객체. UIV Window와 Scene의 개념Window UIView의 하위클래스. View를 담는 컨.. 공감수 0 댓글수 0 2023. 2. 15.
[Git] git 기본 📄목차1. git 개념과 목적 2. git 기본 용어3. 기본적인 커맨드 4. 원격저장소 연동 5. GitFlow6. 자주 발생하는 케이스 Reference 1. git 개념과 목적 Git이란 무엇인가? 분산형 버전 관리 시스템(Version Control System) 의 한 종류. 버전관리 예시프로젝트의 수정 내용으르 복사, 백업, 저장하는 것을 빠르게 도와주는 도구가 git 장점버전 관리 각 파일을 이전 상태로 되돌릴 수 있다. 프로젝트를 통째로 이전 상태로 되돌릴 수 있다. 시간에 따른 수정 내용을 비교해 볼 수 있다. 누가 문제를 일으켰는지 추적할 수 있다. 파일을 잃어버리거나 잘못 고쳤을 때에도 쉽게 복구할 수 있다.팀 프로젝트가 아닌 개인 프로젝트에서도 버전 관리가 용이하고 프로그램이나 패치.. 공감수 1 댓글수 0 2023. 2. 14.
[CI/CD] FastLane Fastlane 📄 목차 Fastlane 설치 // homebrew를 통해 설치 brew install fastlane // bundler(- fastlane 업데이트시 필요) 설치 gen install bundler Fastlane 설정 기본 설정 설치하고자 하는 디렉토리로 넘어가 아래 fastlane 초기화 명령어 입력. 그럼 다음과 같은 목록이 뜬다. 나중에도 추가할 수 있어서 아무거나 눌러도 된다. 나는 4번을 눌러 기본 설정을 마쳤다. fastlane init 설정을 마치면 다음과 같은 파일들이 생긴다. Gemfile Gemfile.lock fastlane/Appfile fastlane/Fastfile Gemfile과 Gemfile.lock 파일은 fastlane의 버전을 관리하는 파일이라 크게.. 공감수 0 댓글수 0 2023. 2. 6.
Coordinator Pattern Coordinator Pattern Date: 2022년 12월 5일 Tags: 화면전환 📄 목차 Coordinator란? 하나 이상의 ViewController에 지시를 내리는 객체. ViewController간에 서로 이동할 때에 push, present 등 화면 전환을 Coordinator 클래스로 분리해 관리. ViewController들이 서로 분리되어 쉽게 재사용할 수 있음. 특징 Coordinator 별로 하나 이상의 ViewController을 보유한다. 각 Coordinator은 일반적으로 start라고 불리는 메서드로 ViewController을 표시한다. 각 ViewController에는 Coordinator에 대한 delegate가 있다. 각 Coordinator에는 child co.. 공감수 0 댓글수 0 2023. 2. 6.
[Swift] CompletionHandler CompletionHandler 📄 목차 completionHandler func login(loginData: Login, completionHandler: @escaping () -> Void) { guard let webview = self.webview else { return } webview.evalFlexFunc("login", sendData: loginData) { data in log.debug(" PMS LOGIN! ") completionHandler() // ❗️실수하기 쉬운 포인트 } } // 사용 login(loginData: signInInfo) { print("로그인 성공") } @escaping 을 통해 콜백 기반 comopletionHandler를 실행. 단점 : 깜빡하.. 공감수 0 댓글수 0 2023. 2. 6.
[Concurrency] async / await async/await Date: 2023년 2월 1일 Tags: SwiftConcurrency 📄 목차 async public func data(from url: URL, delegate: URLSessionTaskDelegate? = nil) async throws -> (Data, URLResponse) async가 붙은 함수는 비동기라는 것을 나타낸다. 에러를 반환할 수 있을때에는 async throws 키워드로 선언, 호출할 때에는 try await 키워드로 호출하게 된다. await let (data, response) = try await URLSession.shared.data(for: reqeust) 비동기 함수 호출 시 잠재적 중단 시점을 지정하는 피연산자 동시성 컨텍스트에서만 실행 가능.. 공감수 0 댓글수 0 2023. 2. 6.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.