iOS/project
-
[iOS]GNB 글로벌 네비게이션 메뉴(탭메뉴) 생성하기iOS/project 2023. 5. 27. 18:26
하단에 메뉴가 고정되어 있고, 각 메뉴를 누를 때마다 페이지를 이동되는 탭메뉴를 만들어보자! 💡 짚고 넘어가면 좋은 개념 iOS의 View 표현 방법 iOS는 화면을 표현할 때 윈도우 / 뷰 객체를 사용한다. (무조건 하나 이상의 윈도우와 뷰를 가지고 있음) 윈도우는항상 UI 계층의 최상위에 위치하는 객채로, 화면을 꽉 채운다. 뷰의 일종이지만 직접 컨텐츠를 가지지 않고, 컨텐츠를 가진 뷰 객체를 내부에 배치해서 화면에 출력하는 역할만을 수행한다. 뷰는 윈도우의 일부를 자신의 영역으로 정의하여 컨텐츠를 스크린에 표현하고, 사용자의 입력에 반응하여 결과를 처리하는 역할을 수행한다. 이러한 윈도우와 뷰를 연결해주는 것이 viewController의 역할이다. 뷰 컨트롤러는 뷰의 계층을 관리해서 윈도우에 전달..
-
[iOS] 인스타그램 클론 코딩을 해보자!(3) - 버튼 생성&꾸미기iOS/project 2022. 10. 10. 23:05
✅ 오늘 공부한 내용 - 버튼에 radius 속성 주기 - 버튼 텍스트에 다른 컬러 적용하기 - back button 구현하기 버튼에 radius 속성 주기 1️⃣ 새로운 Swift 파일을 생성한 뒤 다음과 같은 코드를 작성한다. 💡 @IBInspectable을 이용하여 inspector 영역에 새로운 속성을 추가하는 것이다! import UIKit @IBDesignable extension UIView { //extension으로 UIView 확장 // 📌 @IBInspectable: inspector 영역에서 해당 인터페이스 요소의 속성을 변경할 수 있게 하는 것 @IBInspectable var cornerRadius: CGFloat { // 연산 프로퍼티 get { return layer.corn..
-
[iOS] 인스타그램 클론 코딩을 해보자!(2) - 회원가입 액션 연결iOS/project 2022. 10. 3. 12:45
✅ 오늘의 목표 회원가입 화면에서 textfield에 텍스트를 입력하면 콘솔창에 각각 입력된 값을 띄워주기 1️⃣ 유효성 검사 textfield에서 유효한 값이 입력되는 경우 true로 값 변경해주는 코드 작성하기 import UIKit class RegisterViewController: UIViewController { // MARK: - Properties // 유효성 검사 // textfield에서 유효한 값이 입력되는 경우 true로 값 변경 var isValidEmail = false var isValidName = false var isValidNickname = false var isValidPassword = false 2️⃣ textField 연결 // Textfields @IBOutl..
-
[iOS] 인스타그램 클론 코딩을 해보자!(1) - 로그인, 회원가입 화면iOS/project 2022. 9. 23. 23:33
📌 목표 - storyboard, autolayout과 친해지기 - 버튼을 눌렀을 때 넘어가는 화면 구현하기 결과물 storyboard로 object 생성하기 오브젝트를 생성하는 것은 별로 어렵지 않으므로 꿀팁만 기록해둔다 오브젝트를 선택하고, ctrl을 눌러 다른 오브젝트에 가져다대면 constraint를 설정할 수 있는 팝업이 떠서 훨씬 편리하다! 페이스북으로 로그인 버튼을 만들 때, 버튼 옆에 이미지를 따로 구현하지 않고 버튼의 속성 inspector에서 같이 설정해줄 수 있다 Button Action 구현하기 @IBAction func emailTextFieldEditingChanged(_ sender: UITextField) { let text = sender.text ?? " " //옵셔널 s..
-
[Swift] Dice game에 Auto layout 추가하기iOS/project 2022. 8. 15. 19:19
💡 오늘 배울 내용 : Auto layout, constraints, stack view Challenge 1 화면을 돌리면 배경이 짤리는 문제 pin constraints 배경에 pin constraints 속성을 추가해주었다 alignment constraints 주사위 이미지에 alignment constraints 속성을 추가해주었다 화면을 돌려도 짤리지 않는 것을 확인할 수 있다 만약 화면을 돌렸을 때 위의 사진처럼 사이즈가 유지된다면 View - Content Mode를 Aspect Fit에서 Redraw로 변경해주면 된다! Challenge 2 Stack View를 활용해보자 영역을 3개로 나누어서 Constraints를 이용하고자 할 때 Stack View를 사용할 수 있다! Top, Mi..
-
[Swift] Dice game! 주사위를 굴려보세요iOS/project 2022. 8. 4. 22:21
1. storyboard에서 objects들을 이용해서 좌측 화면과 같이 디자인한다 2. 주사위 요소를 클릭한 뒤 컨트롤 + 코드창으로 드래그하면 코드가 자동으로 생성된다 @IBOutlet weak var diceImageView1: UIImageView! @IBOutlet weak var diceImageView2: UIImageView! //App이 처음 실행되서 로드된 뒤 화면 설정 override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view. //Who.What = Value //App이 실행될 때 주사위가 6이 된다. diceImageView1.image = UIImage(nam..