본 글을 읽기 전에, 먼저 SnapKit에 대해서 읽고 오면 이해하기 쉽다. [iOS / Swift] 라이브러리 SnapKit이란?SnapKit이란?Swift로 작성된 오토레이아웃을 간단하고 직관적으로 설정할 수 있도록 도와주는 라이브러리이다.Apple의 NSLayoutConstraint를 사용한 코드보다 훨씬 간결하고 읽기 쉬운 문법을 제공하고quaker.tistory.com  Then이란?Then은 Swift 프로젝트에서 객체를 간결하고 가독성 있게 초기화 할 수 있도록 도와주는 경량 라이브러리이다.보통 객체를 생성한 후 여러 속성을 설정해야 할 때 사용된다.SnapKit과 같은 다른 라이브러리와 함께 사용할 때 유용하다.  설치방법CocoaPods등 다른 방법도 있지만, 본문에서는  SPM(Swif..

에러 프로젝트에 라이브러리를 추가하던 중"the remote repository could not be accessed xcode" 라는 에러를 접하게 되었다.  이런식으로 지속적인 깃허브 토큰을 입력하라는 창이 떴다. 해결방안들은 여러개가 있다.  해결1. SPM 캐시 초기화Xcode에서 Product -> "Clean Build Folder..." 를 선택한다. 그럼 위와 같은 창이 뜨고 Clean을 클릭.  2. Repository URL 확인이런식으로 SPM에서 링크를 복사 붙여넣기하여 라이브러리를 추가할때,URL 마지막에 .git을 추가한다. https://github.com/SnapKit/SnapKit.git    3. 직접 작성하기ChatGPT나 간혹 복사하다보면 사람의 눈으로 봤을때는 정말..

SnapKit이란?Swift로 작성된 오토레이아웃을 간단하고 직관적으로 설정할 수 있도록 도와주는 라이브러리이다.Apple의 NSLayoutConstraint를 사용한 코드보다 훨씬 간결하고 읽기 쉬운 문법을 제공하고 있다.코드베이스로 UI를 작성할때 매우 유용하며 주로 사용되는 라이브러리이다.  SnapKit의 설치방법이건 SPM(Swift Package Manager)를 이용한 설치 방법이다.다른 라이브러리를 추가할 때도 같은 방법으로 추가하면 된다.프로젝트를 클릭해주고,   좀 내리다보면, "Frameworks, Libraries, and Embedded Content"라는 탭이 있다.여기서 +를 눌러주고, 하단의 Add Other를 누른 후, Add Package Dependency 클릭.  그리..

영화 예매앱을 구현하면서 회원가입 페이지를 구현하고 있었다. 이런 화면을 구현하고 있었다.원리로는 저 위의 5개의 UITextField들을 입력 -> 하단의 회원가입 버튼 클릭그럼 UserDefaults로 입력한 값들이 저장되게끔 코드를 작성했다. private let name: UITextField = UITextField().then { $0.placeholder = "이름을 입력해주세요." $0.font = UIFont.systemFont(ofSize: 15) $0.backgroundColor = .lightGray $0.textColor = .black $0.borderStyle = .roundedRect $..

UIKit, Storyboard로 개발하면서 LaunchScreen을 설정해보자.(안드로이드에서는 Splash Screen이라고 부른다.) 생각보다 간단하다.SwiftUI가 아닌, Storyboard로 프로젝트를 생성하면, LaunchScreen.storyboard라는 파일이 생기게 되는데, 우리는 이것을 이용할 것이다. LaunchScreen.storyboard정적인 화면 단순히 이미지나 로고, Label 등으로 구성하려면LaunchScreen.storyboard라는 파일 안에, 이미지를 넣던, 단순 Label을 넣던 취향껏 구현해주면 된다.방법은 기존 Stroyboard로 UI를 구현할 때와 같은 방식이다. 단, 이렇게 구현하는 방식은 정적인 화면만 표시할 수 있다.동적인 화면, 애니메이션 등을 추가..

함께 보면 좋은글 코드베이스 UI 작성을 위한 셋팅코드베이스 UI스토리보드나 SwiftUI를 사용하지 않고 코드로 직접 UI를 구현하는 것을 말한다. 장점협업을 위해 깃허브에 올렸을때 가독성이 좋고 매우 깔끔하게 보기 좋다는 장점이 있다. 단점quaker.tistory.com  발생위치AppDelegate.swift 파일Thread 1: "Invalid parameter not satisfying: [name length] > 0" 에러 발생 경위Storyboard 대신 코드베이스로 UI를 구현하려고 셋팅하였고, 첫 빌드시 발생함. 원인Info.plist 파일에서, main이라는 키워드는 삭제했지만, Stroyboard Name이라는 탭은 삭제하지 않았음.  해결Storyboard Name 탭 삭제. 저..

개요UI를 코드로 구현하면서, 생각보다 제대로 잘 되지 않는 느낌을 받았습니다.구현하는 도중 문제가 발생했지만, 운이 좋게도 이번에는 하나의 스택뷰만 해결하면 같은 구조라 해결이 쉬웠고,그 해결 과정을 공유합니다. 발단UI로 코드를 구현하고 있었고, 아무래도 Stroyboard처럼 눈으로 실시간으로 보면서 하는게 아니다보니,그리고 내가 직접 UI들을 만지며 배치하는 것이 아니다보니, 아직 생각한 것만큼 자유롭게 배치하기는 조금 힘들었습니다. 코드로 가장 기본이 되는 view를 구현했을때 이러한 모습으로 구현되었습니다.왼쪽으로 치우쳐져 있고, 사이즈가 제대로 출력되지 않았습니다. 전개Trouble 1. let btn8 = UIButton().then { $0.setTitle("8", for: .nor..

코드베이스 UI스토리보드나 SwiftUI를 사용하지 않고 코드로 직접 UI를 구현하는 것을 말한다. 장점협업을 위해 깃허브에 올렸을때 가독성이 좋고 매우 깔끔하게 보기 좋다는 장점이 있다. 단점단점으로는 보면서 할 수가 없기 떄문에, 일일히 실행을 시켜줘야한다는 장점이 있다.  코드베이스로 코딩하기 위해 3가지 사항을 먼저 수행해 주어야 한다.우리는 Storyboard를 사용하지 않을 것이기 때문에, 이것과 관련된 연결을 모두 끊어주어야 한다.  1. Main.storyboard 제거   2. info.plist에서 Storyboard Name 부분 제거   3. 프로젝트를 누르고, Build settings로 이동한뒤 Main 검색, 그리고 제거  이제 스토리보드와의 연결은 완벽하게 끊어졌고, 시작점을..

Stack View스택 뷰란, 뷰들이 스택으로 쌓여있는 형태의 뷰를 말한다.Vertical(수직), Horizontal(수평) 두가지의 스택 뷰가 있다.   Horizontal Stack View cmd + shift + L을 눌러서 stack을 검색하면 두가지 view가 나온다.  그리고 놓으면 여타 뷰들 처럼 그냥 흰색의 직사각형이 하나 생긴다.잘 안보이기 때문에, 배경색을 집어넣고  크기를 바꿔보자. 배경색은 오른쪽 인스펙터 영역에서, 크기는 Constraints에서 바꿔주도록 하겠다.  두가지 다 설정을 해주고 나면,   요런식으로 Vertical Stack View가 커졌다! 이제 이름처럼 stack을 해보자.똑같이 cmd + shift + L을 누르고, view 3개를 만들어서 Stack Vi..

디버깅이란,프로그래밍 과정 중 발생하는 오류나 버그를 찾는 작업을 디버그라고 하고,디버그하는 과정을 디버깅이라고 한다.본 포스팅에서는 디버깅에서 사용되는 세가지 방법을 정리해보고자 한다.  Print문디버깅 중, 정확한 값이 출력되는지 알아보기 위해 Print문을 사용해서, 그 부분에서 출력되는 값을 알아보는 방법이다.func numberMaker() -> Int { return Int.random(in: 1...100)}let randomNumber = numberMaker()//print문으로 현재 어떤 값이 출력되고 있는지 확인.print("random number is \(randomNumber)")문자열 보간에 대한 글을 읽고 오면 이해가 쉽다. Swift 기본 문법 - 문자열 보간(Str..