xxo' TIL/WIL

UIKit의 UICollectionView를 이용해 iOS에서 실제 그리드와 리스트를 연습하고 리스트 뷰 구현하기. AppleFrameworks는 컬럼이 3개인 멀티 컬럼 그리드 뷰를 보여주고 상단 내비게이션 바가 있는 앱으로, 해당 미니 프로젝트에서 뷰 구성요소로 이미지, 이름이 필요한데 CollectionView를 사용하여 이미지, 레이블을 사용하여 넣어준다. UICollectionView를 이용한 리스트 및 그리드 개발을 위한 3가지 핵심인 Data / Presentation / Layout를 사용하여 AppleFrameworks를 보여주는 간단한 앱이다. 해당 mini project는 아이폰16으로 설정. ViewController부터 만들어서 스토리보드에 연결하고 Storyboard ID를..

UIKit의 UICollectionView를 이용해 iOS에서 실제 그리드와 리스트를 연습하고 리스트 뷰 구현하기. 채팅리스트는 컬럼이 1개인 리스트 뷰를 보여주는 채팅 리스트 앱으로, 해당 미니 프로젝트에서 뷰 구성요소로 이미지, 이름, 텍스트, 날짜가 필요한데 CollectionView를 사용하여 이미지, 레이블을 사용하여 넣어준다. UICollectionView를 이용한 리스트 및 그리드 개발을 위한 3가지 핵심인 Data / Presentation / Layout를 사용하여 카톡 형태의 채팅리스트를 보여주는 간단한 앱이다. 해당 mini project는 아이폰16으로 설정. 빈 화면을 채울 ViewController 만들기. 새로운 ViewController 만드는 방법은 다른 글에 상세히 ..

UIKit의 UICollectionView를 이용해 iOS에서 실제 그리드와 리스트를 연습하고 리스트 뷰 구현하기. StockRank는 컬럼이 1개인 리스트 뷰를 보여주는 앱으로, 해당 미니 프로젝트에서 뷰 구성요소로 CollectionView를 사용하여 주식의 순위, 회사 로고, 회사이름, 가격, 득락폭, 이미지 등을 넣어준다. UICollectionView를 이용한 리스트 및 그리드 개발을 위한 3가지 핵심인 Data / Presentation / Layout를 사용하여 주식리스트를 보여주는 간단한 앱이다. 해당 mini project는 아이폰16으로 설정. UICollectionView를 이용한 리스트 및 그리드 개발 시 핵심 3가지.Data / Presentation / LayoutData ..

UIKit의 여러 UI Component와 Auto Layout를 이용하여, 버튼을 누르면 도시의 날씨, 온도 등을 보여주는 간단한 날씨 앱 만들기. SF Symbol의 아이콘들을 이용하여 버튼을 누르면 도시와 날씨를 랜덤으로 추출해서 보여주는 앱으로, 뷰 구성요소로 컴포넌트로는 stack view안에 첫 번째로 크게 도시를 나타내는 레이블로 텍스트를 표현, 이미지를 표현하는 이미지뷰, 텍스트로 날씨를 표현, 두 번째로 stack view안에 텍스트뷰, 이미지뷰, 텍스트뷰로 첫 번째와 같이 표현, 세 번째로는 클릭할 때마다 랜덤으로 바뀌는 버튼을 사용. 해당 mini project는 아이폰 16으로 설정. 새 프로젝트를 생성프로젝트 생성은 기존과 동일하므로 간단하게 요약.xcode 에서 new pr..

UIKit의 여러 UI Component와 Auto Layout를 이용하여, 버튼을 누르면 SF Symbol들을 표시해주는 간단한 앱 만들기.SF Symbol의 아이콘들을 이용하여 버튼을 누르면 심볼과 아이콘들의 이름들이 심볼에 대해서 랜덤으로 추출해서 보여주는 앱으로, 컴포넌트로는 첫 번째로 이미지를 표현하는 이미지뷰, 두 번째로 텍스트를 표현하는 텍스트뷰, 세 번째로는 클릭할 때마다 랜덤으로 바뀌는 버튼을 사용. 해당 mini project는 아이폰 16pro로 설정. 프로젝트 생성mini project에서 크게 이미지뷰, 레이블, 버튼 컴포넌트를 위 사진처럼 배치하여 만들 예정. 오토레이아웃 설정각각에 대해 오토레이아웃 정해줘야 하는데, 자동화하는 방법으로 vertical stack view를..

UI 컴포넌트(Component)UIKit은 iOS 앱의 사용자 인터페이스(UI)를 만들고 관리하는 데 사용되는 프레임워크입니다. UI 요소들을 구성하고, 사용자의 상호작용(터치, 제스처 등)을 처리하며, 뷰와 컨트롤러를 관리하는 역할을 합니다. UIKit에서 제공하는 기본 UI 컴포넌트에는 여러 가지가 있습니다. 주요 기본 UI 컴포넌트로는 버튼, 레이블, 텍스트 필드, 이미지 뷰, 테이블 뷰, 컬렉션 뷰 등이 있습니다. XCode New Project 생성 스토리보드(Storyboard) : UIKit에서 스토리보드(Storyboard)는 UI 구성 요소를 시각적으로 배치하고 연결하는 데 사용되는 그래픽 툴로 iOS 앱 개발 시, 스토리보드를 활용하면 화면 간의 전환, UI 구성 요소의 배치, 속..

UIKit은 시스템과 상호 작용하고, 앱의 메인 이벤트 루프를 실행하고, 콘텐츠를 화면에 표시하는 등 앱의 핵심 객체를 다양하게 제공합니다. 이러한 객체는 대부분 그대로 사용하거나 약간만 수정하여 사용할 수 있습니다. 어떤 객체를 언제 수정해야 하는지 아는 것은 앱 구현에 매우 중요합니다.UIKit 앱의 구조는 모델-뷰-컨트롤러(MVC) 디자인 패턴을 기반으로 하며, 객체는 용도에 따라 구분됩니다. 모델 객체는 앱의 데이터와 비즈니스 로직을 관리합니다. 뷰 객체는 데이터의 시각적 표현을 제공합니다. 컨트롤러 객체는 모델 객체와 뷰 객체를 연결하는 다리 역할을 하며, 적절한 시점에 데이터를 서로 이동합니다. https://developer.apple.com/documentation/uikit/about-..