앱 개발을 하다보면 버튼의 크기가 너무 작아서 터치가 잘 안되는데 디자인 상 크기를 키울 수 없는 경우가 있다. 이럴 때 화면 상 보이는 버튼 크기는 유지한 채로 터치 영역을 넓히는 법을 알아보자! 터치 영역이 너무 작은 버튼 문제 상황일부러 사이즈가 작은 버튼을 가져와서 버튼의 사이즈를 알 수 있도록 배경색을 노랑색으로 넣어놓았다. 손으로 터치를 하는 앱 특성상 이런 버튼은 터치가 힘들 것이다. Button { } label: { Image(systemName: "ellipsis") .resizable() .scaledToFit() .frame(width: 30)}.background(.yellow) 방법 1) .contentShape() 사용이미지에 `padding(..
SwiftUI의 화면 전환은 sheet, popover, NavigationLink, navigationDestination 등 여러 가지 방식이 있지만오늘은 iOS 16.0 부터 가능한 `NavigationStack`을 `NavigationPath`와 함께 사용해보려고 한다. 앱에서 화면 전환을 할 때, 계속 다음 화면으로 갈 수도 있지만 3개 전 화면으로 이동하거나 초기 화면으로 이동하는 등 화면이 쌓이는 순서를 관리해야할 필요가 있다. 그 방법 중 나는 `NavigationPath`를 선택했다. 이번 글에서는 개념적인 내용은 빼고 사용법만 간단히 작성하려고 한다. 구현하기 먼저 2개의 뷰 화면 `ContentView`, `SecondPage`와 네비게이션 관리를 위한 `NaviManager..
오늘은 위도 경도 값을 가지고 경로선을 그려볼 것이다. 다른 지도 API는 어떤지 모르겠지만, 내가 사용해본 네이버 지도 API는 경로선 그리는 기능을 제공한다. 하지만 지도 위에 그리는 것이 아니라 경로선만 필요한 경우 직접 그려줘야 한다. 이 작업은 `Canvas`와 `Path`를 이용하려고 한다. Canvas란?Canvas는 SwiftUI에서 제공하는 뷰로, 벡터 기반의 그래픽 작업을 간단하게 구현할 수 있도록 설계되었다. Canvas 기본 구조 - context: 그리기 컨텍스트로, `stroke`나 `fill`같은 그리기 작업을 하는데 사용한다. - size: Canvas의 사이즈로, 너비와 높이를 나타내는 CGSize 구조체다. Canvas { context, size in } Pat..
카카오 로그인 버튼 디자인카카오 로그인 디자인 가이드에서 버튼 디자인을 다운받을 수 있다. 플랫폼 등록하기https://developers.kakao.com/docs/latest/ko/getting-started/app#platform위 링크의 가이드를 따라 플랫폼을 등록한 후 네이티브 앱 키를 기억해두자.만약 테스트앱을 팀원과 함께 사용하는 경우 팀 관리에서 팀원의 계정을 추가해야 카카오 API 사용이 가능하다.카카오 로그인 iOS SDK 설치하기 (SPM)1. ➊ [Project Target] > ➋ [Package Dependencies] > ➌ [Packages]의 [+] 버튼을 누른 후 아래 링크로 패키지를 검색한다.https://github.com/kakao/kakao-ios-sdk2. Kak..
