본문 바로가기

iOS/Toy project

 (30)
[iOS : Toy Project] Apple Framework List (1) 📌 다섯번째 프로젝트 (1) Apple Framework List 앱을 만들어보자 1️⃣ Data 확인 및 FrameworkViewController 만들기 - 이전 프로젝트들과 마찬가지로 패캠에서 제공해준 데이터들을 사용 - "FrameworkViewController" 이름의 UIViewController을 만들어서, Main storyboard와 연결까지 완료 2️⃣ Auto Layout 3️⃣ UICollectionViewCell 만들기 // // FrameworkCell.swift // AppleFrameWork // // Created by 오예진 on 2022/05/27. // import UIKit class FrameworkCell: UICollectionViewCell { @IBOutl..
[iOS: Toy Project] Chat List 📌 네번째 프로젝트 채팅 리스트 앱을 만들어보자 1️⃣ Data 확인 및 ChatListViewController 만들기 2️⃣ Auto Layout 3️⃣ UICollectionViewCell 만들기 // ChatListCollectionViewCell.swift import UIKit class ChatListCollectionViewCell: UICollectionViewCell { @IBOutlet weak var thumbnail: UIImageView! @IBOutlet weak var nameLabel: UILabel! @IBOutlet weak var chatLabel: UILabel! @IBOutlet weak var dateLabel: UILabel! // Chat.swift 파일에 있..
[iOS : Toy Project] Stock Rank 📌 세번째 프로젝트 주식 리스트 앱을 만들어보자 1️⃣ CollectionView 2️⃣ Auto Layout 1. 회사 로고 이미지 상단에 회사 이름 Label 맞추기 - label을 image view와의 관계에서 top을 설정 - label을 image view와의 관계에서 horizontal spacing을 설정 : image view와 label 사이의 거리 설정 2. 회사이름과 주가 사이의 관계 - Vertical spacing : 수직 거리 - Leading : 왼쪽 맞추기 3. 등락폭과 주가 사이의 관계 - Horizontal Spacing : 수평 거리 - Center vertical : 같은 높이를 유지 4. 하트 이미지뷰와 Content View 사이의 관계 - Trailing Spa..
[iOS : Toy Project] Simple Weather 📌 두번째 프로젝트 버튼을 클릭할 때 마다 랜덤으로 날씨, 온도, 도시가 바뀌는 앱을 만들어보자 Stack View 속에 또 다른 Stack View! 1️⃣ 레이아웃 구성 - Vertical Stack View 속에 label, Image view, label, Horizontal Stack View (이 속에 또 복합적인 View), Button 2️⃣ View Controller 이름 명확하게 바꾸기 - 기존 view controller 파일 지우고, file > Cocoa Touch Class > "WeatherViewController" 이름의 View Controller 만들기 - Storyboard ID? View Controller을 Storyboard에서 찾을 때 사용하는 ID 3️⃣ 화..
[iOS : Toy Project] Symbol Roller 📌첫번째 프로젝트 버튼을 클릭할 때 마다 랜덤으로 날씨(=Symbol)이 바뀌는 앱을 만들어보자 1️⃣ 사전에 필요한 다운로드 : SF Symbols 2️⃣ 레이아웃 구성 - Stack View 안에 Image View -> Label -> Button 3️⃣ 기능 구현 코드 // // SymbolRollerViewController.swift // SymbolRoller // // Created by 오예진 on 2022/05/11. // import UIKit // UIViewController = Page를 나타내는 하나의 단위 // UIViewController를 상속받은 SymbolRollerViewController class SymbolRollerViewController: UIViewCon..

티스토리툴바