김종권의 iOS 앱 개발 알아가기

목차) SwiftUI의 기본 - 목차 링크 SF Symbols 개념 애플에서 개발한 San Francisco font에 같이 사용할 수 있게 만든 이미지 마치 Text를 다루듯 font, foregroundColor를 모두 사용할 수 있는 형태 Image(systemImage:) 를 이용하여 SF Symbols를 사용한 후, .font로 폰트 프로퍼티 사용이 가능 SF Symbols 사용 방법 AppStore > SF Symbols Explorer 설치 SF Symbols Explorer 열기 SF Symbols 이미지들을 확인 가능 square.and.arrow.up 이미지를 사용하여 테스트 struct ContentView: View { var body: some View { Image(systemN..

Tab bar 모든 화면 방향에서 동일한 높이를 유지 키보드 등장 시 자동으로 숨김처리 TabBar vs ToolBar TabBar: 현재 컨텍츠와 전혀 다른 섹션간의 전환 (ex 알람, 스톱워치, 타이머 탭) ToolBar: 현재 컨텐츠와 연관된 작업 (ex 항목 생성, 삭제, 사진 촬영) TabBar Guide 탭 막대에 들어가는 아이템 배치에는 독립적이고 정보 계층 구조 평평화 탐색용으로만 TabBar를 표시하고 현재 화면의 요소에 대해 작동하는 컨트롤은 ToolBar 사용 iPhone에는 탭 아이템을 3~ 5개만 사용: 너무 많으면 탭할 수 있는 영역이 줄어들고 앱의 복잡성이 증가하여 정보를 찾기가 어려워지는 현상 사용자가 앱의 다른 영역으로 이동할 때 탭 표시줄을 숨기지 말고 언제나 표출: 탭 ..

SF Symbol SF Symbol: iOS13+부터 개발자와 디자이너를 위한 도구이며 1500가지가 넘는 symbol set 제공 SF Synbol은 weight와 size의 텍스트에 optical vertical alignment를 자동으로 보장 SF Symbol 특징 small, medium, large 세 가지 스케일로도 제공 앱의 강조 색상을 사용할 수 있는 장점 존재 cloud.sun.rain 강조 -> cloud.sun.rain.fill 커스텀 SF Symbol SF Symbol에서 제공하지 않는 심볼을 직접 만들 수 있는 방법이 존재 링크: https://developer.apple.com/sf-symbols/ 설치 후 앱 진행 * 참고 https://developer.apple.com/d..

다크 모드 iOS 13+ 이상에서 시스템 전체 모양을 다크 모드로 선택 가능 배경은 Views, Menu, Control에 비해 더 어두운 팔레트를 사용하고 컨텐츠는 밝은색으로 하여 돋보이도록 표출 시력이 낮은 시각장애인은 대비가 낮은 텍스트를 읽기 힘들기 때문에 다크 모드에서 대비를 증가하는 것이 필요 다크 모드 색상 되도록이면 dynamic system color를 사용: 다크 모드는 동적이므로, pop over나 modal sheet와 같이 인터페이스가 위로 덮을 때 덮는 View의 색상들이 자동으로 (조금 밝게)변경되므로 hard coding 지양하고 dynamic system color 사용 modal 시 덮는 View의 색상 변경: Base -> Elevated dynamic system co..