티스토리

예콩이의 CODE RECIPE

검색하기

블로그 홈

예콩이의 CODE RECIPE

yecong-it.tistory.com/m

예빈 Yebeen 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[SwiftUI] Crashlytics에서 1.0 (1) 버전의 dSYM 누락을 감지했습니다. 앱 개발할 때 fcm 푸시 알림을 개발할 때 Firebase에서 이런 메일을 받아볼 수 있다. 왜? 파이어베이스에서 Crashlytics를 사용해서 디버깅을 하는 경우에는 dSYM 파일을 업로드해야 한다. 그래서 구글링했는데 2021년도 정보로는 앱 스토어 커넥트에 들어가면 dSYM 파일을 다운로드하는 버튼이 있다고 하는데.. 없다? 이게 또 정책이 금방 금방 바뀌는 건지... 다른 방법을 찾아냈다. 1. Xcode로 프로젝트를 실행한 후 상단탭에서 [Window] - [Organizer]에 들어간다. 들어가보면 내가 Archive한 파일들이 뜰 것이다. 2. 출시한 버전을 [우클릭] - [Show in Finder]로 연다. 3. [.xcarchive] 파일 - [우클릭] - [패키지 내용 보기] 이제.. 공감수 1 댓글수 1 2024. 4. 8.
[SwiftUI] 데이터 바인딩 어노테이션 @ 이해하기 사실 개발하면서도 언제 어느 때에 써야할지 지금도 헷갈리는 State, StateObject, ObservedObject ...등등 현재 진행하는 프로젝트에서도 검색 기능을 구현할 때 ObservedObject로 썼을 때 검색창이 일회용이 되어버렸던.... 그러다가 StateObject를 만났던... 복잡하지만 확실하게 알아두는게 좋을 것 같아서 학습해본다. 데이터 바인딩 SwiftUI에서 데이터 바인딩은 View와 데이터 사이의 동기화라고 한다. 나는 지금 현재 MVVM 패턴을 사용하며 개발하고 있기 때문에 ViewModel을 View에 연결해서 사용할 때 꼭 필요하다. 데이터 바인딩은 사용자 인터페이스가 데이터 모델의 현재 상태를 정확하게 반영하도록 보장해준다. 사용자의 입력 또는 데이터 모델에서 변.. 공감수 0 댓글수 0 2024. 4. 2.
[SwiftUI] Launch Screen 만드는 방법들(코드, Info.plist) 앱을 개발할 때 꼭 빠질 수 없는 부분이 바로 Launch Screen! 오늘은 시작 화면을 간단하게 구현하는 방법을 알아보기로 ㅎㅎ Launch Screen 앱이 구동될 때 보여주는 첫 시작 화면이다. 그럼 직접 만들어보자! 방법 1. Info.plist 파일로 설정하기 1️⃣ Assets에 필요한 부분을 추가하자. LaunchScreen에는 로고와 배경색 정도가 필요할 것 같으니 Color, Image 각 하나씩 추가한다. 2️⃣ 프로젝트의 Target > Info에 들어가서 Launch Screen을 찾자. Key 값에 LaunchScreen이 있을거임!! 3️⃣ + 버튼으로 Launch Screen 밑에 속성들을 추가해주자. 나는 여기서 Image Name과 Background color, Ima.. 공감수 0 댓글수 0 2024. 3. 20.
[SwiftUI] 앱 배포 시 설정 화면에서 오픈소스 라이센스 표시하는 방법 앱 배포를 준비하면서 얻은 꿀팁을 정리하려고 한다. 앱을 개발할 때 오픈소스(패키지 등)를 사용하게 되면 라이선스 표시를 꼭 해줘야 한다. 뭐 마이페이지나 앱 안에 뷰를 하나 더 만들어서 할 수도 있지만,,, 에브리타임 앱을 보니까 디바이스 안에 있는 설정 앱에 개발중인 앱 정보를 들어가면 라이선스 정보를 쉽게 표시할 수 있더라고!! 아 참고로 UIkit이랑 SwiftUI랑 설정 다를게 없음. 그래서 정리하는 '디바이스 설정 화면에서 오픈소스 라이선스 표시하기' SwiftUI편 시작합니댱 1️⃣ LicensePlist 라이브러리 설치하기 https://github.com/mono0926/LicensePlist GitHub - mono0926/LicensePlist: A license list genera.. 공감수 1 댓글수 0 2024. 3. 18.
[SwiftUI] UI에 자주 쓰이는 Modifier 모음 오늘은 Modifier에 대해서 알아보자!👩🏻‍🍳 SwiftUI에서 Modifier는 뷰의 모양, 레이아웃, 기능을 변경하기 위해서 사용되는 강력한 도구이다. 모디파이어를 사용하면 코드의 재사용성을 높이고, 간결하고 읽기 쉬운 코드를 작성할 수 있다. 텍스트 모양 변경하기 Text("안녕하세요, SwiftUI!") .font(.title) // 글꼴을 제목 스타일로 설정 .foregroundColor(.blue) // 글자 색상을 파란색으로 설정 .padding() // 주변에 패딩 추가 .background(Color.yellow) // 배경색을 노란색으로 설정 .cornerRadius(10) // 모서리를 둥글게 처리 글꼴의 모양부터 글자 색상, 패딩, 배경색, 모서리를 둥글게 설정할 수 있다. 버튼.. 공감수 0 댓글수 0 2024. 3. 13.
[SwiftUI] ProgressView 오늘은 ProgressView에 대해서 알아보자!👩🏻‍🍳 ProgressView ProgressView는 사용자에게 장기 실행 작업의 진행 상황을 시각적으로 표현해주는데 사용되는 UI 컴포넌트이다. 작업의 진행 상태를 나타내고 다양한 스타일과 구성을 제공한다. ProgressView Apple 공식 문서 ProgressView | Apple Developer Documentation A view that shows the progress toward completion of a task. developer.apple.com 기본 ProgressView ProgressView() 레이블과 함께 사용하기 ProgressView("Downloading...") 진행 상황을 나타내는 ProgressView @S.. 공감수 0 댓글수 0 2024. 3. 12.
[SwiftUI] GroupBox 사용해보기 오늘은 GroupBox에 대해 알아보자!👩🏻‍🍳 GroupBox SwiftUI에서 GroupBox는 관련된 여러 뷰를 그룹화하는 컨테이너이다. 자체적으로 그룹의 제목과 함께 뷰를 그룹화하여, 내용이 어떤 정보를 나타내는지 사용자에게 명확하게 전달할 수 있도록 도와준다. GroupBox Apple 공식 문서 GroupBox | Apple Developer Documentation A stylized view, with an optional label, that visually collects a logical grouping of content. developer.apple.com 예시 코드 뭔가 개인정보 동의서 같은 화면 만들 때 어울릴 것 같아서 UI를 만들어보기로! var body: some View.. 공감수 0 댓글수 0 2024. 3. 6.
[SwiftUI] Form 사용해보기 오늘은 Form에 대해 알아보자!👩🏻‍🍳 Form SwiftUI에서 Form은 사용자의 입력을 위한 인터페이스를 구성하는데 사용되는 컨테이너 뷰이다. Form은 다양한 유형의 입력 요소를 포함할 수 있다. 예를 들어, TextField, Toggle, Slider, DatePicker와 같은 뷰를 Form에 넣어 사용자 입력을 받을 수 있다. Form Apple 공식 문서 Form | Apple Developer Documentation A container for grouping controls used for data entry, such as in settings or inspectors. developer.apple.com 예시 코드 이제 직접 실습을 해보자! 이번에 해볼 실습은 아이폰에서 설정 .. 공감수 0 댓글수 0 2024. 3. 5.
[SwiftUI] 데이터 캐싱 기법들에 대하여 캐싱이란? 캐싱은 데이터를 내부에 미리 저장하고 필요할 때 빠르게 접근하는 기술이다. 이 기술은 반복적인 계산 또는 불필요한 데이터 요청을 줄여 성능을 향상시키는데 도움이 된다. 캐싱의 장점! 성능 향상 : 캐싱된 데이터는 디스크나 네트워크에서 불러오는 것보다 훨씬 빠르게 접근할 수 있다. 앱의 응답 시간을 개선하고, 사용자 경험을 향상시킨다. 네트워크 트래픽 절약 : API 응답을 캐싱하면 동일한 요청을 반복해서 보낼 필요가 없다. 이는 네트워크 대역폭을 절약하고, 데이터 사용량을 줄여준다. 오프라인 접근 : 캐싱된 데이터는 네트워크 연결이 없어도 접근할 수 있다.이는 오프라인 상태에서도 앱이 작동하도록 해준다. 캐싱을 사용하는 도구들.zip UserDefaults 사용자의 설정값이나 간단한 정보를 저.. 공감수 0 댓글수 0 2024. 2. 5.
[SwiftUI] TabView 사용해보기 오늘은 TabView!에 대해 알아보자!👩🏻‍🍳 TabView TabView는 여러 화면 사이를 탭 버튼을 통해 전환할 수 있는 인터페이스를 제공하는 컴포넌트이다. 각 탭은 고유한 화면과 연결되고, 사용자는 탭 버튼을 클릭해서 해당 화면으로 이동이 가능하다. TabView Apple 공식 문서 TabView | Apple Developer Documentation A view that switches between multiple child views using interactive user interface elements. developer.apple.com TabView의 구성 Content : 각 탭에 연결된 화면을 나타낸다. TabView의 클로저 내부에 정의한다. Tab : 화면 하단에 위치하.. 공감수 0 댓글수 0 2024. 2. 1.
[SwiftUI] NavigationView와 NavigationStack 사용해보기 오늘은 화면 이동에서 정말 중요한 Navigation에 대해 알아보자!👩🏻‍🍳 참고로 NavigationView는 Deprecated 되었기에 그 대신 NavigationStack을 학습해보기로! NavigationStack NavigationStack은 화면 전환을 담당하며, 주로 우리가 DetailView로 이동할 때 자주 사용하게 된다. 기존의 NavigationView에 비하면 데이터 전달이나 데이터 기반에 가깝기에 더 원활한 통신이 이루어질 것 같다. NavigationStack Apple 공식 문서 NavigationStack | Apple Developer Documentation A view that displays a root view and enables you to present ad.. 공감수 0 댓글수 0 2024. 1. 26.
[SwiftUI] ScrollView 사용해보기 오늘은 ScrollView 사용법에 대해 알아보자!👩🏻‍🍳 ScrollView ScrollView는 SwiftUI에서 스크롤 가능한 영역을 제공하는 뷰이다. 사용자는 ScrollView 내부의 콘텐츠를 스크롤하며 볼 수 있다. 화면 크기를 초과하는 내용의 콘텐츠를 표시할 때 유용하다. ScrollView는 세로 방향으로 스크롤하는 것이 기본이지만, `.horizontal` 모디파이어를 사용하여 가로 방향으로 스크롤하도록 설정할 수도 있다. 또한, ScrollView 내부에는 다양한 뷰를 넣을 수 있으며, VStack, HStack 등의 뷰를 함께 사용하여 복잡한 레이아웃 구성도 가능하다. ScrollView Apple 공식 문서 ScrollView | Apple Developer Documentation.. 공감수 0 댓글수 0 2024. 1. 25.
[SwiftUI] Lazy한 Stack과 Grid 오늘은 Lazy한 Stack과 Grid의 사용법에 대해서 알아보자!👩🏻‍🍳 Lazy? Lazy는 '게으른'이라는 의미로 많은 양의 데이터를 처리할 때 보다 효율적이고 적은 메모리 사용량으로 앱의 성능을 향상시킨다. 기본 Stack은 선언되면 즉시 모든 View를 로드하는 반면 List와 Lazy 컴포넌트들은 필요한 시점에만 View를 로드하여 보다 효율적으로 사용할 수 있다. LazyVStack / LazyHStack LazyVStack과 LazyHStack은 각각 세로 및 가로 방향의 스택을 생성한다. 기존의 Stack은 빌드하면 모든 View를 생성하고 로드하게 되는데 많은 양의 데이터를 처리할 때는 비효율적이다. 반면 LazyStack들은 화면에 표시되는 부분만 View를 로드하기 때문에 많은 데이.. 공감수 0 댓글수 0 2024. 1. 22.
[SwiftUI] List와 ForEach 사용법 복잡한 UI 요소들을 한 번에 설명하기엔 너무 많은 양이 될 것 같아서 부분적으로 끊어서 학습하기로 한다. 오늘은 List와 ForEach의 사용법에 대해서 알아보자!👩🏻‍🍳 List? List는 SwiftUI의 주요 구성 요소 중 하나로, 여러 행의 데이터를 표시하는데 사용된다. UIkit의 테이블 뷰와 유사하며, 각 행은 독립적인 View로 구성할 수 있다. List는 자체적으로 상태를 저장하지 않고 주어진 데이터를 기반으로 UI를 생성하고 업데이트한다. 항상 최신 상태의 데이터가 반영되도록 보장하며 데이터가 변경될 때마다 List는 자동으로 업데이트된다. List는 다양한 기능과 함께 사용될 수 있다. ForEach, Section, NavigationLink 등으로 복잡한 UI를 구성할 수 있다... 공감수 0 댓글수 0 2024. 1. 17.
[SwiftUI] 기본적인 UI 요소와 그 사용법 (2) 이번 시간에는 SwiftUI의 기본적인 UI 요소 (Slider, Toggle, Picker, Alert, ActionSheet) 를 알아보고 직접 사용해보자 👩🏻‍🍳 Slider Slider는 사용자가 값을 드래그를 통해 선택할 수 있게 해주는 UI 요소이다. 볼륨 조절이나 밝기 조절 등에 주로 사용된다고 보면 된다. Slider Apple 공식 문서 Slider | Apple Developer Documentation A control for selecting a value from a bounded linear range of values. developer.apple.com 사용 방법 // MARK: -Slider 예시 코드 @State private var value = 0.5 Slider(va.. 공감수 0 댓글수 0 2024. 1. 15.
[SwiftUI] 기본적인 UI 요소와 그 사용법 (1) 이번 시간에는 SwiftUI의 기본적인 UI 요소(Text, Image, Button, TextField)를 알아보고 직접 사용해보자 👩🏻‍🍳 Text UIkit에서 UILabel이 사용된다면, SwiftUI에서는 Text가 그 역할을 해준다. 다만 차이점은 단순한 문자열 처리만 해주는게 아니라 버튼이나 다른 UI에 구성되는 텍스트를 모두 Text가 적용한다. UILabel 역할은 극히 일부라고 보면 될 듯! Text Apple 공식 문서 Text | Apple Developer Documentation A view that displays one or more lines of read-only text. developer.apple.com 사용 방법 Text("텍스트 입력") >> Text("Hello.. 공감수 1 댓글수 0 2024. 1. 12.
[SwiftUI] SwiftUI 프로젝트 주요 파일 알아보기 오늘은 본격적으로 SwiftUI 기초부터 학습하며 기록해보자 👩🏻‍🍳 SwiftUI란? 기존에는 UI 구축할 때 플랫폼마다 다른 프레임워크를 사용했다. UIkit은 iOS, tvOS를, AppKit은 macOS를, WatchKit은 watchOS를 사용했다. 다양한 플랫폼을 개발하기 위해서는 여러 프레임워크를 공부하며 개발이 필요했다. 애플은 2019년 새로운 프레임워크인 SwiftUI를 공개했고, 이는 애플의 모든 플랫폼 앱을 하나의 프레임워크로 개발할 수 있게 되었다. SwiftUI는 선언형 UI(Declarative UI) 방식의 코드 작성으로 배우기 쉽고, 읽기 쉽고, 이해하기 쉽다. 기존의 UIkit에 비해 간결하면서도 직관적이라는 점이 장점이다. SwiftUI 프레임워크를 코드에 적용시키기 위.. 공감수 0 댓글수 1 2024. 1. 11.
[SwiftUI] Stack(VStack, HStack, ZStack) 이해하기 오늘은 스윗한 SwiftUI를 공부하면서 UI에서 가장 중요한 부분인 Stack에 대해서 알아보았다. 1. VStack VStack은 Vertical Stack의 약자로, 수직으로 쌓아 올리는 방식을 말한다. 즉, VStack 안에 있는 요소들은 수직으로 배치된다. [실습해보기] VStack { Text("Hello, World!") Text("This is VStack") } 2. HStack HStack은 Horizontal Stack의 약자로, 수평으로 배열하는 방식을 말한다. 즉, HStack 안에 있는 요소들은 수평으로 배치된다. [실습해보기] HStack { Text("Hello, World!") Text("This is HStack") } 3. ZStack ZStack은 Depth Stack.. 공감수 0 댓글수 2 2024. 1. 10.
[SwiftUI] .DS_Store 파일은 왜 생길까? .DS_Store 파일이란? .DS_Store 파일은 macOS 운영 체제에서 폴더의 메타 데이터와 설정을 저장하는 숨겨진 파일이다. 근데 실제 앱 개발에는 필요하지 않다. .DS_Store 파일을 삭제하는 이유 이 파일은 Xcode와 같은 개발 도구가 프로젝트 폴더에 자동으로 .DS_Store 파일을 생성된다. 물론 혼자 개발하면 있으나 없으나 상관없지만, 다른 개발자와의 협업에서는 파일이 충돌할 수 있다. 따라서 개발에는 필요하지 않은 파일이기에 지워주는 것이 깔끔하다. (1) 깃허브에 프로젝트 파일 업로드 전에 미리 파일을 삭제하고 gitignore 파일과 함께 올리거나, (2) 이미 올라가 있다면 이 파일을 모두 삭제해준 후 git add 해주거나! .DS_Store 파일을 삭제하는 방법 터미널에.. 공감수 0 댓글수 1 2024. 1. 9.

문의안내

티스토리
로그인
고객센터

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