본문 바로가기

전체 글133

[꿀팁] Hexcode 변환 코드 extension UIColor { convenience init(hexCode: String, alpha: CGFloat = 1.0) { var hexFormatted: String = hexCode.trimmingCharacters(in: CharacterSet.whitespacesAndNewlines).uppercased() if hexFormatted.hasPrefix("#") { hexFormatted = String(hexFormatted.dropFirst()) } assert(hexFormatted.count == 6, "Invalid hex code used.") var rgbVa.. 2024. 7. 4.
[두번째 팀 프로젝트] 모바일 키오스크 2️⃣ 어제 논의했던 와이어프레임과 기획 내용을 바탕으로 내가 담당하게된 미들 부분은메뉴의 이미지와 이름, 가격이 들어가는 메인 메뉴 파트다 해당 부분은 Collection View(컬렉션뷰)를 사용하는 것이 프로젝트 과제 조건이었다!컬렉션뷰는 처음 사용하는 거라 내용을 간단하게 찾아 보았다 컬렉션뷰란?정렬된 데이터 아이템 모음을 관리하고, 사용자 레이아웃으로 유연하게 표현이 가능한 객체동일한 기능과 레이아웃을 가진 view 들을 재사용 할 수 있다  메인 메뉴 이미지를 참고하자면, 동일한 규격의 View 내부에 이미지와 텍스트만 달라지는 건데,해당 부분은 컬렉션뷰를 이용하는 것이 적합한 것 같았다    이것 저것 찾아보면서 완성한 코드.. 인줄 알았는데 🚨 오류 발생 🚨import UIKitimport S.. 2024. 7. 4.
[Xcode] Preview 내가만든 인터페이스 미리보기 프리뷰란?내가 짠 코드를 스토리보드처럼 실시간으로 보여줌  17버전 미만(상단 import SwiftUI 작성)struct PreView: PreviewProvider { static var previews: some View { Menu().toPreview() }}#if DEBUGextension UIViewController { private struct Preview: UIViewControllerRepresentable { let viewController: UIViewController func makeUIViewController(context: Context) -> UIViewController { return viewController } func updateUIV.. 2024. 7. 3.
[두번째 팀 프로젝트] 모바일 키오스크 1️⃣ 01. 프로젝트 개요내용: MacA Coffee 모바일 키오스크 제작인원: 김솔비, 윤대성, 안지현, 김광현, 이득령 02. 사용하는 기술더보기1.1 기본 UI 요소UIView: 모든 UI 요소의 기본 클래스.UIButton: 터치 이벤트를 처리하는 버튼.UILabel: 텍스트를 표시하는 레이블.UIImageView: 이미지를 표시하는 뷰.1.2 컨테이너 및 레이아웃UIStackView: 수직 또는 수평으로 뷰를 정렬하는 컨테이너.UIScrollView: 스크롤 가능한 컨텐츠 영역을 제공하는 뷰.UICollectionView: 커스텀 레이아웃을 사용하여 데이터 항목을 표시하는 뷰.UISegmentedControl: 여러 세그먼트 중 하나를 선택할 수 있는 컨트롤.1.3 사용자 상호작용UIAlertCont.. 2024. 7. 2.
[Git 활용법] 터미널로 깃 클론 받기 ls 현재 리스트cd 이동 01. 맥 우측 상단 돋보기 🔍  02. 터미널 클릭  03. Desktop 파일 접근 : ls 클릭 시 Desktop 파일 확인 가능  04. 파일 생성 : mkdir + (생성할 폴더명) + enter  05. 생성된 폴더 접근 : cd + (폴더명)   06. git clone 받기 : git clone + (링크)  07. 생성된 폴더 내 클론받은 파일이 생성된 것을 확인할 수 있음  😎 클론 받은 파일에 SnapKit Packages 아래 경로처럼 활성화 2024. 7. 2.
[개인과제] 계산기 인터페이스 만들기 - 코드베이스 ~~기록하기 위해 남기는 일기장~~*코드베이스 초면인 사람이 되는대로 쓴거니 참고만 해주세요 :)*  01. SnapKit 추가저번에 공부한 SnapKit을 활용하기 위해 import 해준다!ViewController 파일에 기존 UIKit 아래쪽에 적어주면 끝import UIKitimport SnapKit SnapKit을 사용하는 이유?: 코드를 더 직관적이고 간결하게 작성할 수 있다 [Swift 🍎] Snapkit 활용하기snapkit 이란?코드베이스 UI 작성 시 제약조건 세팅하는 코드를 Snapkit을 활용해서 조금 더 간결하게 작성할 수 있게 하는 서드파티 라이브러리 아래와 같이 길어서 보기 힘든 코드를 ⤵️ 요렇게solby.tistory.com 02. 버튼 클릭 시 값이 표시될 numBox .. 2024. 7. 1.
[XCode] 단축키 모음😎 01. 커서 이동 1-1. 화면 마지막 부분으로 커서 이동단축키 : ⌘ + 방향키드래그 : ⇧ + ⌘ + 방향키 1-2. 한 단어, 기호 단위로 커서 이동단축키 : ⌥ + 방향키드래그 : ⇧ + ⌥ + 방향키 1-3. 세로 여러줄 커서 이동단축키 : ^ + ⇧ + 방향키드래그 : ^ + ⇧ + 방향키 → ^ 떼고 ⌘ + 방향키  02. 지우기 & 코드 줄맞추기2-1. 한줄 지우기단축키 : ⌘ + BackSpace 2-2. 코드 줄 맞추기단축키 : ⌘ +A(전체선택) → ^ + i(줄맞추기) 03. 변수명 일괄 변경3-1. 방법 1)단축키 : ⌘ + F → replace 3-2. 방법 2)단축키 : ^ + ⌘ + E 04. 콘솔창 on&off단축키 : ⌘ + ⇧ + Y  05. 공식문서단축키 : ⌘ + ⇧.. 2024. 7. 1.
[Snapkit] offset & inset 1. translatesAutoresizingMaskIntoConstraints = false Snapkit은 iOS 개발에서 오토 레이아웃을 쉽게 적용할 수 있게 해주는 라이브러리이다 Snapkit을 사용하여 제약조건을 설정하는 경우 이 속성을 수동으로 설정할 필요가 없으며,Snapkit이 translatesAutoresizingMaskIntoConstraints 속성을 자동으로 false로 설정하여 사용하는데 필요한 준비 작업을 대신 처리한다translatesAutoresizingMaskIntoConstraints = false  2. Offset특정 제약 조건의 기준점으로부터의 거리(간격)를 설정한다예를 들면 어떤 뷰가 다른 뷰의 바로 옆에 위치하고 싶을 때 사용하며 기준점에서 멀어지는 방향으로 적.. 2024. 7. 1.
[Swift 🍎] Snapkit 활용하기 snapkit 이란?코드베이스 UI 작성 시 제약조건 세팅하는 코드를 Snapkit을 활용해서 조금 더 간결하게 작성할 수 있게 하는 서드파티 라이브러리 아래와 같이 길어서 보기 힘든 코드를 ⤵️ 요렇게 줄일 수 있다! 엑스코드에 snapkit 추가하기!1. 구글에 Swift snapkit 검색2. 깃 허브 공식문서 클릭 후 깃 url 복사 3. 프로젝트 파일 → TARGETS → General → Frameworks, Libraries .... → +(추가)  4. Add Package Dependency 5. 돋보기에 복사한 Git URL 복사 → Add Package 6. xcode 에서 snapkit이 추가된 것을 확인할 수 있음 2024. 6. 30.
[강의노트] 코드베이스 파일 만들기 코드베이스란? 코드베이스란 스토리보드 같은 인터페이스 빌더를 사용하지 않고, 코드 작성으로만 UI 구성을 하는 것이다스토리보드에서 하던 뷰의 size, constraint 및 모든 속성들을 코드로 작성한다팀끼리 협업할 때, github에 코드를 올리고 서로 코드 리뷰를 하게 되는데, 스토리보드로 작성한 UI 를 github에 올린 것보다, swift로 작성한 UI 코드를 github에 올린 것이 가독성이 더 좋다다만 스토리보드처럼 눈에 보이는 상태로 UI를 구성하는 것이 아니기 때문에, 코드 베이스로 UI를 작성하면 반드시 실행시켜서 확인해야 한다는 단점이 존재. 1.  스토리보드 연결 끊기1️⃣ Main 클릭 + 백스페이스 → Move to Trash2️⃣ Info → Main 스토리보드 클릭 + 백스.. 2024. 6. 30.

티스토리툴바