본문 바로가기

🍎 iOS/UIKit19

[iOS] WKWebView - 앱에서 웹뷰를 띄우자 📱WKWebView Class WKWebView 객체는 앱 내부의 브라우저에서 웹 콘텐츠를 보여줍니다. WKWebView 는 네이티브 뷰에 HTML, CSS, JavaScript 로 표현되는 웹 브라우징을 제공합니다. 앱의 콘텐츠를 빈번하게 변경해야할 경우, 웹앱을 사용하게 될 것이에요. 네이티브 앱보다는 웹앱은 웹 콘텐츠만 배포하면 되니 좀더 유연한 대처가 가능하겠죠. 👋 WKWebView Delegate WKWebView 는 delegate 객체를 통해 유저의 경험과 탐색을 컨트롤할 수 있도록 제공합니다. 여기서 유저의 경험은 UI delegate, 탐색은 navigation delegate 가 담당한다고 이해했어요. 🤔 navigation delegate (WKNavigationDelegate) 를.. 2022. 4. 30.

[iOS/Swift] TextView - URL (하이퍼링크)클릭해 웹뷰 띄워주기 안녕하세요. UITextView 에 하이퍼링크로 URL 을 나타내기 위해 방법을 찾아본 내용을 정리하러 왔습니다! 처음에는 UILabel 에서 적용하려고 했는데 방법이 복잡해서 UITextView 로 바꿨습니다. - UILabel 을 사용하려면 해당 링크를 참고하면 좋을 것 같아요. 📝 목차 1. TextView 의 dataDetectorTypes 속성 설정하기 2. UITextViewDelegate 를 통해 WKWebView 띄워주기 이 두가지 과정을 통해 TextView 의 텍스트 중 Http links 를 클릭해 웹뷰를 띄워줄 수 있습니다. 1. TextView 의 dataDetectorTypes 속성 설정하기 UITextView 에는 dataDetectorTypes 속성이 있어, phone num.. 2022. 1. 25.

[iOS] 네이버지도 앱 연동 - Place ID 로 앱 열기 다른 앱에서 네이버 지도를 열고, 특정 위치를 보여주는 방법을 작성하려고 합니다! 공식 가이드의 내용인데, 링크 이동이 안되어서 불편한 점이 있더라구요 😢 일단 "네이버 지도앱 실행" 버튼은 제공하지 않는다고해요. 하지만, UIButton 을 이용해 버튼을 생성하고 URL Scheme 을 참고해서 네이버지도로 이동하게끔 하면 됩니다 😀 💡 지도앱 연동 URL Scheme 네이버 지도 앱을 열어서, 이동하는 것이기 때문에 별도의 네이버 클라우드 가입은 필요하지 않아요! 지도의 메인 표시, 좌표값을 통해 이동하는 내용이 나와있는데요. 좌표(위도&경도)를 이용해서 지도를 열어주면, 특정 위치의 이름이 나타나지 않습니다. 장소 표시도 좌표를 통해 표시하는 내용만 있고, 네이버지도에서 리뷰, 상세정보가 나타나는 .. 2021. 7. 16.

[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] MVC 패턴 (Model - View - Controller) 디자인패턴 중 앱 개발에 적용되는 MVC(Model-View-Controller) 패턴에 대해 정리해보자! iOS 앱 프로그래밍 부스트코스 무료 강의 www.boostcourse.org 1장에서 음악재생 앱을 만들면서 아래의 내용들을 학습했습니다. 에셋(Asset) - 앱 아이콘, 이미지 파일, 데이터 파일을 관리, 앱 실행시 파일에 쉽게 접근할 수 있도록 도와준다. 앱 시닝(App thinning)과 앱 슬라이싱(App slicing) - 다양한 디바이스에서 빠르게 다운로드할 수 있도록 하는 최적화 기술 Cocoa Touch, UIKit, Foundation - iOS 앱 개발에 필요한 프레임워크 Autolayout 을 적용하며 UI를 개발하는 법 - 인터페이스 빌더 vs 코드로 작성 iOS의 View.. 2021. 6. 18.

[iOS] 디자인 패턴 & Singleton 패턴 적용된 사례 디자인 패턴의 정의, 시작 그리고 분류에 대해서 정리. iOS 앱 개발에서 싱글턴 패턴이 적용된 사례를 중심으로 학습해보자! iOS 앱 프로그래밍 부스트코스 무료 강의 www.boostcourse.org 1장에서 음악재생 앱을 만들면서 아래의 내용들을 학습했습니다. 에셋(Asset) - 앱 아이콘, 이미지 파일, 데이터 파일을 관리, 앱 실행시 파일에 쉽게 접근할 수 있도록 도와준다. 앱 시닝(App thinning)과 앱 슬라이싱(App slicing) - 다양한 디바이스에서 빠르게 다운로드할 수 있도록 하는 최적화 기술 Cocoa Touch, UIKit, Foundation - iOS 앱 개발에 필요한 프레임워크 Autolayout 을 적용하며 UI를 개발하는 법 - 인터페이스 빌더 vs 코드로 작성.. 2021. 6. 16.

[iOS] View 체계 - Window&View, Frame vs Bounds, 디버깅 툴 iOS의 View 체계 - 뷰 계층, 뷰의 좌표, 프레임 vs 바운드, 뷰 계층 디버깅 툴 iOS 앱 프로그래밍 부스트코스 무료 강의 www.boostcourse.org 1장에서 음악재생 앱을 만들면서 아래의 내용들을 학습했습니다. 에셋(Asset) - 앱 아이콘, 이미지 파일, 데이터 파일을 관리, 앱 실행시 파일에 쉽게 접근할 수 있도록 도와준다. 앱 시닝(App thinning)과 앱 슬라이싱(App slicing) - 다양한 디바이스에서 빠르게 다운로드할 수 있도록 하는 최적화 기술 Cocoa Touch, UIKit, Foundation - iOS 앱 개발에 필요한 프레임워크 Autolayout 을 적용하며 UI를 개발하는 법 - 인터페이스 빌더 vs 코드로 작성 iOS의 View 체계 - 뷰 계.. 2021. 6. 16.

[iOS] Autolayout 을 적용하며 UI를 개발하는 법 Autolayout 을 적용하며 UI를 개발하는 법 - 인터페이스 빌더 vs 코드로 작성 iOS 앱 프로그래밍 부스트코스 무료 강의 www.boostcourse.org 1장에서 음악재생 앱을 만들면서 아래의 내용들을 학습했습니다. 에셋(Asset) - 앱 아이콘, 이미지 파일, 데이터 파일을 관리, 앱 실행시 파일에 쉽게 접근할 수 있도록 도와준다. 앱 시닝(App thinning)과 앱 슬라이싱(App slicing) - 다양한 디바이스에서 빠르게 다운로드할 수 있도록 하는 최적화 기술 Cocoa Touch, UIKit, Foundation - iOS 앱 개발에 필요한 프레임워크 Autolayout 을 적용하며 UI를 개발하는 법 - 인터페이스 빌더 vs 코드로 작성 iOS의 View 체계 - 뷰 계층.. 2021. 6. 13.

이전 1 2 3 다음

티스토리툴바