티스토리

Skyline-23의 iOS노트

검색하기

블로그 홈

Skyline-23의 iOS노트

blog.skyline23.com/m

iOS 주니어 개발자의 비밀노트

구독자: 2

방명록 방문하기

주요 글 목록

SwiftUI - 조심스러운 첫 걸음 안녕하세요 하늘선입니다~! 영어 닉네임을 뭐로 정하지 고민을 하다가, 그냥 편하게 하늘선이라고 하기로 했어요 ㅎㅎ 인삿말이 길었네요. 오늘은 긴 휴식을 끝내고 새로운 시작을 해보고자, 각종 핑계를 대며 미루고 미뤄왔던 SwiftUI에 대한 공부를 해보려고 합니다 👀 iOS 전반적인 동향을 살펴보면, 이제 슬슬 현업에서 SwiftUI가 사용되기 시작하는 추세인 것 같아요. SwiftUI가 처음 나오고 난 후에서도 많은 개선이 이루어졌는데요, 특히 iOS 14 이후와 이전에 쓸 수 있는 메서드나 문법 차이가 큰 것 같아요. 그래서 이제 나름 안정화가 되었겠다 싶어…! 공부를 좀 해보려고 합니다. 일단 이렇게 샘플 프로젝트를 만들어주고,, 이렇게 폴더와 각종 파일들이 생긴 걸 알 수 있어요. 여기서 AppDe.. 공감수 0 댓글수 0 2023. 11. 30.
NSLock 0. 개발자 문서 확인 먼저 알아보기 전에 NSLock에 관한 설명을 애플의 개발자 문서에서 먼저 찾아보았다. https://developer.apple.com/documentation/foundation/nslock An object that coordinates the operation of multiple threads of execution within the same application. “동일한 어플리케이션 내에서 여러 스레드를 조정하는 객체” 라고 나와 있었다. 1. Thread-Safe를 지키는 방법 Re-entrancy 어떤 함수가 한 스레드에 의해 호출되어 실행 중일 때, 다른 스레드에서 함수가 호출되더라도 올바르게 주어져야함 Thread-local storage 공유 자원을 줄여 각.. 공감수 0 댓글수 0 2022. 5. 25.
Core Animation Pipeline Commit Transaction Layout 단계: 레이어 정렬 및 위치와 색상을 정의 (layoutSubviews를 호출) Display: draw메서드들이 접근하는 단계. 개발자들은 직접 호출을 못하며 setNeedsDisplay를 사용하여 접근해야 한다. Prepare: Core Animation이 context를 내보내려고 할 때 image decoding과 같은 작업을 진행한다. Commit: Core Animation이 layer들을 패키징하여 Render Server로 전송한다. Render Server Commit Transaction에서 받은 패키지들을 다시 분석하고 렌더링 트리로 deserialization 한다. drawing instruction을 생성하고 VSync Signal에.. 공감수 4 댓글수 0 2022. 5. 24.
defer Swift를 사용하면서 거의 잘 활용하진 않았지만, 꽤나 흥미롭게 다가와 이 문법을 정리하게 되었다. 0. defer란 무엇인가? 현재 스코프를 벗어날 경우 가장 마지막에 실행이 되는 구문이다. 처음 보면 이해가 잘 가지 않겠지만 예시를 이해하다 보면 생각보다 금방 이해할 수 있다. 1. defer 활용해보기 위와 같이 구성을 한 후 결과를 출력해보았다. 그랬더니 b, a, c 순서대로 출력이 되는 것을 확인 할 수 있었다. 간단하게 설명하자면 defer는 함수의 가장 마지막에 실행이 된다는 것을 보장하는 것이다. 1-1. defer 여러개 쓰기 그렇다면 defer를 여러개로 쓰게 된다면 어떻게 될까? 이렇게 defer를 여러개 쓰게 된다면 2, 1 순서로 출력된다. defer는 스택의 형식으로 사용되며.. 공감수 1 댓글수 1 2022. 5. 24.
CADisplayLink 0. 개발자 문서 확인 iOS에서 뷰 생성과 애니메이션을 공부하던 중 CADisplayLink라는 것을 알게 되었다. 간단히 살펴본 것으로는 화면이 업데이트될 때마다 호출되는 객체라고 적혀있었다. 그래서! 이런 것은 또 못 참고 지나가기에 직접 실험을 진행해보고 싶었다. 일단 제일 먼저 확인할 애플 개발자 문서...! https://developer.apple.com/documentation/quartzcore/cadisplaylink 1. 간단 프레임률 측정 import UIKit final class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() createDisplayLink() // Do an.. 공감수 0 댓글수 2 2022. 5. 23.
UI작업이 Main Thread에서 이뤄져야 하는 이유 iOS에서 개발을 진행하다 보면, UI 업데이트와 관련된 모든 작업은 main thread에서 작업을 해야 한다는 걸 많이 마주치게 될 것이다. 항상 이에 관한 정확한 이유를 모르고 넘겼지만 이번 기회에 이것을 한번 자세히 정리해보려 한다. 먼저 가장 많이 나타날 개념인 Thread Safe에 대해서 알아보겠다. Thread Safe란? 멀티 스레드 프로그래밍에서 일반적으로 어떤 함수나 변수, 혹은 객체가 여러 스레드로부터 “동시에” 접근이 이루어져도 프로그램의 실행에 문제가 없음을 의미한다. UIKit은 기본적으로 Thread Safe하지 않다. UIKit과 같은 매우 큰 프레임워크에서의 모든 속성들을 Thread Safe 하게 설계하는 것은 엄청 비현실적이기에 Serial Queue에서 처리함으로써 .. 공감수 2 댓글수 0 2022. 5. 20.
CGRect, CGSize, CGPoint에 대하여 최근 UI의 작동방식에 관심이 많아져 다시 기초부터 공부하게 되었습니다. PinLayout과 FlexLayout 같은 외부 서드파티 라이브러리를 활용한 UI에 관심을 가지고 찾아보고 있었는데, 확실히 기존에 사용하던 오토 레이아웃과는 다른 개념이었어요... 이것도 기회가 된다면 나중에 한번 정리를 해보도록 할게요! 로딩 속도가 어마 무시하게 빠른 녀석들입니다 후들후들... https://github.com/layoutBox/PinLayout GitHub - layoutBox/PinLayout: Fast Swift Views layouting without auto layout. No magic, pure code, full control and blazing fast Fast Swift Views lay.. 공감수 0 댓글수 0 2022. 4. 28.
iOS 앱 v1.0.2 업데이트 - 2021.12.10 UPDATE) 일기 앱 영어 버전 추가 기존 일기 앱은 한국어로 제작되었다. 그러나 조금 더 다양한 국가의 사람들이 우리 일기 앱을 사용할 수 있었으면 좋겠다고 생각했고, 전 세계에 보편적으로 사용되는 언어인 영어 버전을 업데이트하기로 결정했다. 일본어, 중국어도 서비스하고 싶었지만 업데이트 내역을 적기가 어려웠다. 일단 영어를 먼저 서비스하고, 앞으로 언어들을 추가할 계획이다. 기존 언어들을 영어로 바꾸고, NSLocalizedString을 이용해 한국어 번역을 진행하였다. 앱 용량이 크지 않았기 때문에 단순 번역하는 작업은 크게 오래걸리지 않았다. 공감수 0 댓글수 0 2022. 4. 26.
iOS 앱 v1.0.1 업데이트 - 2021.12.06. ~ 2021.12.07 UPDATE) 빈 태그가 들어가는 문제 수정 기존에 아예 태그 텍스트 필드를 적지 않았다면 일기가 작성되지 않았지만, 텍스트 필드에 #이라는 글자만 있을 때는 잡아내지 못하는 버그가 있었다. #과 공백은 글자로 취급하지 않고 검사해 길이가 0이 나오면 빈 태그 리스트로 인식하고 일기가 작성되지 않도록 수정하였다. 또한 사용자가 쓰면서 # 이라는 빈 글자를 메인화면에서 보는 불편함을 겪지 않도록 이를 수정했다. 기존에 태그를 작성할 경우 중간에 "# " 이러한 형태의 형식으로 존재한 태그는 메인화면에서 아무 내용도 없는 태그가 나오는 버그가 있었다. 이미 작성된 일기에서는 어쩔 수 없지만, 새로 일기를 쓰거나, 일기 수정을 할 경우에 기존에 # 태그만 있던 것들은 사라질 것이다. 기존에 태그를 작성할 경우.. 공감수 0 댓글수 0 2022. 4. 26.
iOS 앱 심사를 위한 유지보수 - 2021.12.01 FIX) 이메일 인증 버튼 수정 회원가입 진행 시 이메일 형식이 아니더라도 이메일 인증 버튼을 누를 수 있었으나, 이메일 형식을 작성했을 시에만 인증 버튼이 활성화되도록 변경 UPDATE) 생체인증으로 잠금해제 수정 기존 KeychainAccess 라이브러리를 통한 생체인증과정을 사용했으나, 에러가 발생하였고, 스위치를 통한 ON / OFF 과정에서 스위치의 버튼이 정상적으로 작동하지 않는 버그가 발생하였음. 그렇기에 LocalAuthentication을 통한 생체인증 잠금해제 방식으로 업데이트를 진행함. 개선해야 할 문제 - @escaping을 통한 콜백 함수로 제작을 하였기에 이를 후에 Rx로 변경할 예정. 공감수 0 댓글수 0 2022. 4. 26.
iOS 테스팅 전 마무리 - 2021.11.07 ~ 2021.11.09 UPDATE) 검색 기능 기존에는 뷰만 존재했었던 검색 기능을 테스팅을 시작하기 전 구현하였다. 기존 제작해두었던 DiaryService를 사용해 값을 받아오고, 이를 SearchView의 테이블 뷰에 RxDataSource를 활용하여 띄워주었다. 확실히 전에 사용해본 경험이 있어 이는 크게 어렵지 않았고, 값이 빈 값일 경우 따로 바인딩을 통해 라벨을 띄워주었다. ADD) 회원가입 기능 추가 회원가입을 위한 뷰들을 제작하였고 이를 활용하기 위한 AuthService도 업데이트하였다. 기존의 다른 뷰의 Reactor에서 사용하던 것과 같이 제작 후 기능을 추가하였고, 크게 어렵지 않아 금방 추가할 수 있었다. ADD) 비밀번호 기능 추가 앱 내의 자체적인 보안도 업그레이드하기 위해 앱 잠금번호를 추가하였.. 공감수 0 댓글수 0 2022. 4. 26.
11주차 iOS - 2021.10.31 ~ 2021.11.06 ADD) 네트워크를 활용하는 Service들 추가 이번 주에는 네트워킹을 활용하는 서비스들을 제작했다. 이 서비스들을 각자의 뷰 모델에 주입하고 사용하는 방식을 택했다. AuthService는 로그인 시 토큰을 가져와 저장하는 방식으로 사용하였고, 이 AuthService를 활용하여 header에 토큰을 넣어주는 플러그인 또한 제작하였다. AuthService 말고도 DiaryService와 DiaryAPI라는 걸 제작하였는데, 이는 일기를 쓰고, 삭제하고, 검색하는 등 일기 앱이 로그인 이후 동작할 기능들을 모아놓았다. 이것들은 토큰으로 사용자를 구분 지은 후 사용하기 때문에 header에 토큰을 대신 넣어주는 플러그인 또한 네트워크를 생성할 때 플러그인을 추가해주었다. UPDATE) Reactor들 .. 공감수 0 댓글수 0 2022. 4. 26.
10주차 iOS - 2021.10.24 ~ 2021.10.30 FIX) Memory Leak with DiaryTextField iOS 관련 자료를 뒤져보던 중 Memory Leak에 관한 내용이 나와 혹시 내가 만든 앱에는 Memory Leak이 생기진 않았을까라고 생각하며 Instruments 도구를 이용해 일기 앱의 메모리를 체크해보았다. 그런데 분명 뷰는 사라졌는데 로그인의 TextField가 해제되지 않고 남아있었다. 이를 해결하기 위해 직접 만든 커스텀 View인 DiaryTextField를 찾아보았고, bind 함수 부분에서 원인을 찾을 수 있었다. 위 사진과 같이 텍스트필드가 편집상 태일 때 하단의 separator의 색이 변하는 효과를 주는 기능을 구현한 코드에서 그냥 self를 사용하여 ARC를 사용하는 Swift에서 순환 참조가 발생하였던 것이다.. 공감수 0 댓글수 0 2022. 4. 26.
9주차 iOS - 2021.10.17 ~ 2021.10.23 ADD) Theme View 추가 기존에 있던 View에 Section을 나눠서 Theme Cell을 추가하였다. Section을 분리하여 ThemeCell, AppearanceCell의 Selection 이벤트를 분리하였고 update를 한 다음 TableView를 Refresh 해주었다. 또한 기존의 AppearanceCell 처럼 UserDefault를 통해 값을 저장하고 App이 Launch가 진행 중일 때 테마 값을 변경하도록 해 주었으며 RxTheme의 ThemeService의 switch를 이용해 기존에 지정해놨던 Theme의 프리셋 중 하나로 변경할 수 있도록 제작하였다. 아직 RxDataSource + ReactorKit을 쓰는 방법에 익숙해지지 않은 것 같다. 그래서 조금 더 효율적으로.. 공감수 0 댓글수 0 2022. 4. 26.
8주차 iOS - 2021.10.10 ~ 2021.10.16 ADD) Theme View 추가 테마를 변경할 수 있도록 Theme View에 관한 Controller와 Reactor를 추가했고 Tableview를 추가했다. AppearanceSelectCell을 추가하여 cell을 선택했을 때 라이트 / 다크 모드를 선택할 수 있도록 했다 이번에 Tableview를 사용하면서 RxDataSource를 채택하였고, 이걸 ReactorKit과 결합하여 사용하기 위해 공부를 많이 했다. cell별로 reactor를 각각 하나씩 만들어 넣어주었고 cell은 값을 바인딩하여 보여준다. AppearnaceSelectCell은 하나만 선택가능하기에 선택된 index값을 저장하고, 그 값이 있는 셀의 reactor에만 state에 isSelected를 전달하도록 설정했다. 선택.. 공감수 0 댓글수 0 2022. 4. 26.
7주차 iOS - 2021.10.03 ~ 2021.10.09 ADD) Search View 추가 Search View를 추가했고 DiarySearchBar를 만들었다. DiarySearchBar는 커스텀 버튼을 왼쪽에 배치해 눌렀을 시 navigation controller를 pop 할 수 있도록 설계했으며 이를 navigation bar의 title view로 적용하였다. 원래 UISearchViewController를 적용하려고 했으나 내가 원하는 디자인과 맞지 않아 일반 UIViewController에 search bar를 넣고 사용하기로 하였다. UPDATE) Clear Button 색 변경 TextField나 SearchBar에서 기본 기능으로 추가할 수 있는 Clear Button의 Tint Color가 디자인과 색상이 조금 달라 어떻게 할지 방법을 찾.. 공감수 0 댓글수 0 2022. 4. 26.
6주차 iOS - 2021.09.26 ~ 2021.10.02 UPDATE) DiaryTextField 에러 메시지 업데이트 기존 TextField는 입력하지 않아도 에러가 발생한걸로 인식되어 텍스트 필드 위쪽에 에러 메시지가 떠 있었으나, Validation 부분을 수정하여 비어있을 시 DiaryTextField가 에러 메시지를 출력하지 않도록 업데이트하였다. 또한 입력한 내용이 정확하다면, 에러 텍스트 대신 원하는 문구를 띄울 수 있도록 설정하였다. UPDATE) LoginView 소셜 로그인 레이아웃 적용 추후 생길 소셜 로그인을 지원하기 위해, 대체 이미지로 레이아웃을 맞추고, 키보드에 따라 레이아웃이 변하여 사용자 경험을 망치지 않도록 업데이트하였다. RxKeyboard를 통한 레이아웃 update 방식을 사용하였는데, 일일이 설정을 해주어야 해서 상당히 .. 공감수 0 댓글수 0 2022. 4. 26.
5주차 iOS - 2021.09.19 ~ 2021.09.25 UPDATE) 레이아웃 업데이트 사용자의 다양한 기기에서 오늘 하루를 제공하기 위해서 레이아웃을 업데이트하였다. 화면이 큰 최신 아이폰들에는 정상적으로 보이지만, 옛날 작은 구형 아이폰 (iPhone SE) 시리즈에서 오늘 하루를 제공하기 위해서 화면 사이즈에 맞게 유동적으로 레이아웃을 조정할 수 있도록 다양한 뷰의 레이아웃들을 업데이트하였다. UPDATE) Floating View 업데이트 기존 Floating View에 있던 요소들이 너무 정적으로 움직이는 것 같아 값이 변경될 때마다 animation과 함께 뷰가 업데이트되도록 코드를 수정하였다. (RxAnimated) 기존의 일기가 Floating View에서 스크롤이 막혀있어 일정 길이가 넘어가면 볼 수 없다는 단점이 있었다. 그래서 Scroll.. 공감수 0 댓글수 0 2022. 4. 26.
4주차 iOS - 2021.09.12 ~ 2021.09.18 ADD) RealmService 추가 RealmService를 만들었다. 기존처럼 Reactor에서 직접 Realm 객체를 생성하여 사용하는 건 비효율적이라고 판단했고, RealmService를 만들어서 Realm을 사용하는 reactor에 이 service를 의존성 주입하여서 read, write, update, delete를 조금 더 효율적으로 사용할 수 있도록 만들었다. UPDATE) UserService추가 및 Floating Panel View 사용성 개선 floating view에 관한 global state를 UserService를 통하여 처리했다. 개념 자체는 어렵지 않았지만 구현 방식에 대해서는 아직 공부할 점이 많이 남았다. ReactorKit이 상당이 잘 만들어져 있는 라이브러리임을 .. 공감수 0 댓글수 0 2022. 4. 26.
3주차 iOS - 2021.09.05 ~ 2021.09.11 UPDATE) Realm DB 추가, Main 화면에 Floating Panel 추가 아직 Reactor에 익숙지 않은 듯하다. 이건 조금 더 써보면서 적응을 해야 할 것 같다. Realm DB를 처음으로 추가해봤다. 근본적으로 DB를 다루는거라 쿼리문에만 익숙해진다면 어렵지 않은 것 같았다. 이걸 어떻게 암호화하고 서버에 값을 보내야 할지 구조를 정해야 하는데 잘 생각나지 않는다. 테이블도 금방 만들었고 검색도 어렵지 않아 보이니 다음 주에 큰 비중을 두지는 않을 것 같다. MainView에 Floating Panel을 추가하였다. FIX) Floating Panel layout Floating Panel을 추가하니 layout이 내가 예상한것과는 달랐다. Floating Panel을 추가하는 방법이 .. 공감수 0 댓글수 0 2022. 4. 26.
2주차 iOS - 2021.08.29 ~ 2021.09.04 ADD) Side Menu 추가 디자인을 따라 메인에 있는 앱 드로어를 Side Menu 라이브러리를 통해 구현하고, 추가하였다. 리스트에 있는 버튼들은 재사용이 가능하도록 만들었고, 테마에 따라 컬러가 같이 바뀌도록 구현하였다. 로그아웃 버튼을 만들고 기능을 추가하였다. ❗️도달한 문제 MVVM-C 구조를 쓰면서 Side Menu를 어떻게 추가해야 할지 한참 고민했었다. 또한 SideMenu용 DelegateProxy를 제작하려고 했으나, 기존 NaviagtionDelegate와 충돌이 일어나서 사용하지 못했다. 이건 다른 방법을 찾아야겠다. RxSwift가 Logout을 할 때 생기는 에러를 Dismiss를 한번 해주고 logout을 해줌으로써 해결하였다. REFACTOR) RxAnimated를 통한.. 공감수 0 댓글수 0 2022. 4. 26.
1주차 iOS - 2021.08.19 ~ 2021.08.28 INIT) iOS 앱의 아키텍처 그렇기에 소프트웨어 아키텍처를 많이 생각해보았고 Clean Swift(VIP)나 VIPER, RIBs를 사용하기에는 화면 구성이 그렇게 많지 않아 오버헤드가 아닌가 싶어서 가볍게 구성하기 위해 MVVM-C 구조를 채택하기로 하였다. ViewModel은 개발자마다 구현하는 방법이 다르기에 큰 틀을 잡아주고 User의 Action에 따른 State가 변경되어 업데이트 시점을 정확히 할 수 있다는 장점이 있는 라이브러리인 ReactorKit을 채택하였다. 또한 Coordinator Pattern을 조금 더 쉽게 사용하기 위해 RxFlow를 사용하기로 결정하였고, 앱에 바로 적용시켰다. ADD) 캘린더 추가 iOS앱의 가장 유명한 캘린더 라이브러리인 FSCalendar를 사용하기.. 공감수 0 댓글수 0 2022. 4. 26.
Xcode Archive 멈춤현상 해결 최근 Xcode를 사용하며 아카이빙이 멈추는 현상이 생겼습니다 ㅠㅠ 아카이빙이 멈추는 이유라도 알려줬으면 시간을 덜 낭비 했었을텐데... 한시가 급한 배포 상황이었기에 너무 많은 당황을 했었지만 시간에 맞춰 배포가 되어야하니 정신을 부여잡고서 구글링을 했었습니다. 이를 해결하기 위해 여러 방면으로 리서치를 해보았고, 많은 시간을 허비한 후 스택오버플로우에서 답을 찾을 수 있었습니다 😭 https://stackoverflow.com/questions/57881459/building-archiving-for-release-hangs-indefinitely-in-xcode-11 Building/archiving for release hangs indefinitely in Xcode 11 I'm trying t.. 공감수 0 댓글수 0 2022. 4. 19.
lazy var 정리 이번에 미세먼지 앱을 만들어 보면서 lazy란 개념을 공부했습니다. 기존에 lazy라는 게 있다고 들어는 봤지만, 어떻게 쓰는지도 몰랐고 왜 쓰는지도 몰랐어요. 하지만 이번 기회에 왜 쓰는지 정리해보고 싶어서 공부를 시작해보았습니다. lazy는 초기 init시에 초기화되는 것이 아니라 호출될 때 생성이 되면서 메모리에 올라가며 이후 같은 변수를 사용 시 다시 초기화가 진행되지 않고 이전에 생성된 변수를 그대로 사용하더라고요. 또한 클래스나 구조체 내에서만 사용이 가능하다는 특징이 있었습니다. 아래는 예시 코드입니다 class Person { var name: String var age: Int // 초반 init때 생성되지 않음 lazy var info: String = { return "이름 : \(s.. 공감수 0 댓글수 0 2021. 4. 13.
Swift로 미세먼지 앱 만들기 학교 과제로 미세먼지를 보여주는 프로그램을 만들라기에 자신감 있게 iOS를 선택했습니다! 할 줄 아는게 iOS밖에 없어서... 과제도 이왕 만드는김에 제대로 만들어보자라고 생각해서 앱의 장점인 현재 위치를 받아와 주변 측정소의 미세먼지 값을 쓰기로 했어요. 미세먼지 값을 받아오려면 네트워크 통신이 필수적이었고, 현재 위치를 알아내야 했습니다. 그래서 서버와의 통신 전, 서버의 요청값에 보내줄 현재위치를 알아 내기 위해서 CoreLocation을 사용했어요. // lazy로 선언하여 메모리 관리 lazy var locationManager = CLLocationManager().then { // 10미터 이내의 정확도로 설정을 하여 배터리 관리 최적화 $0.desiredAccuracy = kCLLocati.. 공감수 0 댓글수 0 2021. 4. 10.
iOS 라이브러리 - KDCircularProgress 상벌점 조회 프로젝트를 진행하던 중 그래프를 그려야 할 일이 생겼습니다. iOS의 가장 대표적인 그래프 라이브러리인 Charts를 써봤지만 내가 하는 프로젝트의 디자인과 잘 맞지 않는 것 같았어요. 아래 사진과 같은 디자인을 맞춰주어야했는데, 마음대로 되는 게 아니더라고요. 그래서 제 맘에 맞는 라이브러리를 찾기 시작했고, 몇 번의 검색 끝에 제 마음에 드는 라이브러리를 찾을 수 있었습니다! Github : https://github.com/kaandedeoglu/KDCircularProgress kaandedeoglu/KDCircularProgress A circular progress view with gradients written in Swift - kaandedeoglu/KDCircularPro.. 공감수 0 댓글수 0 2021. 2. 26.

문의안내

티스토리
로그인
고객센터

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