728x90 ios앱개발6 [iOS] FLO 앱 개발 일지 #2. TableView 로 가사 화면 개발하기 프로그래머스 연습 과제의 FLO 앱 요구사항을 바탕으로 개발한 앱입니다. FLO 앱 개발 일지 #1. MVVM 패턴과 Data Binding [iOS] FLO 앱 개발 일지 #2. TableView 로 가사 화면 개발하기 이번 개발 일지는 전체 가사 보기 화면을 개발하면서 TableView 를 어떻게 이용했는지에 대해 작성해볼게요! 아래 순서로 작성했습니다 1. 문자열의 가사를 딕셔너리로 변환하기 2. TableView 로 전체 가사 화면 UI 개발하기 3. Music Player 의 시간이 지남에 따라 가사가 변경되도록 하기 * Issue :: Observer 를 등록하고 화면이 종료될때 해제해주지 않아 가사 싱크가 맞지않는 이슈가 발생 (해결) 4. TableView 로 특정 가사 터치 시 해당 구간.. 2021. 6. 30. [iOS] FLO 앱 개발 일지 #1. MVVM 패턴과 Data Binding 프로그래머스 과제관에 FLO 뮤직 플레이어 iOS 앱 연습 과제가 있어서, 이를 개발하면서 적용한 것이나 발생했던 이슈들에 대해서 정리해보도록 할게요! 해당 앱을 개발하기로 한 이유는 다음과 같습니다. 1. 정해진 앱의 개발 환경, 화면 구성 요소, 기능 요구사항에 맞춰 개발하기 위해서 2. 비교적 작은 규모의 앱에서 MVVM 패턴을 적용해보기 위해서 3. 부스트코스 1강에서 학습한 음악 플레이어의 연장선으로 학습하기 위해서 🎵 Demo 영상 (iPhone 11, iOS14.5) ✔︎ FLO 앱의 음악 재생 화면에서 MVVM 패턴 적용하기 💡 MVVM 패턴의 기본 룰 1. View (View Controller)는 View Model 을 가지고, View Model 은 Model 을 가진다. 2. Vie.. 2021. 6. 29. [iOS/Swift] 모서리가 둥근, 그림자가 적용된 팝업 뷰 구현하기 💡 [iOS/Swift] 모서리가 둥근, 그림자가 적용된 팝업 뷰 구현하기 Zerobin 앱에서 왼쪽 화면은 리뷰작성시 새싹스탬프를 누르는 화면이고, 오른쪽 화면은 새싹 스탬프에 대한 설명을 나타내는 화면입니다. 앱개발을 하면서 왼쪽화면의 ⓘ 버튼을 누르면 다음과 같이 팝업 뷰가 나타나도록 개발해야 했고, 이 과정에서 생겼던 문제들을 다뤄볼게요! 설명을 위해서 왼쪽화면은 MainVC, ⓘ 버튼은 infoButton, 오른쪽 화면에 나타난 팝업화면을 PopupVC 라고 지칭할게요. 먼저, MainVC 에서 PopupVC 를 띄우는 방법을 설명하고 팝업뷰에서 View 의 모서리를 둥글게 처리하고, 그림자를 적용하는 방법을 나눠서 작성할게요. ✔︎ 메인화면에서 팝업 뷰를 띄우는 방법 1. 먼저 두 화면을 스토.. 2021. 4. 28. [IT 동아리] MakeUS::메이커스 6기 오리진 활동 & 데모데이 후기 👀 [IT 동아리] MakeUs 6기 서류&면접 후기는 아래 글에 작성했습니다.[IT 동아리] MakeUs 6기 서류&면접 후기🐧 MakeUs - 수익형 앱 런칭 동아리 iOS 앱 개발을 시작해보자! 하고 결심한 12월, MakeUs 동아리를 알게 되었고 운좋게 합격하게 되어 3개월간 활동했습니다~! 서류지원부터 면접, 실제 활동까지 후기jellysong.tistory.com ✔︎ 3개월간의 메이커스 오리진 세션MakeUs 6기부터는 오리진/프리 세션으로 나눠졌다고 하는데요. 프리 세션은 팀장-디자이너가 기획을 진행한 후, 개발자들이 추가로 들어와 개발을 진행하는 세션입니다. 오리진 세션은 5명의 팀원이 기획부터 개발까지 함께 진행하는 세션입니다. 저는 오리진 세션으로 참여해서 5명의 팀원(PM/AOS,.. 2021. 4. 11. [iOS/Swift] UserDefaults 를 이용해 데이터 저장하기, 앱 최초 실행 여부 판단하기 👀 UserDefaults class UserDefaults : NSObject 💡 An interface to the user’s defaults database, where you store key-value pairs persistently across launches of your app. 사용자의 defaults 데이터베이스에 Key-Value 형태의 데이터를 저장할 수 있는 방법입니다. Foundation framework 에 포함되어 기본으로 제공되는 클래스로 간단하게 데이터를 저장할 수 있습니다. defaults 라고 부르는 이유는 일반적으로 앱 시작시 기본 상태 또는 기본 작동 방식을 결정하는 데 사용되기 때문이라고 합니다. ✔︎ UserDefaults object 가져오기 let def.. 2021. 3. 7. [iOS/Swift] Launch Screen :: 앱의 시작 화면 Launch screen Launch Screen 은 앱이 시작될 때 나타났다가 앱의 첫번째 화면으로 빠르게 전환된다. 앱이 실행되고 사용될 준비가 되었음을 알려주는 역할을 하며, 앱이 빠르고 반응적이라는 인상을 주기 위해 사용된다. 가이드에서 시각적인 효과를 주기 위해 사용되는 것은 아니라고 한다. 안드로이드 개발시에는 Splash screen 이라고 불렀는데, iOS 에서는 Launch Screen 이라고 부르는 점이 다르다. Launch screen in Xcode Xcode 프로젝트는 launch screen 을 위해 launch storyboard 를 제공한다. 유저가 앱을 처음 실행했을 때, 시스템은 앱의 UI를 화면에 보여줄 준비가 될 때까지 launch storyboard 를 보여준다. 만.. 2021. 2. 21. 이전 1 다음 728x90
