안녕하세요. 개발하는 정주입니다. 오늘은 Sign Up 코드 리뷰를 받은 것에 대해 포스팅하려고 합니다. 결과는 오토 레이아웃에서 한 곳 실수를 해서 Fail을 받았습니다. 기준이 엄격하긴 한 듯 하나 이해 못 하는 이유는 아니었기에 수정하여 추가 결제, 재제출하였습니다. 이에 대해 자세히 알아보겠습니다. 목차 Fail을 받은 이유 Fail이 난 가장 큰 이유는 SafeArea를 고려하지 않은 오토 레이아웃 적용이었습니다. 모든 곳에선 아니고 한 부분이 그랬네요. 세로 모드일 때는 SuperView와 SafeArea의 좌우 영역이 같기 때문에 상관없지만 가로로 회전시킬 경우 차이가 나기 때문에 화면 3의 Birth Label의 오른쪽이 잘리는 문제가 생겼습니다. 따라서 스토리보드에서 오토 레이아웃을 다시..

[iOS/부스트 코스] iOS 앱 프로그래밍: Sign Up(3-2) - 기능 구현하기(2) 안녕하세요. 개발하는 정주입니다. 오늘은 네이버 부스트 코스 프로젝트 B-Sign Up의 화면 구성하기를 포스팅하려고 합니다. 기능 구현은 로그인 화면, 회원 가입(기본 정보) 화면을 1편, 회원 가입(부가 정보) 화면을 2편으로 나눴습니다. 목차 회원 가입(부가 정보) 회원 가입(부가 정보) 화면에서는 Date Picker 기능과 싱글톤 공유 객체의 적용이 핵심이었던 것 같습니다. Date Picker부터 보겠습니다. Date Picker 공식 문서부터 보도록 하겠습니다. https://developer.apple.com/documentation/uikit/uidatepicker/ Apple Developer ..

[iOS/부스트 코스] iOS 앱 프로그래밍: Sign Up(3) - 기능 구현하기 안녕하세요. 개발하는 정주입니다. 오늘은 네이버 부스트 코스 프로젝트 B-Sign Up의 화면 구성하기를 포스팅하려고 합니다. 기능 구현은 로그인 화면, 회원 가입(기본 정보) 화면을 1편, 회원 가입(부가 정보) 화면을 2편으로 나눴습니다. 목차 공통 텍스트 필드를 편집 중일 때 화면 빈 공간을 터치하면 키보드가 내려가고 편집이 종료되는 기능은 모든 화면에 적용되어야 합니다. 해당 기능 구현 및 분석은 따로 포스팅을 진행하였으니 확인해주시면 감사하겠습니다! 2021.12.03 - [iOS/iOS 개발] - [iOS/Swift 5] iOS 개발 - 화면 터치 시 키보드 내리는 방법 / touchesBegan() / end..

안녕하세요. 개발하는 정주입니다. 오늘은 UIImagePickerContoller에서 PHPickerViewController로 변경된 이유에 대해 포스팅하려고 합니다. 현재 제 실력으로 소화한 내용만 작성하였습니다. 시간이 흐른 뒤 실력이 늘면 내용이 업데이트될 수도 있습니다. 틀린 점이 있다면 댓글로 알려주세요. 즉시 수정하겠습니다. UIImagePickerContoller UIImagePickerContoller는 기존 iOS에서 사용되는 이미지, 영상을 선택, 편집뿐만 아니라 카메라까지 사용할 수 있는 유용한 클래스였습니다. 공식 문서에선 "A view controller that manages the system interfaces for taking pictures, recording movi..

[iOS/Swift] 화면 터치 시 키보드 내리는 방법 / touchesBegan() / endEditing() / first responder 안녕하세요. 개발하는 정주입니다. 오늘은 화면 터치 시 키보드를 내리는 방법에 대해 포스팅하려고 합니다. 해당 포스팅에서는 화면의 빈 공간을 눌렀을 때 키보드가 내리는 방법에 대해 기술합니다. View를 눌렀을 때 등의 응용은 스스로 생각해보세요! 조금만 응용하면 가능합니다. 바로 시작합니다. 코드 override func touchesBegan(_ touches: Set, with event: UIEvent?) { self.view.endEditing(true) } 코드 자체는 상당히 짧습니다. 하지만 모르는 것 투성이었습니다. 첫 번째로 touchesBega..

[iOS/부스트 코스] iOS 앱 프로그래밍: Sign Up(2) - 화면 구성하기 안녕하세요. 개발하는 정주입니다. 오늘은 네이버 부스트 코스 프로젝트 B-Sign Up의 화면 구성하기를 포스팅하려고 합니다. 목차 공통 모든 화면은 가로로 돌렸을 때 사용성에 이상이 없을 정도의 레이아웃이어야 합니다. 예를 들어, 버튼 가려지거나, 지나치게 레이아웃이 훼손이 되면 안 됩니다. 이를 생각하고 모든 화면을 구성하였습니다. 로그인 화면 로그인 화면입니다. 최상단에 로고 이미지가 있고 ID 텍스트 필드와 Password 텍스트 필드가 있습니다. 그 아래에는 Sign In, Sign UP 버튼이 있습니다. 이 화면에서 헤맨 점은 기기를 가로로 눕혔을 때 레이아웃 배치입니다. 하단 버튼의 bottom 제약을 주지 ..

[iOS/부스트 코스] iOS 앱 프로그래밍: Sign Up(1) - 사전 탐구 안녕하세요. 개발하는 정주입니다. 오늘은 네이버 부스트 코스 프로젝트 B-Sign Up의 사전 탐구에 대해 포스팅하려고 합니다. 목차 화면 1 - 로그인 화면 Password TextField는 마스킹이 되어야 한다. 화면 2 - 회원가입 화면(기본정보) 프로필 이미지의 비율은 1:1이다. 프로필 이미지는 원본 비율을 유지해야 한다. 세 개의 TextField는 여백이 동일하다(균등 분배). 패스워드와 패스워드 체크 TextField는 마스킹이 되어야 한다. 중간 자기소개 TextField는 상하 View를 배치한 뒤 빈 여백을 모두 채운다. 자기소개 TextField는 내부 패딩이 존재하며 왼쪽 위부터 글자가 작성된다. 다..

[iOS/부스트 코스] iOS 앱 프로그래밍: Music Player(4) - 오토 레이아웃 적용 / 코드로 View 생성 안녕하세요. 개발하는 정주입니다. 오늘은 오토 레이아웃 적용과 코드로 View 생성에 대해 포스팅하려고 합니다. 참고로 iOS에서는 인터페이스 빌더로 화면을 구성하는 방법과 코드로 화면을 구성하는 방법이 다릅니다. 스토리보드를 이용하면 눈에 보이기 때문에 화면 구성이 편리하다는 장점이 있지만 협업에서 머지 과정 중에 충돌이 자주 발생한다는 단점이 있습니다. 코드를 이용하면 직관성은 떨어져도 협업에서는 오히려 더 편하다고 합니다. 결론은 둘 다 사용해야 한다는 점! 화이팅입니다. 오토 레이아웃 적용 (인터페이스 빌더) 인터페이스 빌더로 오토 레이아웃 적용을 먼저 해보겠습니다. 하는 방..

[iOS/부스트 코스] Cocoa Touch, UIKit, Foundation 정리 안녕하세요. 개발하는 정주입니다. 오늘은 iOS 앱 프로그래밍 - Cocoa Touch, UIKit, Foundation에 대해 포스팅하려고 합니다. Cocoa Touch Layer 코코아 터치 계층은 iOS 앱 개발에 주 축을 이루는 개발 환경으로, 앱의 기능 구현에 필요한 다양한 프레임워크를 포함하는 최상위 프레임워크 계층입니다. Cocoa라는 단어는 Objective-C 런타임을 기반으로(동적 작동) 하고, NSObject를 상속받는 모든 클래스나 객체를 가리킬 때 사용합니다. Cocoa Touch는 핵심 프레임워크인 UIKit과 Foundation을 포함합니다. UIKit UIKit은 iOS 앱의 사용자 인터페이스..

[iOS/부스트 코스] iOS 앱 프로그래밍: Music Player(3) - 기능 구현 안녕하세요. 개발하는 정주입니다. 오늘은 Music Player(3) - 기능 구현에 대해 포스팅하려고 합니다. 구현해야 하는 기능 종류 1. 버튼을 누르면 음원이 play/pause가 되고 아이콘이 바뀐다. 2. 음원 진행 사항에 따라 Slider와 타임 레이블의 텍스트가 변경된다. 3. Slider를 움직이면 타임 레이블 텍스트가 변경된다. 4. Slider를 움직이는 동안은 음원이 계속 재생된다. 5. Slider를 놓으면 해당 지점으로 음원이 점프된다. 6. 재생이 끝나면 play 버튼으로 변경되고 Slider와 타임 레이블이 초기화된다. 음원 기능 iOS에서 음원은 AVAudioPlayer 클래스를 이용합니..