'💻 개발/iOS' 카테고리의 글 목록

💻 개발/iOS

[iOS / SwiftUI] .mask를 활용하여 Custom ProgressView를 구현해보자

2023.04.27

지금 진행하고 있는 프로젝트에서 디자인 시스템을 도입하고 있다. 다른 컴포넌트들은 디자인이 구상이 되어 있어서, 이를 그대로 구현하면 되는 상황이었지만 ProgressView는 명시된 디자인이 없었다. 그래서 어떻게 구현할지 고민하다가, 앱의 Identity와 UX라는 두 마리의 토끼를 모두 잡아보기로 결정했다. 이를 위해, 우리 앱의 로고를 사용하기로 했다. 하지만 단순히 로고만 띄어주기엔 이쁘지도 않고, 일단 UX적으로 마음에 들지 않았다. Why? 🧐 ProgressView는 어떠한 요청(ex, API Request)에 대한 응답을 받기 전까지의 로딩을 시작적으로 표현하는 것인데, 단순히 로고만 띡 띄어놓으면 사용자는 이게 무슨 상황인지 전혀 알 방법이 없다. 그래서 Dynamic한 요소가 필요했는..

💻 개발/iOS

[iOS / SwiftUI] View Memory Graph Hierarchy를 활용해보자

2023.03.14

멋쟁이사자처럼 iOS 앱 스쿨에서 최종 프로젝트로 단어장 앱을 만들면서, AVSpeechSynthesizer를 활용하여 TTS 기능을 구현하려고 했다. 하지만 구현 과정에서 예상치 못한? 오류를 만났고 생각보다 골머리를 썩였다. 코드 상으로는 전혀 문제가 없었는데 말이다. (진짜로? 문제 없는 거 맞아?) 그렇게 고민하던 중, 결국 View Memory Graph Hierarchy를 통해 오류를 해결할 수 있었다. 처음 써봤는데 정말 유용한 친구라는 걸 깨달았다. 아무튼 오늘은 메모리 관련 이슈가 있을 때 사용하면 정말 유용한 친구를 소개하고자 한다. 그 전에, AVSpeechSynthesizer는 어떻게 동작하는지에 대해 알아보도록 하자. AVSpeechSynthesizer의 동작 과정 코드로는 이렇게..

💻 개발/iOS

[iOS / SwiftUI] MapKit, 실시간으로 도로명 주소 변환하기

2022.12.20

23.01.13 - 앱을 처음 설치했을 때 현재 위치로 이동하지 않는 오류 해결 지난 번 프로토타입에 이어 이번 주부터는 MVP를 진행하고 있다. 기존에 더미 데이터로 구현했던 것들을 실제 FireStore와 연동하고 구현하지 못했던 부분들을 구현하는 것을 목표로 잡았다. 이번 주에 구현하려는 기능은 아래와 같다. 1. 사용자가 지도를 움직이면 움직인 좌표에 대한 도로명 주소를 실시간을 가져옴 2. 사용자가 지도를 움직이면 마커가 살짝 위로 올라가고, 움직임이 멈추면 마커가 다시 내려옴 3. 사용자의 현재 위치를 가져오고, 버튼을 클릭하면 현재 위치로 지도의 Focus를 변경함 하나씩 살펴보도록 하자. 1. 사용자가 지도를 움직이면 움직인 좌표에 대한 도로명 주소를 실시간으로 가져오기 말이 좀 길다. 간..

💻 개발/iOS

[iOS / SwiftUI] OnAppear, OnDisappear는 언제 호출될까?

2022.12.01

SwiftUI로 개발을 진행하다가 View 내부에서 직접적으로 프로퍼티에 접근할 때 onAppear를 한 번쯤은 사용한 경험이 있을 것이다. 가령, print(프로퍼티)처럼 View 내부에서 접근하면 이런 에러가 뜬다. View를 반환해달라는 에러다. 이런 에러와 마주치지 않기 위해 View 내부에서 직접적으로 접근하지 않고, onAppear 클로저 내부에서 접근하는 방식을 택한다. 아무튼 이럴 때 자주 사용하는 onAppear는 SwiftUI View Life Cycle에 속하고, 오늘은 Life Cycle에 대해 알아보려고 한다. SwiftUI에선 3개의 Life Cycle이 있고, 각각의 Appear, Update, Disappear 이다. 1. onAppear onAppear은 View가 보여지기..

💻 개발/iOS

[iOS / SwiftUI] 스크롤, 무한으로 즐겨요~ (LazyVStack으로 무한 스크롤 구현하기)

2022.11.28

오늘은 ScrollView와 LazyVStack을 활용하여 SwiftUI에서 무한 스크롤을 구현해보려고 한다. 사실, LazyVStack이 조금 생소할 수 있다. LazyVStack은 말 그대로 Lazy하게 VStack을 그린다는 느낌으로, VStack으로 보여줄 항목이 실제로 UI에 보여질 때 렌더링을 진행하는 View이다. Apple Developer Documentation developer.apple.com 그렇다면 기존에 사용하던 VStack과는 어떤 차이가 있을까? 평소에 사용하던 VStack은 뷰가 보여질 때(onAppear) 모든 항목을 렌더링한다. 그렇기에 ScrollView + VStack 조합으로 List를 나타낸다면 초기에 많은 리소스를 소모하게 된다. 적은 개수의 간단한 항목들을 ..

💻 개발/iOS

[iOS / Swift] Swift 문자열 정복하기 (aka 'Character')

2022.11.03

Swift로 문자열 문제를 풀다보면 오류를 자주 접하게 된다. (error: cannot convert value of type 'String.Element' (aka 'Character') to closure result type 'String) '이게 왜 안됨? ㅋㅋ' 라는 생각이 들 정도로 안된다. 아무튼 이런 오류를 자주 접했기에 글로 정리하면서 다시 한 번 복습하려고 한다. 1. 문자열 형 변환하기 1. String -> Int 다른 언어에서처럼 Int()로 형 변환을 진행한다. 이 때, String인지 SubString인지 Character인지 잘 살펴본다. (그렇지 않으면... error: cannot convert value of type 'String.Element' (aka 'Chara..

💻 개발/iOS

[iOS / SwiftUI] 다양한 상태 프로퍼티들을 알아보자!

2022.10.24

State와 Binding 지난 시간 @State와 @Binding 프로퍼티 래퍼에 대해 학습했다. 1. @State @State 프로퍼티 래퍼를 사용해서 상태 프로퍼티를 작성하면 해당 프로퍼티가 선언된 뷰와 바인딩할 수 있게 된다. 좀 더 쉽게 설명하자면 뷰와 바인딩이 되어 있는 상태프로퍼티에 변경이 일어나면 자동으로 뷰가 갱신된다는 말이다. 코드로 직접 살펴보자. 아래 코드는 버튼을 클릭하면 숫자가 1씩 증가하도록 구현한 앱이다. struct ContentView: View { @State private var number: Int = 0 var body: some View { VStack { Text("\(self.number)") Button(action: { self.number += 1 }) ..

💻 개발/iOS

[iOS / SwiftUI] 키보드가 사라지지 않아요...😩

2022.10.21

SwiftUI Keyboard Dismiss 어제 구현한 팀 과제를 다시 한 번 구현하던 도중에 추가해보고 싶은 기능이 있었다. 사용자 입력을 소프트 키보드 혹은 버튼을 통해서 입력 받는데, 소프트 키보드로 입력 받은 경우에 Submit을 누르지 않고, 뷰의 클릭하더라도 소프트 키보드가 닫히도록 구현하고 싶었다. 1. Focused 우선 이 기능은 SwiftUI 3.0 (iOS 15) 이상부터 지원한다. 그런 탓인가 정말 간단하게 구현이 가능하다. var body: some View { @State private var input: String = "" @FocusState private var isFocused: Bool // 생략... VStack { TextField("PlaceHolder", $i..

💻 개발/iOS

[iOS / SwiftUI] ForEach로 View를 리펙토링 해볼까요?

2022.10.11

Swift UI에서 ForEach로 View 여러 개 오늘 스터디에서 날씨를 보여주는 페이지를 Swift UI로 구현하는 과제를 진행했다. HStack과 VStack을 활용해서 구현하는 과제였고 구현 결과는 아래와 같다. 하지만 구현을 완료하고 보니 대부분이 하드 코딩되어 있어서 겹치는 코드들이 많아 이를 수정해주는 작업을 진행했다. 아래 사진을 보면 빨간색 뷰 안에 초록색 뷰들이 같은 형태로 배치되어 있는 것을 볼 수 있다. 기존에는 HStack 내부에 VStack을 여러 개 배치하는 방식으로 구현했는데, 이를 ForEach를 활용해서 VStack을 재사용하는 방식으로 수정했다. 1. 기존 코드 struct DailyHourWeatherView: View { var body: some View { HS..

💻 개발/iOS

[iOS / Swift] lim 클로저 -> 0 (클로저, 극한으로 줄여보기)

2022.10.05

지난 시간에 개인적으로 클로저에 대해서 좀 더 알아봤는데 오늘 강의에서는 클로저에 대한 진도를 나갔다. 복습 차원에서 강의를 들으면서 다시 한 번 정리해봤다. 클로저 클로저는 기능을 갖고 있는 코드 블록이다. 클로저에서는 상수와 변수에 대한 참조를 캡쳐하고 저장할 수 있으며 크게 3가지로 구분한다. 전역 함수 중첩 함수 클로저 표현식 1. 전역 함수 첫 번째로 전역함수는 우리가 프로그래밍을 하면서 정의하고 호출하는 함수들이다. func 키워드를 통해 정의한다. 전역함수는 이름을 가지고 있고 어떠한 값도 캡쳐하지 않는 클로저이다. func justFunction() -> String { return "KODO" } 2. 중첩 함수 두 번째로 중첩 함수는 이름을 가지고 둘러싼 함수로부터 값을 캡쳐할 수 있는..

티스토리툴바