꼰대코더

Claude Code - 기존 프로젝트 분석

Claude Code로 기존 프로젝트 분석하는 방법Step 1 — 프로젝트 폴더에서 Claude Code 시작터미널에서 프로젝트 폴더로 이동 후 실행합니다.cd 내프로젝트폴더claude### Step 2 — 코드베이스 분석 요청Claude Code는 agentic search를 사용해서 프로젝트 구조와 의존성을 자동으로 파악합니다. 수동으로 파일을 선택하지 않아도 됩니다. 자주 쓰는 분석 프롬프트들이에요:# 전체 구조 파악Give me a high-level overview of this codebase# 특정 기능 찾기Where is the user authentication logic?# 의존성 분석What are the main dependencies and how are they used?# 특정..

Claude Code - skill 을 이용하여 디자인 개선하기

Claude Code로 랜딩 페이지 디자인 업그레이드하는 두 가지 방법frontend-design 스킬을 활용해서 뻔한 AI 디자인에서 벗어나기왜 frontend-design 스킬인가요?Claude가 기본 상태로 만드는 UI는 솔직히 뻔합니다. Inter 폰트에 보라색 그라디언트, 예측 가능한 레이아웃... 이른바 "AI 슬롭(AI Slop)" 디자인이죠.frontend-design 스킬은 이걸 해결하기 위해 만들어진 스킬입니다. Claude에게 "Bold한 디자인 방향을 잡고, 타이포그래피·색상·레이아웃을 의도적으로 설계해라"는 지침이 담겨 있습니다. 아래 두 가지 방법으로 활용할 수 있습니다. 방법 1 — Anthropic 공식 스킬 설치해서 사용하기Step 1 — 플러그인 마켓플레이스 등록Claud..

Claude code - 맘에 드는 스킬을 다운로드 받아 사용하는 방법

Claude Code Skills가 뭐냐면요 —한마디로, AI한테 특정 업무를 잘 처리할 수 있도록 미리 만들어둔 전문 작업 매뉴얼이에요.지침(Prompt), 참고 자료, 실행 코드를 하나로 묶어서 패키징해 놓은 건데요. Claude가 사용자 요청을 받으면 "어, 이건 저 Skill 쓰면 되겠다!" 하고 스스로 판단해서 해당 Skill을 불러다 씁니다.파일 시스템에 직접 접근해서 문서, 코드, 레퍼런스를 바로 활용하기 때문에, 매번 처음부터 설명 안 해줘도 전문가 수준으로 자동화된 업무 처리가 가능해요.예를 들어 "Word 문서 만들어줘" 하면 Claude가 알아서 docx Skill을 읽고, 거기 적힌 방법대로 작업하는 식이죠.한 번 잘 만들어두면 비슷한 요청이 올 때마다 계속 재활용할 수 있어서, 반..

Claude Code - 프로젝트 생성하기

사용중인 PC의 OS에 맞게 Cluade Code가 인스톨되어 있고 Claude의 Pro이상의 Subscription에 등록되어 있음을 전제로 한다.VS Code(혹은 Cursor, Antigravity)의 터미널에서 claude 를 타입핑하여 로그인하면 아래와 같은 화면이 나온다./model 를 타입핑하면 사용중인 Claude의 모델을 바꿀 수 있다. (취소는 Esc 키) 간단한 웹페이지등의 작성이라면 프롬프트에서 원하는 내용의 웹이지를 작성해줘 하면 되지만 복잡한 프로그래밍 언어, 프레임워크, 데이터베이스, 웹서비스를 이용한다면 앞서와 같이 간단한 내용만으로는 원하는 프로젝트의 소스코드는 작성되지 않으면 작성되더라도 바로 실행되지는 않을 것이다. 내가 추천하는 방법은 아래의 내용을 충실히 정리한 다음..