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

스킬이란?클로드코드를 사용할 때 skills 하위 폴더 안에 skill이름을 넣고 md파일을 작성하면 `하나의 기능`으로 사용할 수 있는 것폴더 위치는 스콥에따라 3가지로 분류개인~/.claude/skills//SKILL.md모든 프로젝트프로젝트.claude/skills//SKILL.md이 프로젝트만플러그인/skills//SKILL.md플러그인이 활성화된 위치.claude/commands/ 안에 정의된 것들보다도 skill이 더욱 우선순위가 높음클로드코드 쓰임 예시skill-name: gen-test-cases: 특정 컴포넌트나 함수에 대한 단위 테스트(Unit Test) 코드 자동 생성.write-read-me: 폴더 구조와 코드를 읽고 README.md 초안 작성.실행 원리저렇게 skill을 명시해놓..

클로드 코드 vs 깃헙 코파일럿클로드 코드Anthropic은 2021년, OpenAI의 창립 멤버였던 `다리오 아모데이(Dario Amodei)`와 그 형제들이 설립OpenAI가 점점 상업화되고 AI 안전성(Safety)보다 성능 확장에만 치중하는 것에 반대하며 회사를 나옴Anthropic의 핵심 가치는 `안전하고 신뢰할 수 있는 AI`깃헙 코파일럿GitHub은 원래 오픈소스 코드의 저장소였지만, MS 인수 후 `모든 개발 단계에 AI를 심겠다`는 전략을 세우며 2021년 출시된 GitHub CopilotMS는 특정 모델(OpenAI)에만 국한되지 않고 Claude나 Gemini 같은 경쟁사 모델도 Copilot 안에서 선택할 수 있게 개방하도록 수정 -> 플랫폼의 힘 강화깃헙 코파일럿에서도 클로드 모델..

클로드 코드 설치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 등을 분석해 파일 간의 의존성 ..