김종권의 iOS 앱 개발 알아가기

클로드 코드 설치npm install -g @anthropic-ai/claude-codevscode 확장vscode 오픈 > 확장 > Claude Code for VS Code 설치IDE 오른쪽에서 생겨난 것을 확인 가능단축키 cmd + esc로 오픈위 화면에서 Claude.ai Subscription 클릭클로드코드 사이트에서 pro plan 구독 버튼을 누르고 결제vscode로 돌아와서 다시 클로드 코드 사이트로 갈 수 있는 URL이 있는데 그걸 복사해서 클로드 코드로 가서 확인 누르면 아래처럼 토큰이 보이는 화면 등장이 토큰을 복사하여 vscode에 떠있는 클로드 코드 chat 화면에 붙여넣기vscode에서 클로드 코드 화면을 닫고 다시 열으면 사용할 수 있는 화면 등장 * 이어서 클로드 코드 유용한..

변경된 앱 아이콘 컨셉예전에는 맥북, 아이폰, 애플워치 마다 같은 성격의 설정 앱이라도 이미지가 미세하게 달랐었음하지만 이제는 매우 심플하게 처리맥북, 아이폰: 네모난 배경애플워치: 동그란 배경이렇게 처리하게된 배경에는 `foreground layer`, `background layer`, `.icon`과 관련된 개념이 생겨나서 부터 확립Icon Composer (layer와 .icon)애플에서는 앱 아이콘을 정의할때 layer(*층)라는 것을 두어서 이것을 사용하여 앱 아이콘을 표현함층을 두어서 입체적으로 표현하려는것이 목적층(layer)들을 합쳐놓은(Composer)것을 Icon Composer라고 지칭이 개념에 의해, 이제 여러가지의 앱 아이콘 제작이 없이, 단순히 각 layer를 표현하는 이미지만..

cf) LazyVStack해서 구현 방법 포스팅 글은 이 링크의 포스팅 글 참고: https://ios-development.tistory.com/1760 StickyHeader 구현 아이디어StickyHeader를 순수 직접 구현하려면 많은 작업이 들겠지만, SwiftUI에서 List안에 Section(header:)를 이용하면, 스크롤 시 자동으로 위에 걸쳐지는 효과를 사용하면 구현하기가 매우 쉬움단, List의 속성에 .listStyle(.plain)을 해줘야 section으로 넣었던 UI들이 sticky header로 동작함구현List 선언struct ListStickyHeaderView: View { var body: some View { NavigationView { ..

SwiftUI Instruments 에 중요한 것SwiftUI Instruments를 보면 빨간선과 주황선이 보이는데, 이 정보들은 중요한 것임(아래 사진 관련 내용: https://ios-development.tistory.com/1815)빨간색 선 기준기준: View의 body 계산 시간이 1.0ms를 초과할 때 표시의미: 매우 심각한 성능 저하 상태영향: 120Hz 디스플레이(ProMotion) 환경에서 프레임당 가용 시간은 약 8.3ms인데, 뷰 하나 그리는 데 1ms를 넘겨버리면 실제 렌더링 루틴 전체가 꼬이며 눈에 띄는 Hitch(버벅임)가 발생주황색 선 기준기준: View의 body 계산 시간이 0.5ms를 초과할 때 표시의미: 성능 저하 주의 단계영향: 당장 화면이 멈추지는 않더라도, 이런..

탭했을 때 키보드 내리기다른 제스처도 동시에 동작하게끔 하기 위해 보통 아래처럼 simultaneousGesture를 사용하여 tapGesture 이벤트를 얻어서 isFocused = false로 처리struct ContentView: View { @State private var text: String = "" @FocusState private var isFocused: Bool var body: some View { ScrollView { VStack(spacing: 16) { TextField("텍스트를 입력하세요", text: $text) .textFieldStyle(.roundedBor..

전체빌드 개념단어 그대로 캐싱 없이, a부터 z까지 모든 파일을 빌드하는 것 cf) 빌드란?소스 코드들을 실행 가능한 형태로 메모리에 올리는 것증분빌드 개념증분 빌드(Incremental Build)는 “변화가 영향을 미치는 범위만 찾아서 필요한 파일만 재컴파일”하는 방식Xcode는 이를 위해 “의존성 그래프(Dependency Graph)”와 “인터페이스 파일(.swiftinterface / .dia)”을 사용증분빌드 원리빌드 시스템은 파일마다 해시(hash) 또는 timestamp를 기록해 두고 있다가 사용FileA.swift → 해시값 0xA2B3 FileB.swift → 해시값 0xC883Swift는 모든 .swift 파일 내부의 타입, 프로토콜, extension 등을 분석해 파일 간의 의존성 ..

xcactivitylogXcode가 빌드/테스트/아카이브할 때 생성되는 빌드 로그의 원본 파일(= Xcode UI에서 보는 Build Log 화면(⌘ + 9)의 실제 데이터 파일)바이너리 파일은 아래 경로에 위치~/Library/Developer/Xcode/DerivedData//Logs/Build/얻어내는 법Xcode > Build > 오른쪽마우스 > Show in Finder 클릭Show in Finder 클릭 시 Logs/Launch에 들어가게됨여기서 Logs/Launch가 아닌, Logs/Build 경로에 가야하므로 Logs경로로 이동한 다음 Build 폴더로 이동마침내 UUID.xcactivitylog 파일 획득이 가능들어있는 정보들전체 빌드 타임라인각 빌드 단계별 duration컴파일러가 어떤..

.trace 파일Instruments를 통해 나오는 .trace 파일은 자주쓰는 xctrace export 옵션--listtrace 파일 내부에 어떤 데이터들이 들어있는지 전체 목록을 보여줌 (schema 이름들을 확인이 가능)xctrace export --input test1.trace --list예)time-samplesignpostprocessthread-statesystem-callsmemorycall-tree --tocTrace Table of Contents(Toc)를 XML로 바로 출력xctrace export --input test1.trace --toc 이걸 보면 전체 구조를 한눈에 확인 가능 --xpath특정 부분만 필터링하기 위한 고급 옵션ex) signpost 데이터만 추출: --x..