-
따라하며 공부하기 2.2 - 인스타그램 액션연결, 유효성검사APP 만들기/ios - study 2023. 7. 26. 00:17
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 액션연결과 유효성검사를 했다
위와 같이 회원가입의 이메일, 성명, 이름, 비밀번호 입력란을 연결해 줬다
하지만 강의를 따라 하면서 위와 같이 입력이 다 된 후 가입버튼의 색이 변해야 하는데 바뀌지 않았다
그래서 색을 변경하고 실험해 보니 입력값을 검증하는데 문제가 있는 것 같다
위와 같은 에러 메시지가 있어 검색해 보니 iphone 14 Pro로 실험을 해서 그렇다는 이야기가 있었다
영상과 같은 버전인 iphone 13 Pro로 실험을 하니 위와 같은 에러는 발생하지 않았지만 여전히 버튼의 색은 변하지 않았다
공부내용 정리
같은 내용의 코드가 여러 줄 반복된다면 연산 프로퍼티(배열)를 이용하여 작성할 수 있다
연산 프로퍼티를 이용할 경우 forEach를 사용한다
정규표현식을 이용하여 이메일과 비밀번호의 형식을 White List 기반으로 검증할 수 있다
IBAction을 사용하지 않고 objc를 사용하여 코드로 구현할 수 있다
// MARK: 를 사용하면 코드를 선으로 구분할 수 있고 선택해서 이동할 수 있다
didSet -> 유효성 검사를 위해 사용된다+ 추가
이메일, 이름, 별명, 비밀번호 모두 입력하면 가입버튼의 색이 진한 파란색으로 바껴야 하지만 바뀌지 않았다
그래서 아래와 같이 입력이 제대로 되는지 검증하면서 왜 가입버튼의 색이 파란색으로 바뀌지 않는지 찾았다
그 이유는 비밀번호 검증시 정규식을 사용해서 대문자, 소문자, 특수문자, 숫자 모두 포함해 8글자 이상 입력하도록 했다
하지만 대문자를 제외하고 8글자 이상 입력한 뒤 안된다고 하였기 때문에 색이 바뀌지 않은 것이었다문제가 되는 부분을 찾기위한 수정된 코드 가입 버튼이 정상적으로 변경되었다
참고자료
https://www.udemy.com/course/comgongbro_ios_clonecoding/
728x90'APP 만들기 > ios - study' 카테고리의 다른 글
따라하며 공부하기 2.4 - 인스타그램 홈 화면 구성 (0) 2023.07.27 따라하며 공부하기 2.3 - 인스타그램 커스텀, 정보전달 (0) 2023.07.27 따라하며 공부하기 2.1 - 인스타그램 로그인, 회원가입 UI (0) 2023.07.25 따라하며 공부하기 1.4 - Memo App 메모 목록 (0) 2023.06.20 따라하며 공부하기 1.3 - Memo App Main UI (0) 2023.06.16