봄날은 갔다. 이제 그 정신으로 공부하자

개발하다보면 전체 화면 중 일부만 투명하게 처리해야 경우가 종종 있습니다. 대부분의 경우 UIAlertView를 사용하면 되지만 간혹 투명한 부분을 dim 처리해야 하는 등 UIAlertView로 처리하기 곤란한 경우가 있는데 이런 경우 ViewController에서 일부 영역을 dim 처리하는 방법으로 문제를 해결 할 수 있습니다. 우선 storyboard에 ViewController를 만들고 dim 처리할 부분과 아닌 부분을 구분해서 화면을 구성합니다. 저는 아래 2/5 정도의 영역에만 컨텐츠가 보이고 나머지 부분은 dim 처리되도록 화면을 구성해 보았습니다. 아래 그림의 흰색 부분이 아무것도 없는 부분으로 투명처리되는 부분 입니다. 투명 처리를 위해 해당 ViewController가 load되는 v..

디자인적으로 앱의 완성도를 높이는 가장 간단한 방법 중 하나는 리스트에 보여지는 이미지를 라운드 처리하는 것 입니다. 이미지를 라운드 처리해서 보여주는 것만으로도 그럴 듯 해보이거든요... ^^ 이번 글에서는 UIImageView를 사용해 이미지를 라운드 처리하는 방법에 대해 설명 합니다. UIImageView의 모서리를 라운드 처리하기 위해서는 UIImageView의 layer를 사용해야 합니다. cornerRadius를 사용해 원하는 만큼 라운드 처리해준 후, borderWidth 두께를 지정해주고 borderColor를 이미지뷰의 배경과 동일한 색상으로 설정해주고 마지막으로 masksToBounds를 true로 설정해 마스킹 처리해 라운드 밖의 이미지는 보이지 않도록 해줍니다. masksToBoun..

이 글은 swiftUI Tutorial 중 5번째 항목인 "Animating views and Transitions" 내용을 기반으로 설명합니다. 전체 소스 및 내용이 궁금하신 분은 아래 링크를 참고해주세요. https://developer.apple.com/tutorials/swiftui/animating-views-and-transitions 버튼에 Animation 효과 추가하기 아래 이미지 우측 화살표 버튼을 클릭하면 아래 이미지와 같이 1.5배 커지면서 화살표가 90도 돌아가는 애니메이션을 예를 들어 설명하도록 하겠습니다. 위 조건을 만족 시키기 위해 아래와 같이 버튼을 생성해 줍니다. * 전체 소스는 위 링크를 참고해주세요. @State private var showDetail = false ..

이 글은 swiftUI Tutorial 중 3번째 항목인 "Handling User Input" 내용을 기반으로 설명합니다. 전체 소스 및 내용이 궁금하신 분은 아래 링크를 참고해주세요. https://developer.apple.com/tutorials/swiftui/handling-user-input ObservableObject ObservableObject는 class만 사용 가능한 필수구현을 필요로하지 않는 프로토콜로 Combine 프레임워크의 일부입니다. ObservableObject를 상속받은 클래스는 @Published를 사용할 수 있는데 @Published를 사용하면 변수의 값이 변경되었을 때 View가 알 수 있으므로 MVVM 아키텍쳐의 ViewModel에 적용하기 좋은 프로토콜 입니다..

이 글은 swiftUI Tutorial 중 3번째 항목인 "Handling User Input" 내용을 기반으로 설명합니다. 전체 소스 및 내용이 궁금하신 분은 아래 링크를 참고해주세요. https://developer.apple.com/tutorials/swiftui/handling-user-input 이 글은 List에 표시되는 데이터의 필터링 또는 정렬이 필요할 때 사용하는 filter 함수와 sorted 함수에 대해 설명합니다. filter filter 함수는 dictionary에 있는 값 중 원하는 값만 가져올 때 사용하는 함수로 Bool 값을 반환하며 true일 때의 값들이 결과에 포함됩니다. Landmark 데이터를 예를 들어 설명하면, 데이터 중 isFavorite 값이 true인 데이터만..

이 글은 swiftUI Tutorial 중 2번째 항목인 "Building Lists and Navigation" 내용을 기반으로 소소하게 알아두면 좋은 내용을 설명합니다. swiftUI Tutorial "Building Lists and Navigation""(아래 링크)와 같이 보시면 더욱 유익합니다. https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation 이번 글에서는 SwiftUI를 사용해 List를 만들어보도록 하겠습니다. 리스트에 사용되는 데이터는 이전 글(https://als2019.tistory.com/97) 또는 위 링크를 참고해주시면 됩니다. 1. 사전 준비 - 리스트에 사용할 데이터 이전 글에서 생성한 l..

이 글은 swiftUI Tutorial 중 2번째 항목인 "Building Lists and Navigation" 내용을 기반으로 소소하게 알아두면 좋은 내용을 설명합니다. swiftUI Tutorial "Building Lists and Navigation""(아래 링크)와 같이 보시면 더욱 유익합니다. https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation Hashable 정수 Hash 값을 제공하는 타입의 프로토콜로 구조체가 Hashable을 상속받아 사용하는 이유는 Hashable 상속받은 구조체의 인스턴스는 set 또는 dictionary의 key로 사용할 수 있기 때문 입니다. set과 dictionary의 key..

이 글은 swiftUI Tutorial 중 1번째 항목인 "Creating and Combining Views" 내용을 기반으로 소소하게 알아두면 좋은 내용을 설명합니다. swiftUI Tutorial "Creating and Combining Views"(아래 링크)와 같이 보시면 더욱 유익합니다. https://developer.apple.com/tutorials/swiftui/creating-and-combining-views @main swiftUI로 앱을 구현할 때 해당 앱의 진입접을 제공하는 어노테이션으로 App을 상속받은 구조체 위에 반드시 @main 어노테이션을 명시해야 하면 한개의 앱에 한개의 @main 어노테이션만 존재해야 합니다. 프로젝트 생성 시 SwiftUI를 기본으로 선택하면 자..