따라하며 공부하기 2.1 - 인스타그램 로그인, 회원가입 UI

Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 인스타그램의 로그인, 회원가입 UI를 구현했다

 

위와 같이 인스타그램의 로그인 UI 와 회원가입의 UI를 간단하게 구현해 보았다

 

위의 사진은 시뮬레이터로 본모습이고 모델은 아이폰 14 pro 이다

 

공부내용 정리

Main 에서 Control 키를 누르고 코드 부분으로 끌고 오면 연결이 된다
이때 editing change는 이 값이 변할 때마다 호출되고 touch up inside는 폰 화면에서 터치를 의미한다

let text = sender.text 와 같이 하면 자동으로 옵셔널로 print가 되는데 이 옵셔널을 해제하기 위해
let text = sender.text ?? "" 와 같이 하여 입력값이 없다면 "" 으로 하겠다고 하여 옵셔널을 해제한다

화면전환
1. 스토리보드를 생성한다
2. 뷰 컨트롤러를 생성한다
3. 화면전환 메서드를 이용해서 화면을 전환한다
    ( 내비게이션 뷰 컨트롤러는 네비게이션 역할만 하기에 화면에 아무것도 없고 다음에 보여줄 화면을 가리킨다 )
    ( completion은 화면 동작 이후에 할 동작이 있으면 적어준다 )

 

명령어 정리

Command + Shift + L  ->  Label, Button, UIview 와 같이 선택할 수 있는 창을 띄운다
Command + B              ->  지금까지 작성한 내용을 저장한다 ( Build Success시 성공 )
Command + N              ->  새로운 Swift, Cocoa 파일을 생성할 수 있다

 

참고자료

https://www.udemy.com/course/comgongbro_ios_clonecoding/