티스토리

픽셀의 개발 세상

검색하기

블로그 홈

픽셀의 개발 세상

picelworld.tistory.com/m

picel 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[TIL] JSON으로 받은 에러 코드 통합 극복기(feat. RawRepresentable) 요즘 토큰 갱신 로직 구현을 위해 네트워크 요청 로직을 통합하고 있는데요. 이 와중에 열거형으로 정의된 에러 타입을 통합 정의하는데 큰 어려움 있어서 오늘 포스팅은 이를 극복했던 일에 대해 작성해 보고자 합니다. 문제 상황아래 코드는 네트워크 요청하는 메서드인데요. 아래 코드를 보시면 에러 타입을 Error 프로토콜을 준수하는 제너릭으로 구현되어 있습니다. 그리고 아래 코드를 보시면 Error 프로토콜을 준수하는 제너릭 타입 ErrorType은 initializer가 없다는 경고창이 뜹니다. 제가 위와 코드와 같이 에러 객체를 생성하려고 했던 이유는 아래 코드에서 아실 수 있듯이 모든 에러 타입이 원시값(Raw Value)을 가진 열거형으로 정의되어 있어 이 원시값을 가지고 어떤 네트워크 에러가 발생했는.. 공감수 0 댓글수 0 2024. 8. 10.
[TIL] 결제 기능 구현 지난 포스팅에서 결제 시스템 구조에 관해 간단히 정리해보았는데요. 오늘은 이 결제 기능을 직접 한번 구현해보는 과정에 대해 작성해볼까합니다. 포트원(PortOne)우리가 요즘 흔히 온라인 결제로 이용하는 간편 결제인 카카오페이, 네이페이 등이 있는데요. 각각의 결제 기능을 사용해주기 위해선 각 SDK 개별적으로 연결해주어야 합니다. 하지만 유저가 어떤 간편 결제를 사용할지 정해지지 않은 상태에서 이 수많은 간편 결제 SDK를 개별적으로 연결하는 것은 개발자 입장에서 아주 비효율적이라는 생각이 듭니다. 따라서 이러한 불편함을 극복하기 위해 등장한 것이 바로 포트원(PortOne) SDK입니다.포트원 SDK는 네이티브에서 결제 개발을 간편하게 구현할 수 있도록 도와주는 SDK로, 여러 PG 및 간편 결제를.. 공감수 0 댓글수 0 2024. 8. 5.
[TIL] 결제 시스템 구조 간단 정리(개념 정리) 오늘은 결제 기능 구현에 앞서 결제 시스템의 구조에 대해 간단히 정리해 볼까 합니다. VAN와 PG, 그리고 간편 결제결제시 시스템에서 가장 주요한 주체들인 VAN와 PG사에 대한 개념에 대해 간단히 알아보겠습니다.VANVAN(Value Added Network)은 오프라인 결제의 핵심으로, 한국말로는 부가가치통신망으로 불리며, 가맹점과 카드사를 이어주는 통신망입니다. 우리 생활에서 실례로 들어보자면 우리가 상점에서 제품을 구해하기 위해 카드를 긁거나 꽂아서 결제하게 되는 과정 중 발생하는 통신을 연결해 주는 통신망이 바로 VAN입니다. 이 VAN사로는 NHN한국사이버결제, 나이스정보통신 등이 있습니다.VAN 탄생배경과거 상점별로 취급하는 카드사가 달라 손님이 해당 상점에서 취급하는 카드를 가지고 있지 .. 공감수 0 댓글수 0 2024. 8. 4.
[TIL] 열거형 Equatable 프로토콜 준수로 대소 비교 구현(feat. Alert 문제 해결) 현재 Alert 창을 열거형으로 정의하여 구분지어 구현중에 있는데요. 그러던 중 기존 Alert 열거형 값과 다른 연관값(Associated Value)으로 열거형 case를 정의하여 다른 연관값이 없는 Alert 열거형의 case들과 비교해야하는 상황을 마주하여 이를 해결한 방법에 대해 서술해 볼까 합니다.문제사항아래 이미지에서 보시는 바와 같이 Alert 구성 시 Alert Type이 비교가 안되는 오류를 마주하였습니다. 문제 원인 파악원인을 파악해보니 AlertType 정의가 연관케이스가 정의되어 있기 때문에 서로 대소 비교가 불가했던 것이었습니다. 해결방법AlertType이 Equtable 프로토콜을 준수하여 대소 비교가 가능하도록 구현하여 문제를 해결하였습니다. 마치며여기까지 읽어주셔서 정말 .. 공감수 0 댓글수 0 2024. 7. 19.
[TIL] Redux 패턴 간단 정리 Redux 패턴 도입 배경이전 프로젝트에서 단방향 흐름인 MVI 패턴으로 구현하여 오류 발생 시 디버깅에 큰 장점을 누릴 수 있었지만 View별로 정의된 State 정의로 인해 State 간 상태 공유 관리가 생각보다 까다롭게 느껴졌습니다. 이에 단방향의 흐름을 유지하면서 한 곳에서 상태를 관리해줄 수 있는 방법이 없을까 하는 생각에 구글링을 하던 중 React 진영에서 상태를 한 곳(Store)에서 관리해주는 아키텍처인 Redux가 Swift에서도 구현가능하다는 정보를 접하여 이번에 새로 시작하려는 프로젝트부터 Redux 패턴을 도입하게 되었습니다.상태(State)란?우선 Redux에 대해 알아보기 전에 State란 무엇인지부터 살펴보겠습니다.Redux 공식문서를 확인해보시면 State의 정의는 다음과.. 공감수 0 댓글수 0 2024. 6. 26.
[TIL] SwiftUI에서 네트워크 단절 대응 구현기 오늘 포스팅은 SwiftUI에서 네트워크 단절 대응 기능을 구현하였던 과정에 대해 서술해 볼까 합니다. 네트워크 연결 모니터링 클래스 NWPathMonitorSwift에서 네트워크 단절 대응이라는 키워드를 구글링하면 나오는 키워드는 NWPathMonitor 클래스입니다. 이 클래스의 특징은 이름에서도 유추할 수 있다시피 네트워크 연결에 대해 실시간으로 모니터링해주는 클래스입니다.이 기능은 iOS12이후 버전부터 사용 가능하다고 합니다. 네트워크 모니터링 구현자 이제 그럼 네트워크 연결을 담당하는 클래스를 만들어 보겠습니다.네트워크 모니터링 클래스 선언 우선 NWPathMonitor 클래스의 인스턴스를 선언해줍니다.그리고 나서 네트워크 모니터링을 담당할 DispatchQueue를 선언해줍니다.외부로 네트.. 공감수 0 댓글수 0 2024. 6. 25.
[TIL] @AppStorage Custom Property Wrapper로 전환기 적용 동기아래 사진에서 빨간 박스로 표시되어 있는 것처럼 앱 로그인 시 프로필 이미지를 @AppStorage 프로퍼티 래퍼를 통해 UserDefaults에 저장하고 있습니다. 하지만 프로필 이미지도 유저의 개인정보로 취급될 수 있다고 생각하여 Token과 마찬가지로 Keychain에 저장해보기로 하였습니다. Property Wrapper란?Custom Property Wrapper를 만들기 앞서 Property Wrapper에 대해 간단히 알아보겠습니다. Property Wrapper란 Swift 5.1부터 도입된 개념이며, Swift Programming Language Guide에 따르는 정의는 다음과 같다고 합니다.A property wrapper adds a layer of separation .. 공감수 0 댓글수 0 2024. 6. 17.
[TIL] 여러 Destination이 있을 때 화면 관리법 배경아래 사진들을 보시면 프로필 화면에서 각각 닉네임 화면과 연락처 화면으로 이동하는 것을 알 수 있습니다.이처럼 오늘은 한 화면에서 여러 화면으로 이동하려고 할 때 어떻게 관리해주면 될지 알아보도록 하겠습니다. 구현 방법구현 방법은 아주 간단합니다. 바로 NavigationLink의 tag와 selection을 이용하면 되는데요. 구현 코드는 아래와 같습니다.struct ContentView: View { @State private var selection: String? = nil var body: some View { NavigationView { List { NavigationLink("1", t.. 공감수 0 댓글수 0 2024. 6. 16.
[TIL] 애플 소셜 로그인 구현기 이전 포스팅에서 카카오 소셜 로그인에 대해 구현한 내용을 작성하였었는데, 오늘은 애플 소셜 로그인을 적용한 구현기에 대한 여정을 작성해볼까 합니다! 해당 글은 애플 공식문서를 기반으로 구현한 내용을 설명해보고자 합니다. Implementing User Authentication with Sign in with Apple | Apple Developer DocumentationProvide a way for users of your app to set up an account and start using your services.developer.apple.com 코드 구현 전 환경설정우선 Signing & Capabilities > + Capability > Sign in with Apple 경로로 Si.. 공감수 0 댓글수 0 2024. 6. 13.
[TIL] 카카오 소셜 로그인 구현 이번 포스팅에선 카카오 소셜 로그인 구현에 대한 여정을 작성해 볼까 합니다.개발 전 사전 준비카카오 소셜 로그인은 개발 전 카카오 개발자 웹사이트에서 준비할 사항들이 좀 많이 있었는데요.그 과정을 하나하나 살펴보겠습니다. 애플리케이션 등록카카오 소셜 로그인을 사용하려면 카카오 개발자 웹사이트에 애플리케이션을 등록해주어야 합니다.앱 아이콘, 앱 이름, 회사명을 입력해줍니다. 여기서 가장 중요한 게 앱 아이콘인데요. 이는 앱을 카카오 Biz앱(실질적인 앱 운영을 위한 비지니스 앱)으로 등록하는 과정 중 필수과정이며, 추후 앱을 테스트 앱으로 전환하기 위함입니다. 왜냐하면 이후 유저가 카카오 로그인 시 유저에게 제공받을 개인정보 동의항목 설정의 제한을 더 확장시켜 주기 위함이죠. 이 부분에 대한 더 자세한.. 공감수 0 댓글수 0 2024. 6. 13.
[TIL] Keychain 적용기 적용 배경이전부터 유저 정보 저장용으로 계속 UserDefaults만 사용했기 때문에 이번에 보안성 좀 더 강하다는 Keychain을 적용해보려고 합니다. Keychain에 대하여등장배경 Secure login with iCloud Keychain verification codes - WWDC21 - Videos - Apple DeveloperLearn how you can support on-device verification codes in your app or website for a more secure sign-in experience. We'll explore the...developer.apple.com WWDC21 영상에 의하면 많은 유저들이 여러 디바이스에 걸쳐 동일한 비밀번호를 보유 및.. 공감수 0 댓글수 0 2024. 6. 13.
[TIL] Moya 라이브러리 Plugins Logging 도입기 도입 배경네트워크 통신에 관해 디버깅하던 도중 추상화되어 있는 Moya를 print로 일일히 원하는 시점에 찍어가며 디버깅하다보니 디버깅하는데 너무나 큰 불편함을 느껴 Moya 라이브러를 통한 Logging을 적용하게 되었습니다. Moya PluginsMoya 공식 문서에 따르면 Plugins 요청과 응답을 수정(modify)하거나 side-effects를 수행하는 데 사용된다고 기술되어 있습니다.Moya plugins are used to modify requests and responses or perform side-effects. 이 수정 과정을 도와주는 메서드들이 있는데요. 이들은 다음과 같습니다.public protocol PluginType { /// Called to modify a .. 공감수 0 댓글수 0 2024. 6. 12.
[TIL] SwiftUI에서 Bottom Sheet 구현기 기획이번 프로젝트에서 앱의 시작부분을 아래 사진처럼 기획 중인데요. 그래서 이번 기회에 이 Bottom Sheet를 구현한 내용에 대해 작성해 보려고 합니다. Bottom Sheet 만들기하단 시트 구현struct BottomSheetView: View where Content: View { @Binding var isPresented: Bool private var height: CGFloat private var content: Content @GestureState private var translation: CGFloat = .zero init(_ isPresented: Binding, height: CGFloat, content: () -> Con.. 공감수 0 댓글수 0 2024. 6. 10.
[TIL] SwiftUI 시작화면 제작기 시작 화면 흐름구현부Launch Screen처음 앱 시동시 Launch Screen(실제 구현에선 SplashView로 명명)을 띄운 후, 2초뒤 dismiss 처리하고, 대신 홈 화면(실제 구현에선 ContentView)를 띄웁니다.struct LaunchScreenView: View { @State private var isLaunching: Bool = true var body: some View { if isLaunching { SplashView() .onAppear { // 2초후 SplashView가 사라짐 DispatchQueue.main.as.. 공감수 0 댓글수 0 2024. 6. 10.
[TIL] Custom Modifier 적용기 오늘은 Custom Modifier를 적용하였던 과정에 대해 게시글을 작성해볼까 합니다. 적용 화면 기존 UI화면이 위와 같았는데요 이것을 아래와 같이 전일대비 변동률에 따른 텍스트 색을 변화시키는 Modifier을 커터마아징해보겠습니다. 적용과정 우선 Custom Modifier 정의를 위해 ViewModifier 프로토콜을 따르는 구조체를 선언해줍니다.애플 공식문서에 따르면, SwiftUI 프레임워크에 내장되어있는 한 프로토콜이고, 기존의 뷰 또는 다른 View Modifier에 적용시켜 또 다른 버전을 만들 수 있는 Modifier라고 합니다. 즉, 이 프로토콜을 채택하면 Custom Modifier를 구현해줄 수 있는 것이죠다음은 변동률에 관한 열거형 처리입니다. API 테스트 결과 변동률에 대한.. 공감수 0 댓글수 0 2024. 6. 9.
[TIL] SwiftUI 나머지 영역 차지 하기 문제사항 가장 오른쪽 파란색 영역으로 칠해진 거래대금 영역이 나머지 영역을 차지하기 하게 하고 싶습니다. 해결.frame(maxWidth: .infinity, alignment: .trailing) maxWidth를 .infinity로 설정해주면 아래와 같이 남은 전체 영역을 차지하면서 내부 View에 원하는 정렬을 적용해줄 수 있습니다. 참고 사이트https://medium.com/@youable.framios/%EA%B7%B8%EB%8C%80%EB%93%A4%EC%9D%80-%EC%96%B4%EB%96%BB%EA%B2%8C-layout%ED%95%A0-%EA%B2%83%EC%9D%B8%EA%B0%80-1-feat-swiftui-3877186521c5 (swiftUI Layout 1편)https://m.. 공감수 0 댓글수 0 2024. 6. 9.
[TIL] '손상되었기 때문에 열 수 없습니다. 해당 항목을 휴지통으로 이동해야 합니다.' 오류 해결법 원인 발생 상황Realm Studio가 새로 업데이트되어 Application 폴더에 있던 파일만 지우고 새로 업데이트된 Realm Studio를 설치하여 실행하였는데 아래와 같은 오류창이 표시되었습니다. 순간 당황했지만 차근차근 원인 파악을 위해 바로 구글링을 해보았습니다. 원인MacOS에서는 다운로드한 파일에 대해서, 개발자 (Code Signing) 확인을 하고, 각 파일에 대해서 속성(Attribute)을 부여한다고 합니다. 여기서 코드 사이닝(Code Signing)이란 디지털 서명을 통해 해당 애플리케이션이 신뢰할 수 있는 출처에서 가지고 왔음을 보증하는 역할을 한다고 합니다. 말 그대로 애플리케이션이 악성코드를 가지고 있느냐를 판별해주는 역할해준다고 보시면 될 것 같습니다. MacOS에서는.. 공감수 0 댓글수 0 2024. 6. 8.
[TIL] Charts 적용기 적용 배경처음 SwiftUI Charts 프레임워크를 활용하여 그래프를 그리려고 하였습니다.하지만 제가 프로젝트 최소 버전을 iOS15로 설정해 두었기 때문에 iOS16이상에서만 사용가능한 Charts 프레임워크 버전 호환 이슈롤 불가능해보였습니다. 따라서 UIKit 기반으로 구성되어 있는 DGCharts 라이브러리를 대신 사용하였습니다. SwiftUI에서 UIKit 적용우선 DGCharts는 UIKIt 기반으로 구성되어있기 때문에 SwiftUI의 View Life Cycle에 속하게 하기 위해선 다음과 같은 과정을 거처야 합니다.UIViewRepresentable 프르토콜을 준수하는 구조체를 하나 선업합니다.UIViewRepresentable 프로토콜은 UIKit의 UIView 타입을 SwiftUI의 .. 공감수 0 댓글수 0 2024. 6. 7.
[TIL] 숫자 타입 소수점 나타내기(feat. 디테일 설명) 오늘 포스팅은 숫자의 소수점을 일정 자리까지 나타내는 법에 대해 작성하고자 합니다. 생각보다 굉장히 간단합니다. 바로 아래 코드처럼 작성해주시면 되는데요.아래 코드는 정확히 묘사하면 소수 다섯재짜리에서 반올리하여 나타내준 것입니다.// 소수 넷제자리까지 나타내기Text("\(40294.392848223, specifier: "%.4f")") // 결과: 40294.3928 이렇게 끝맺음을 하면 아쉽기 때문에 조금 더 깊이 있게 들어가보겠습니다. 조금 더 깊이 들어가보자LocalizedStringKey SwiftUI의 Text 뷰에 대한 정의를 들어가보면 위와 같이 정의되어 있는 것을 확인해보실 수 있습니다.여기서 눈에 띄는 타입이 바로 LocalizedStringKey인데요. 애플 공식문서에 따르면 Lo.. 공감수 1 댓글수 1 2024. 6. 7.
[TIL] ForEach id 중복으로 인한 오류 해결 과정 문제 발생ForEach 구문으로 코인 순위를 화면에 그려주다가 아래와 같은 오류가 발생하였습니다. 오류 문구를 자세히 살펴보니 collection에서 ID 3이이 여러번 사용되어 발생한 오류였습니다.ForEach>, Int, ModifiedContent, String, TopRankCell>>, _PaddingLayout>>: the ID 3 occurs multiple times within the collection, this will give undefined results! 아래 사진에서 보시듯, ForEach 구문에서 id값으로 사용된 count가 3으로 고정되어 중복 할당 오류가 발생하였던 것입니다. 자 이제 그럼 해결하러 가보겠습니다. 해결 방법중복된 id값을 서로 구분지을 수 있는 값으.. 공감수 0 댓글수 0 2024. 6. 7.
[TIL] List 내부 ScrollView Horizontal Scroll 구현 구현 화면오늘은 SwiftUI로 아래 화면을 구현해보려고 하는데요. 그 과정에 기록하고자 글을 남겨봅니다. 화면 구현리스트 구현위와 같은 화면을 구성하기 위해 SwiftUI의 List를 처음으로 사용해 보겠습니다.List는 UIKit에서 TableView와 CollectionView의 일부 개념이 합처진 개념으로 리스트로 이루어진 뷰를 그릴 때 사용하는 SwiftUI의 뷰 중 하나입니다. 그래서 아래 사진과 같이 그리려는 뷰 계층의 최상단 뷰를 List로 구성해주었습니다. 섹션 나누기이제 그 다음 할 일은 아래 사진처럼 각 항목들을 섹션별로 분류하는 건인데요. 이 작업은 SwiftUI의 Section이라는 뷰를 활용하면 List 뷰 내부에서 섹션별로 나누어 줄 수 있습니다.따라서 아래 사진과 같이 .. 공감수 0 댓글수 0 2024. 6. 7.
[TIL] Moya 첫 적용기(feat. 사용법) 적용 동기이전에는 Moya의 TargetType을 직접 구성하여 Router를 구성하였지만 이번 새로 프로젝트를 진행하며 Moya 라이브러리를 적용해보기로 하였습니다. Moya란?여러 블로그들을 참고한 결과 결론적으로 Moya가 탄생하게 된 배경엔 손쉬운 네트워크 통신과 용이한 테스트 코드 작성 때문이라고 합니다. Moya 공식 문서에는 아래와 같이 서술되어 있습니다.the basic idea of Moya is that we want some network abstraction layer that sufficiently encapsulates actually calling Alamofire directly. It should be simple enough that common things are eas.. 공감수 0 댓글수 0 2024. 6. 4.
[TIL] MVI 패턴 이번에 새로 시작하게 된 프로젝트에 MVI 패턴으로 도입하기로 결정하여 이번기회에 MVI 패턴에 대해 공부해보고자 이번 포스팅을 작성하게 되었습니다. MVI 패턴탄생 배경MVI 패턴은 MVVM에서 발생하는 상태 문제와 부수 효과라는 두 가지 문제를 해결하기 위해 탄생했다고 합니다. 그렇다면 여기서 상태 문제와 부수 효과란 무엇일까요?각각에 대해 코드 예시를 들어 설명해보겠습니다.상태 문제MVVM에서는 상태가 여러 ViewModel에 분산되어 있을 수 있습니다. 이는 상태 변경이 여러 곳에서 일어나기 때문에, 예기치 않은 방식으로 상태가 변할 수 있는 문제가 발생합니다.class CounterViewModel: ObservableObject { @Published var counter: Int = 0.. 공감수 0 댓글수 0 2024. 6. 4.
[TIL] Realm-Swift 라이브러리 SPM Build 오류 대응(Privacy Manifest) 상황5월 1일부터 도입된 Privacy Manfest 대응을 위해 Realm-Swift 라이브러리를 업데이트 후, 빌드하다 발생하였던 오류에 관해 대응했었던 과정을 기록하고 공유하고자 글을 남깁니다. 문제발생위 상황 설명란에서 선 언급한 바와 같이 Realm-Swift를 10.48.1 버전에서 10.50.0 버전으로 업데이트 후, 빌드하는 과정 중 다음과 같은 오류가 발생하였습니다. Swift package target 'Realm' is linked as a static library by 'MyAppName' and 'Realm', but cannot be built dynamically because there is a package product with the same name. 위 오류를 해.. 공감수 0 댓글수 0 2024. 5. 19.
[TIL] Resizable Image 만드는 법 요즘 채팅 기능을 구현하던 와중 이미지 크기를 부분적으로 조절하여 말풍선을 만들 수 있다는 사실을 구글링 중 알게 되어 오늘은 이 구현 과정에 대해 포스팅해보고자 합니다. Stretchable Image애플 공식 문서에 따르면 Stretchable Image라는 개념이 나옵니다.공식 문서에 따르면 여기서 각 inset에 0이 아닌 값이 주어지면 아래 그림들과 마찬가지로 이미지를 9등분된다고 합니다. 이 9등분된 영역은 각각 다른 특색을 가지고 있는데요.예를 들어, Top/Bottom Inset 영역은 높이가 고정되고, 너비가 늘어납니다.반면에 Left/Right Inset 영역은 너비가 고정되고, 높이가 늘어납니다.그리고 나머지 코너 영역들은 너비와 높이가 고정됩니다. Stretchable Image 구.. 공감수 0 댓글수 0 2024. 5. 16.
[TIL] Pinterest UI 구현 오늘은 Pinterest라는 앱에서 유래된 Pinterest UI라는 화면 구현 과정에 대해 포스팅해볼까 합니다. Pinterest UIPinterest UI란 말 그대로 Pinterest라는 앱에서 구현된 UI에서 유래된 UI로 아래 사진처럼 이미지 고유의 비율값을 유지하면서 자유분방하게 배치된 레이아웃을 의미합니다. 아래 사진을 좀 더 자세히 살펴보면, 가로 길이는 디바이스 너비의 딱 절반을 차지하고, 세로 길이는 사진 고유의 가로/세로 비율에 따라 동적으로 배치되어 있는다는 사실을 알 수 있습니다. 이러한 사실을 기반으로 레이아웃 로직을 작성해 보겠습니다. 이미지 고유 사이즈 계산위에서 Pinterest UI 레이아웃의 핵심은 이미지의 고유 가로/세로 비율을 유지하면서 이미지를 화면에 나타낸다는 것.. 공감수 0 댓글수 0 2024. 5. 15.
[TIL] @propertyWrapper를 활용한 UserDefaults 리팩토링 문제 상황현재 진행중인 프로젝트에서 유저 정보 및 토큰 데이터를 모두 UserDefaults에서 관리해주었는데요.이런 상황이 지속하다보니 UserDefaults에 대한 코드가 반복적으로 발생하고 그에 따라 해당 코드양도 늘어나게 되었습니다.따라서 이 늘어난 코드양을 줄이고자 swift5.1부터 도입된 Property Wrapper를 활용하여 UserDefaults에 대한 코드를 리팩토링하여 줄여보고자 합니다.extension UserDefaults { enum Keys: String, CaseIterable { case userId case email // ... }}extension UserDefaults { var userId: String { .. 공감수 0 댓글수 0 2024. 5. 14.
[TIL] Socket 통신 구현 지난번 게시글에서는 Socket에 대해 간단하게 정리해 보았습니다.이번 글에서는 Socket 통신을 직접 구현한 내용에 관해 살펴보겠습니다.구현된 화면은 아래와 같습니다.소켓 구현 설명 소켓으로 구현시 개발자의 역할은 데이터가 적절한 시점에 서버와의 연결시켜주었다가 적절한 시점에 연결을 해제하는 것이 중요합니다. 우선 가장 중요한 Socket을 구성하는 코드부터 살펴보겠습니다.(API는 업비트 API를 사용하였습니다.) WebSocket 연결아래 코드는 Socket을 연결하는 코드입니다.아래 코드를 보시면 URLSession를 default session으로 구성하였는데 그 이유는 Delegate를 통해 WebSocket에 대한 연결 상태에 대해 확인하기 위해서입니다.나머지 코드는 일반적으로 URLSes.. 공감수 0 댓글수 0 2024. 5. 12.
[TIL] Socket에 대한 간단 설명 HTTP vs SocketHTTPHTTP란 Hyper Text Transfer Protocol의 약자로 HTML 파일을 전송하는 프로토콜이라는 의미를 가집니다. 웹브라우저에서 통신이 일어나며, 초기에는 HTML 파일 정송을 목적으로 만들어졌으나 현재는 JSON, Image, 짧은 Video 등의 다양한 파일 형식을 지원합니다.HTTP 특성HTTP 특성에는 가장 크게 비연결성과 무상태성이라는 두가지 특성을 지닙니다.각각에 대해 간략히 나열해 보겠습니다.비연결성(Connectionless)비연결성이란 클라이언트와 서버가 한 번 연결을 맺은 후, 클라이언트 요청에 대해 서버가 응답을 마치면 맺었던 연결을 끊어 버리는 성질을 말합니다.비연결성의 장점HTTP 프로토콜이 이러한 특성을 지니게 된 이유는 HTTP는.. 공감수 0 댓글수 0 2024. 5. 12.
[TIL] MapKit 사용해서 위치 자동완성 검색 기능 구현 오늘은 프로젝트 진행 중 Mapkit을 사용해서 위치 자동완성 검색 기능을 구현해본 과정에 대해 포스팅해볼까 합니다.Mapkit우선 Mapkit에 대해 간단히 설명하자면 애플의 기본 지도 앱을 기반으로 지도에 관한 모든 작업을 처리할 수 있게 도와주는 지도 프레임워크입니다. 그리고 이 Mapkit 프레임워크에 오늘 구현할 기능의 핵심적인 역할을 해주는 객체가 바로 MKLocalSearchCompleter입니다. MKLocalSearchCompleter공식 문서에 따르면 이 객체를 통해 쿼리(query)를 보내는 위치 자동완성 검색 기능을 구현할 수 있습니다. 구현자 이제 실제로 구현해보록 하겠습니다.기본적인 UI 구조는 UISearchBar에 검색어가 입력되면 그 결과가 UITableView에서 표시되도.. 공감수 0 댓글수 0 2024. 5. 11.

문의안내

티스토리
로그인
고객센터

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