UIKit/AutoLayout21 20 - SNS View (테이블뷰/셀, JSON parsing, 제스쳐, 오토레이아웃) 인스타, 페북과 같은 SNS 뷰를 구현해 보는 시간을 가졌다. 오토레이아웃 파트도 중요하지만 크게는 테이블뷰를 활용하는 방식에 대해 더 초점을 맞춰 정리해보고자 한다. [데이터] 먼저 데이터의 경우 JSON 형식으로 외부에서 받아오는 경우가 많다. (open API를 사용한다든가.. 대부분의 API에서 JSON 형식으로 데이터를 전달해 준다.) JSON으로 받아온 데이터를 내 필요에 맞게 형태를 변경하는 작업을 파싱이라 할 수 있겠다. 아래 포스팅에 더욱 자세하게 정리되어 있다 :) https://toughie-ios.tistory.com/113 JSON Parsing JSON이란? JavaScriptObjectNotation의 약자. JSON의 문법이 자바스크립트 문법과 유사하지만 자바스크립트에서만 사.. 2023. 4. 16. 19 - StaciView를 활용한 버튼 묶음_Floating buttons 우측 하단의 상자를 누르면 여러 메뉴가 뿅 튀어나오는 예시. 먼저 큰 그림. 저 파란상자 객체(버튼)를 뷰컨트롤러의 VieDidLoad안에서 생성해주고, 뷰에 올리고(잊지말자 addSubView), 수동으로 레이아웃을 잡아준다. (trailing, bottom만 잡아주면 된다.) 잊지말자 오토리사이징마스크 false! 그리고 뷰컨트롤러에서 생성해줄 버튼의 파일을 따로 만들자. UIView를 상속하는 클래스이다. 크게는 버튼이 있고, 안에 여러 메뉴가 담겨있는 스택이 있다. 버튼, 스택 변수는 init(frame: CGRact)에서 함수를 통해 초기화 시켜 준다. required init?(coder: NSCoder)도 잊지 말자. 초기화 함수들은 클래스 내부에서 바로 구현하기 보다는 (클래스가 너무 비대.. 2023. 4. 12. 18 - Changing Constraints 제약 변경 https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/ModifyingConstraints.html Auto Layout Guide: Changing Constraints developer.apple.com 제약을 변경하는 방법은? (키보드가 올라올 때 뷰를 위로 쓱 올려서 가려지지 않게 하는 등..) - 제약 활성화 / 비활성화 - 제약의 상수 변경 - 제약의 우선도 변경 - 뷰 계층에서 제약 삭제 제약을 변경하면 레이아웃 엔진이 뷰프레임에 바로 업데이트 하는 것이 아니라 잠깐 뒤에 업데이트 한다. (너무 순식간이라 사실 사람 눈에는.. 안보인다. 뷰 업데이트 주기가 1/60초, 1/.. 2023. 4. 4. 17 - Self-Sizing Table View Cells _ 2 self - sizing self-sizing refers to the ability of a view to determine its own size based on its content and constraints. Self-sizing views are a fundamental aspect of building dynamic user interfaces that adapt to different screen sizes and orientations. customCell 파일을 만들어서 스토리보드에서 연결시켜준다. UITableVieCell 변수 이미지뷰 변수 타이틀레이블 변수 디테일레이블 override func awakeFromNib() { super.awakeFromNib() //여기서 cell .. 2023. 4. 4. 16 - Self-Sizing Table View Cells https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/WorkingwithSelf-SizingTableViewCells.html Auto Layout Guide: Working with Self-Sizing Table View Cells developer.apple.com 기존에는 tableView.estimatedRowHeight = 100.0 tableView.rowHeight = UITableViewAutomaticDimension등을 작성해야 했지만, 지금은 하지 않아도 크게 상관 없어졌다. 간단한 테이블뷰와 셀을 만들고 뷰레이어를 살펴보자. UIWindowScene - (For.. 2023. 4. 3. 15 - Login View Layout 다양한 컴포넌트를 올리고, 스크롤뷰, 스택뷰를 활용한 오토레이아웃 연습. 설정값 하나만 잘못되어도 난리가 나서.. 3번 정도는 해보았다. 이 정도 레이아웃을 혼자 잘 잡으면 오토레이아웃 기초반 정도?는 탈출할 수 있는듯한데.. 고려해야 하는 부분이 정말 많아서 여전히 어렵게 느껴진다. 🥲 그래도 뭐.. 연습해야지 어쩌겠는가! [학습 소스] 공식문서, 야곰 오토레이아웃 정복하기 강의 https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/index.html https://yagom.net/courses/autolayout/ 2023. 4. 3. 이전 1 2 3 4 다음
