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

동적 문자열 사용 방법 (Variables)기술 콘텐츠 내에 동적 값을 주입하여 유연한 대응 가능$ARGUMENTS: 기술 호출 시 전달된 모든 인수값. (예: /fix-issue 123 실행 시 123을 데이터로 활용)${CLAUDE_SESSION_ID}: 현재 세션의 고유 식별자. 로깅 및 세션별 파일 생성에 활용ex) skill.md 정의 예시---name: session-loggerdescription: 이 세션에 대한 활동 로그---다음을 logs/${CLAUDE_SESSION_ID}.log에 로깅합니다:$ARGUMENTSskill에서 다른 파일 참조하기SKILL.md는 핵심 요약에 집중하고, 상세 내용은 별도 파일로 분리하여 컨텍스트 효율화SKILL.md: 필수 파일. 기술의 개요 및 탐색 가..

serena MCP란?Serena MCP(Model Context Protocol) 서버는 Oraios AI에서 개발 및 제공하는 오픈 소스 코딩 에이전트 툴킷LSP(Language Server Protocol)을 활용하여 분석함LSP는 원래 VSCode나 Xcode 같은 IDE가 언어별(Python, Go, TS 등) 분석 엔진과 소통하기 위해 만든 표준 규격구문 분석: 단순 텍스트가 아니라 Class, Method, Variable 간의 관계를 트리 구조로 이해심볼 추적: find_symbol을 통해 특정 함수가 정의된 위치와 사용된 위치(References)를 즉시 찾아냄효율적인 컨텍스트: 수만 줄의 코드 중 LLM이 정말로 수정해야 할 정확한 지점만 집어내어 전달전체 파일을 읽거나 `grep`과 ..

스킬이란?클로드코드를 사용할 때 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 안에서 선택할 수 있게 개방하도록 수정 -> 플랫폼의 힘 강화깃헙 코파일럿에서도 클로드 모델..

단축키cmd + esc: 포커싱 변경 (에디터 클로드코드 챗)코드를 드래그하고 cmd + esc하면 클로드코드 채팅창에 해당 코드 위치 참고하게됨드래그 상태에서도 단순히 포커싱만 변경만 원하는 경우, cmd+2 (클로드코드 챗이 2번째 탭에 있는 경우)shift + tab: 에이전트 모드 바꾸기 (아래에서 소개 예정)유용한 기능cmd + esc로 클로드코드 포커싱하고 난 후 shift + tab하면 모드 변경이 가능Ask before Edit: 클로드가 코드를 변경하려고 할 때마다 사용자에게 변경 사항을 보여주고 승인을 요청Edit Automatically: 사용자의 개별 승인 없이 클로드가 직접 파일을 수정Plan mode: 코드를 직접 수정하기 전에, 클로드가 수행할 작업의 단계별 계획을 먼저 세우..

클로드 코드 설치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 { ..