Jiwift

둥근 모양의 Circle Progress입니다. 진행 상태를 직관적으로 보여주는 반원형 게이지 스타일의 커스텀 프로그레스바입니다.주요 기능:프로그레스바 색상 커스터마이징 가능선 두께 조절 가능 (progressWidth)시작/끝 각도 설정을 통한 호(arc) 범위 조절기본 설정: 150도에서 시작하여 390도까지 시계방향으로 진행미완료 부분은 음영 효과로 입체감 표현SnapKit을 활용한 오토레이아웃 지원 사용예시// 기본 설정으로 생성let progressView = CircleProgressView(progressColor: .systemBlue)// 커스텀 설정let customProgress = CircleProgressView( startAngle: 180, // 시작 각도 en..

iOS 개발자라면 누구나 알고 있어야 하는 코드 방식으로 UITableViewCell을 구현하는 코드 스토리보드 방식이 아닌 코드로 구현하기 위한 Class를 기록합니다. import UIKitclass TestTableViewCell: UITableViewCell { // 초기화 메서드. 스타일과 재사용 식별자를 매개변수로 받아 초기화를 수행합니다. override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) { super.init(style: style, reuseIdentifier: reuseIdentifier) self.commonInit() // 공통 초기화 작업을 수행하는 메서드..

Nams님의 프로젝트를 기반으로 수정을 진행한 코드입니다. [Swift] Multi Line Tag View 그리기 (tistory.com) [Swift] Multi Line Tag View 그리기 SwiftUI만 하다가 UIKit을 하게될 일이 생겼는데 요구사항중하나가 뷰를 크기에 맞게 여러줄로 표현해주는 뷰에요 테그를 표현하는 뷰같은 곳에 많이 쓰이는 UI로 알고있어요 결과물 부터 보시죠! nsios.tistory.com wlxo0401/MultiLineTagView: A Multi Line Tag View for iOS(Swift) (github.com) GitHub - wlxo0401/MultiLineTagView: A Multi Line Tag View for iOS(Swift) A Multi ..

iOS 16.4 이상 부터는 WebKit에서 로그를 확인하려면 옵션을 변경해야합니다. if #available(iOS 16.4, *) { self.webkit.isInspectable = true } 원하는 웹킷에 해당 코드를 적용하면 Safari를 통한 로그 확인이 가능해집니다.

UITextField의 글자수를 제한하고 개수를 표시하기 위한 로직 작성 20 자리를 기준으로 작성한 코드 self.nameTextField.delegate = self 글자수를 세기 위한 Textfield의 delegate를 설정 extension ViewController: UITextFieldDelegate { func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool { // 기존 글씨 + 입력된 글씨 = text길이 guard let text = textField.text else { return false } let newLength..

이번에는 코드를 이용해서 UIButton을 만들어 보도록 하겠습니다. 사실 매우 간단하지만, 처음에는 왜 사용하는지 모를 수도 있을 것 같긴 합니다. 제가 사용하는 이유는 버튼 색상, 폰트와 같이 공통적으로 많이 사용되는 버튼을 Class로 만들어서 관리하고 있습니다. 이렇게 Class로 버튼을 만들면 변경이 생길 경우 유지보수하는데 좋다는 점이 있습니다. 예시는 많은 내용을 담지는 않겠습니다. 기본적인 방법을 익히시고 프로젝트에 맞는 버튼을 만들어보세요. // 버튼 class PrimaryButton: UIButton { // 코드를 통해 인스턴스를 생성할 때 사용되는 이니셜라이저 override init(frame: CGRect) { super.init(frame: frame) self.commonI..

내가 생각하고 내가 경험하고 작성하는 UITableView.. 들어가기 전 UI작업을 하다보면 실제 화면 사이즈보다 컨텐츠 내용이 더 많은 경우를 고려해서 작업을 해야합니다. 이런 경우 Scroll을 사용하게됩니다. iOS에서는 UIScrollView(UIKit), ScrollView(SwiftUI)가 우리를 도와주게 됩니다. 오늘 글은 UIScrollView와 비교를 통해서 UITableView를 알아보려고합니다. 제일 쉽게 접하는 곳은 웹툰이 있습니다. UIScrollView를 사용하면 다양한 해상도를 지원하기에도 좋습니다. UITableView를 왜 쓰는데? 위에서 설명한대로 Scroll 가능한 도구가있는데 왜 UITableView를 쓰는지 궁금할 수 있습니다. 실제로 UIScrollView와 UI..

self.myView.backgroundColor = UIColor.red self.myView.backgroundColor = UIColor(named: "myColor") self.myView.backgroundColor = UIColor(red: 0.0824, green: 0, blue: 0.1765, alpha: 1.0) backgroundColor를 사용하면 UIView 색상을 변경할 수 있습니다. backgroundColor는 UIColor를 값으로 받는데 UIColor가 지원하는 다양한 방법으로 구현이 가능합니다.

안녕하세요. 오늘은 라디오 버튼을 구현해보도록 하겠습니다. 라디오 버튼은 항목을 선택하는 기능을 제공하는데요. 체크 박스와 다른 점이 있다면 중복으로 선택이 안 되는 것입니다. 다수의 선택지에서 한 가지만 선택할 수 있는 버튼이라고 생각하시면 됩니다. UIKit에서는 따로 RadioButton을 제공하지 않아서 UIButton을 사용해서 기능을 만들어야 합니다. 저는 UIButton 3개를 배치했고 간단하게 StackView로 묶었습니다. StackView Distribution을 Fill Equally로 설정합니다. UIButton의 Tag를 지정해줄 예정입니다. Tag를 통해서 해당 버튼이 어떤 버튼인지 비교할 수 있습니다. 저는 위에서부터 0,1,2로 지정해 주었습니다. Button 3개를 IBOu..

코드 vc.modalPresentationStyle = .fullScreen 사용법 Present하는 상황에 'modalPresentationStyle'를 사용해서 전체 화면을 적용한다.

코드 guard let vc = self.storyboard?.instantiateViewController(withIdentifier: "SecondViewController") as? SecondViewController else { return } self.present(vc, animated: true) [iOS/Swift] Push ViewController Code, Navigation Controller, 화면 이동 코드로 — Jiwift (tistory.com) [iOS/Swift] Push ViewController Code, Navigation Controller, 화면 이동 코드로 코드 guard let VCname = self.storyboard?.instantiateViewCont..

코드 guard let VCname = self.storyboard?.instantiateViewController(withIdentifier: "ViewControllerName") as? ViewControllerName else { return } self.navigationController?.pushViewController(VCname, animated: Bool) 사용법 Push를 사용하기 위해서는 ViewController가 Navigation Controller에 있어야 하는 조건이 있어 그 작업을 먼저 해주어야 한다. 코드로도 가능하지만 일단 Storyboard로 정리를 할 예정이다. 원하는 ViewController를 선택하고, [Editor -> Embed in -> Navigati..

오늘은 위와 같이 좌우로 움직이는 CollectionView를 만들어보려고 합니다. 평소에 저는 이 방법을 검색할 때 Horizontal Card View 이런 식으로 찾았습니다. 하지만 어느 날 우리 빛과 같은 종권님 블로그에서 Carousel이라는 단어로 글로 올리신 걸 보고 찾아봤습니다. 왼쪽이 Carousel 결과이고 오른쪽이 horizontal card view입니다. 확실히 검색어에 따라서 원하는 정보량이 달라지긴 하네요. 이렇게 용어를 하나 배웠습니다. 하지만 오늘은 종권님 블로그에 작성된 내용을 이용해서 진행해보려고 합니다. [iOS - swift] 1. 스크롤 영역을 암시해주는 Carousel 구현 방법 (UICollectionView, 수평 스크롤 뷰, paging 구현) (tistor..

오늘은 위에 동작하는 모습과 같이 Custom Modal을 만들어 보겠습니다. 개발자마다 만드는 방법이 다양하게 있고 제가 사용하는 방법도 쉽게 만들 수 있는 방법이라 이미 아시겠지만 기록 차원에서 작성합니다. 관련된 검색어로는 custom modal, half modal, modal 등이 있으니 찾아보시면서 원하는 결과를 얻으시면 될 것 같습니다. 처음 이걸 만든 이유는 그때 당시 실력이 없던 저는 남들이 만든 라이브러리를 사용했지만 원하는대로 디자인을 변경하는 부분에서 어려움을 겪었고 half-modal과 같은 방식으로도 구현이 필요해서 연습겸 만들어보자! 라는 생각으로 진행했습니다. 요즘은 UISheetPresentationController | Apple Developer Documentation..

오늘은 UIButton에 addTarget을 알아볼 시간입니다. 지난 시간에는 IBAction을 통해서 버튼 동작을 수행했지만 이번에는 IBAction을 사용해서 구현할 생각입니다. Stoyboard에 Button을 가지고 오는 방법은 아래 링크에서 확인할 수 있습니다. IBAction을 IBOutlet으로 가지고 오면 됩니다. [iOS/Swift] UIButton 기본 사용법, @IBAction 버튼 만들기, 클릭 — Jiwift (tistory.com) [iOS/Swift] UIButton 기본 사용법, @IBAction 버튼 만들기, 클릭 안녕하세요. 오늘은 iOS 개발에서 제일 기본 중에 기본! UIButton을 사용해볼 겁니다. 어느 때와 같이 프로젝트를 생성합시다. 상단 '+' 버튼을 눌러도 ..

안녕하세요. 오늘은 iOS 개발에서 제일 기본 중에 기본! UIButton을 사용해볼 겁니다. 어느 때와 같이 프로젝트를 생성합시다. 상단 '+' 버튼을 눌러도 괜찮고, [Shift + command + L] 단축키를 사용해서 UIKit Objects 창을 열어 줍니다. 해당 단축키를 코드 화면에서 입력하게 되면 스니펫을 선택할 수 있는 화면이 나오니 당황하지 않고 Storyboard로 이동해서 다시 단축키를 수행합니다. 그럼 위와 같은 창이 나오는데 여기서 UIButton을 검색하면 아래 검색 결과가 나옵니다. 그리고 저 Button을 선택과 동시에 드래그하듯이 움직이면 바로 배치가 가능한 상태로 변하고 ViewController 위에 원하는 위치에 올려주면 됩니다. 그럼 이렇게 Button이 배치가 ..

[iOS/Swift] TableView 선택 해제 기본 사용법, TableView Cell 선택 해제 기본 사용법, 색을 원래대로 TableView에서 원하는 Cell을 선택하여 위와 같이 색이 변하면서 계속 선택된(왼쪽) 상태로 있다. 손을 떼도 그렇기 때문에 다시 원래 상태(오른쪽)로 돌아오는 방법이 필요하다. TableView를 생성하는 방법은 아래 링크를 참고하자. [iOS/Swift] TableView 기본 사용법, 리스트 테이블뷰에 표시하기, TableView Cell 기본 사용법 — Jiwift (tistory.com) [iOS/Swift] TableView 기본 사용법, 리스트 테이블뷰에 표시하기, TableView Cell 기본 사용법 TableView를 사용하는 가장 기본적인 방법만을 ..

TableView를 사용하는 가장 기본적인 방법만을 정리한 문서입니다. TableView는 가장 흔하게 볼 수 있는 View 중 하나이다. TableView는 안에 TableView Cell을 표시해서 우리가 원하는 결과를 보여준다. 즉 TableView 안에 TableView Cell에서 정보를 표시한다는 뜻이다. 설명도 같이 포함했지만 이해가 안 간다면 사진만 보고 그대로 따라 하면 된다. 프로젝트를 생성하고 TableView를 불러온다. 원하는 위치에 배치를 끝내고 제약조건을 설정한다. 다음은 내용 표시를 위한 TableView Cell을 불러와야 한다. TableView와 같은 방법으로 TableView Cell을 불러오는데, 배치는 TableView 안으로 해주면 된다. 빨간색 네모 테두리를 확..

모든 내용은 FastCampus “30개 프로젝트로 배우는 iOS 앱 개발 with Swift 초격차 패키지 Online.” 강의에서 알려준 내용입니다. TableView 구현을 다루는 문서가 아닌 TableView에서 가능한 메서드들을 정리한 문서입니다. 필요한 메서드를 본 문서에서 쉽게 찾아보기 위해서 정리했습니다. 기본 여러 개의 Cell을 가지고 있고 하나의 열과 여러 줄의 행을 지니고 있으며, 수직으로만 스크롤 가능하다. 섹션을 이용해 행을 그룹화하여 콘텐츠를 좀 더 쉽게 탐색할 수 있다. 섹션의 헤더와 푸터에 View를 구성하여 추가적인 정보를 표시할 수 있습니다. Delegate, DataSource - DataSource는 데이터를 받아 View를 그려준다. - Delegate는 테이블 뷰..

[iOS/Swift] UIImage TapGestureRecognizer. UIImageView를 터치가 가능하게 만들자. Code 사용 [iOS/Swift] UIImage TapGestureRecognizer. UIImageView를 터치가 가능하게 만들자. Storyboard 사용 — Jiwift (tistory.com) [iOS/Swift] UIImage TapGestureRecognizer. UIImageView를 터치가 가능하게 만들자. Storyboard 사용 개발하다 보면 UIImage를 터치하고 싶은 일들이 간혹 생긴다고 본다. 처음에는 어떻게 해야 할지 몰라서 UIImage 위에 UIButton을 얹어서 개발을 했다. 그러다 우연하게 새로운 방법을 발견해 정리한다 jiwift.tistor..

개발하다 보면 UIImage를 터치하고 싶은 일들이 간혹 생긴다고 본다. 처음에는 어떻게 해야 할지 몰라서 UIImage 위에 UIButton을 얹어서 개발을 했다. 그러다 우연하게 새로운 방법을 발견해 정리한다. 방법은 Storyboard와 Code 두 방법 모두 구현이 가능하다. 이번에는 Storyboard를 사용한 방법을 작성하고 다음 글에서 Code를 사용하려고 한다. 역시나 항상 제일먼저 사용하고 싶은 View를 생성한다. 이번 글에서는 UIImage를 생성. (핸드폰 모양 위에 버튼이 3 개인 게 보이는데 기억해두자) 두 번째에는 Tap Gesture Recognizer를 적용해야한다. [Shift + Command + L]을 눌러서 Object를 추가하는 창을 띄운다. 그다음 ‘Tap Ges..

오늘은 UIButton을 둥글게 만들어 보는 작업을 수행할 것이다. 앞에 글에서는 Storyboard를 사용해서 radius를 주었다면 이번에는 코드를 사용해서 적용할 것이다. Storyboard 방법이 궁금한 사람은 아래 글을 참고해서 연습해보면 된다. [iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Storyboard 활용 — Jiwift (tistory.com) [iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Storyboard 활용 UIKit을 사용하다 보면 Custom 하고 싶을 때가 있다. 방법은 라이브러리, 코드, Storyboard 등 사용하고 싶은 방법을 찾아서 적용하면 된다. 정답은 없으니깐 오..

UIKit을 사용하다 보면 Custom 하고 싶을 때가 있다. 방법은 라이브러리, 코드, Storyboard 등 사용하고 싶은 방법을 찾아서 적용하면 된다. 정답은 없으니깐 오늘은 일단 단순하게 모서리만 둥글게 만들고 싶을 때 간단하게 적용하는 법을 적어두려합니다. 코드 방법으로 하고 싶은 분들은 아래 글을 확인해주세요. [iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Code 활용 — Jiwift (tistory.com) [iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Code 활용 오늘은 UIButton을 둥글게 만들어 보는 작업을 수행할 것이다. 앞에 글에서는 Storyboard를 사용해서 radius를 주..

Autoshrink Storyboard를 이용한 레이아웃을 구성하면 Label이 "내용 내용 내ㅇ..." 이런 식으로 표현이 되는 상황이 생긴다. Label이 들어가는 공간이 좁아서 크기가 작아지지만 폰트 크기는 변하지 않아서 생기는데, 그것을 해결하기 위한 기능이다. 위 사진을 보면 화면이 큰 13같은 경우는 Label이 Storyboard에서 설정한 크기로 출력되기 때문에 서로 다른 옵션을 주어도 글씨가 제대로 표시된다. 반면 12 mini 같은 경우는 옵션에 따른 다른 결과가 나오게 된다. 테스트는 constraint를 적용 여부와 Autoshrink 적용 여부를 볼 것이다. 1. constraint : X, Autoshrink : X 둘 다 적용하지 않았기 때문에 Autoshrink는 당연하고 L..