ELLO의 개발일지

Status Bars The status bar appears along the upper edge of the screen and displays useful information about the device’s current state, like the time, cellular carrier, and battery level. The actual information shown in the status bar varies depending on the device and system configuration. 상태 표시줄은 화면 상단 가장자리를 따라 나타나며 시간, 셀룰러 캐리어 및 배터리 수준과 같은 장치의 현재 상태에 대한 유용한 정보를 표시합니다. 상태 표시줄에 표시되는 실제 정보는 장치 및..

Search Bars A search bar allows people to search through a large collection of values by typing text into a field. A search bar can be displayed alone, or in a navigation bar or content view. When displayed in a navigation bar, a search bar can be pinned to the navigation bar so it's always accessible, or it can be collapsed until the user swipes down to reveal it. search bar를 사용하면 필드에 텍스트를 입력하여..

Navigation Bars A navigation bar appears at the top of an app screen, below the status bar, and enables navigation through a series of hierarchical screens. When a new screen is displayed, a back button, often labeled with the title of the previous screen, appears on the left side of the bar. Sometimes, the right side of a navigation bar contains a control, like an Edit or a Done button, for man..

App Icon Every app needs a beautiful and memorable icon that attracts attention in the App Store and stands out on the Home screen. Your icon is the first opportunity to communicate, at a glance, your app’s purpose. It also appears throughout the system, such as in Settings and search results. 모든 앱은 앱스토어에서 시선을 끌고 홈 스크린에서 눈에 띄는 아름답고 기억에 남는 아이콘이 필요합니다. 당신의 아이콘은 당신의 앱의 목적을 한눈에 알 수 있는 첫 번째 기회입니다. 또한..

Image Size and Resolution 이미지 크기 및 해상도 The coordinate system iOS uses to place content onscreen is based on measurements in points, which map to pixels in the display. A standard-resolution display has a 1:1 pixel density (or @1x), where one pixel is equal to one point. High-resolution displays have a higher pixel density, offering a scale factor of 2.0 or 3.0 (referred to as @2x and @3x). As a ..

Positioning Content Within Layout Margins 레이아웃 여백 내에 콘텐츠 배치 Position views so that they are not crowded by other content. 다른 콘텐츠에 의해 몰리지 않도록 보기를 배치합니다. Overview Layout margins provide a visual buffer between a view’s content and any content outside of the view’s bounds. The layout margins consist of inset values for each edge (top, bottom, leading, and trailing) of the view. These inset values c..

Positioning Content Relative to the Safe Area safe area에 대한 콘텐츠의 위치를 지정 Position views so that they are not obstructed by other content. 다른 내용에 방해되지 않도록 뷰를 배치합니다. Overview Safe areas help you place your views within the visible portion of the overall interface. UIKit-defined view controllers may position special views on top of your content. For example, a navigation controller displays a naviga..

Adaptivity and Layout 적응성 및 레이아웃 People generally want to be able to use their favorite apps on all of their devices and in any context. To meet this expectation, design an adaptable interface by configuring UI elements and layouts to automatically change shape and size on different devices, during multitasking on iPad, in split view, when the screen rotates, and more. 사람들은 일반적으로 자신이 좋아하는 앱을 모든 ..

Navigation People tend to be unaware of an app’s navigation until it doesn’t meet their expectations. Your job is to implement navigation in a way that supports the structure and purpose of your app without calling attention to itself. Navigation should feel natural and familiar, and shouldn’t dominate the interface or draw focus away from content. In iOS, there are three main styles of navigati..

오늘의 결과 화면입니다. url로부터 다운로드한 이미지를 imageView에 할당하는 방법은 이전 글에서 설명했습니다. 하지만 이 방법은 다운로드 속도가 매우 느립니다. Image View의 확장을 통해서 이미지 다운로드 속도를 개선해보겠습니다. [Step 1] UIImageView 파일 생성하기 [Step 2] Image View 확장하기 코드 extension UIImageView { func downloadImage(url: URL) { DispatchQueue.global().async { if let data = try? Data(contentsOf: url) { if let image = UIImage(data: data) { DispatchQueue.main.async { self.imag..