반응형 분류 전체보기597 [Claude Code] Supabase 데이터베이스 연동 1. Supabase 소개https://supabase.com/ SupabaseBy continuing, you agree to Supabase’s Terms of Service and Privacy Policy, and to receive periodic emails with updates.supabase.com- PostgreSQL이라는 관계형 데이터베이스(RDBMS)를 기반으로 하는 데이터베이스 제공- 테이블을 만들기만 하면 RESTful API와 GraphQL API가 자동으로 생성되어 프론트엔드에서 바로 호출하는 구조 2. Organization회원가입을 완료하면 새 Organization을 만들라고 한다. Organization은 여러 프로젝트를 묶어 관리하는 조직을 의미한다. 3. .. 2026. 5. 14. [Github] Vercel로 프로젝트 배포하는 법 1. Vercel 소개https://vercel.com/ Vercel: Build and deploy the best web experiences with the AI Cloud – VercelVercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.vercel.comVercel은 코드를 Github에 올리면 자동으로 빌드, 배포해주는 서비스다. 회원 가입을 진행하자. 2. Github 연동로그인하면 /new 페이지로 오게될텐데, Continue with Github를 눌러 깃허브 권한을 허용하고 오자. 그러면 Install 버튼이 활성화될 것이다. Instal.. 2026. 5. 14. [Claude Code] Github MCP 연동하기 이번 포스팅에서는 클로드 코드와 깃허브를 연동하기 위해 Github MCP를 사용하는 방법에 대해 알아볼 것이다. 1. Github API Token 발급Github MCP 서버 연동을 위해서는 깃허브에서 API Token을 발급 받아야 한다.먼저, 깃허브에 로그인하여 Settings로 들어간다. 좌측 메뉴 최하단에 Developer settings로 들어간다. Personal access tokens -> Tokens (classic) 에서 API 토큰을 생성할 수 있다. 토큰을 생성하다보면, 해당 토큰이 접근할 수 있는 권한 범위를 지정하는 옵션(Select scopes)이 있다.필자는 repo, user, project 전체에 체크했다. 생성한 토큰은 한 번만 보여주기 때문에 반드시 안전한 곳에 .. 2026. 5. 11. [Claude Code] Plugin 1. 클로드 코드의 플러그인- 외부 시스템과 상호작용하기 위해 MCP나 스킬 등을 조합해 하나의 기능으로 제공하는 도구다. MCP와 스킬은 이전 포스팅에서 다룬 바 있다.https://kimcoder.tistory.com/616 [Claude Code] MCP(Model Context Protocol)클로드 코드는 MCP 기능을 내장하고 있다. 이번 포스팅에서는 MCP의 개념과 MCP 활용 방법에 대해 알아볼 것이다. 1. MCP(Model Context Protocol)란?- AI 모델과 외부 시스템간의 연결 장치(통신 규약)※ "AIkimcoder.tistory.comhttps://kimcoder.tistory.com/617 [Claude Code] Skills/context 명령을 통해 확인할 수 .. 2026. 5. 9. [Claude Code] Skills /context 명령을 통해 확인할 수 있는 정보들 중 Skills라는 것이 있는데 본 포스팅에서는 Skills에 대해 알아볼 것이다. 1. Skills란?커스텀 명령어와 유사한 개념이지만, 다음과 같은 차이점이 있다.- 사용자가 직접 실행하지 않아도 클로드 코드가 요청의 성격을 파악해서 자동으로 적합한 스킬을 불러와 실행한다. - .claude/skills/[스킬명]/ 디렉토리에 SKILL.md 파일로 설정- SKILL.md의 프론트매터에 name, description가 있어야 한다. ---로 감싸인 메타데이터 블록을 프론트매터라고 한다. 스킬이 나온지 얼마 안돼서 그런지 모르겠지만..필자가 '코드를 자동으로 리뷰하는 스킬을 만들어 줘' 라고 요청했을 때, 클로드 코드가 한 번에 제대로된 형식으로 만.. 2026. 5. 9. [Claude Code] MCP(Model Context Protocol) 클로드 코드는 MCP 기능을 내장하고 있다. 이번 포스팅에서는 MCP의 개념과 MCP 활용 방법에 대해 알아볼 것이다. 1. MCP(Model Context Protocol)란?- AI 모델과 외부 시스템간의 연결 장치(통신 규약)※ "AI 모델"이 외부 시스템과 소통한다는 점에서 API와 차이가 있다. - AI가 노션, 깃허브, 데이터베이스 등에 접근하고 관리할 수 있도록 해준다. 2. Claude의 MCP클로드의 MCP는 클라이언트/서버 모델을 따른다. 클로드의 MCP 클라이언트는 작업 지시만 하고 실제 실행은 다른 MCP 서버가 담당한다. 이 때, MCP 서버의 위치에 따라 로컬 MCP와 원격 MCP로 나뉜다. 1) 원격 MCP- 인터넷상 외부에 위치해 있는 MCP- 대표적인 예시로 노션 MCP.. 2026. 5. 8. [Claude Code] 에이전트 활용하기 1. AI 서브에이전트- AI 모델을 활용하여, 사용자 대신 특정 유형의 작업을 맡아서 스스로 수행하는 프로그램- 코딩, 디자인, 코드리뷰, 디자인, 최적화 등 역할별로 AI 서브에이전트를 두어 실제 개발팀처럼 운영할 수 있다.- 다른 에이전트와 협업이 가능하고, 각 에이전트들은 AI 모델이나 파일 접근 권한을 서로 다르게 설정할 수 있기 때문에 안전하고 체계적인 분업이 가능하다. 2. 에이전트 생성(1) 에이전트 목록 확인/agents 명령으로 서브에이전트 인터페이스를 연다.Running 탭은 현재 실행중인 에이전트를 보여주는데 현재는 아무 에이전트가 없는 상황이다. 이제 오른쪽 방향키로 Library 탭으로 넘어간다. 여기서 아래쪽 방향키를 누르면 'Create new agent' 가 선택된다.각 .. 2026. 5. 5. [Claude Code] 커스텀 명령어 설정하기 1. 커스텀 명령어란?- 기본으로 제공하는 명령어들 외에 개인이 직접 추가할 수 있는 명령어- 반복적인 작업들을 간단한 명령어로 자동화할 수 있음- 클로드 코드의 경우에는 마크다운 파일로 정의 가능함 2. 커스텀 명령의 범위1) 전역 명령어- 모든 프로젝트에 공통으로 적용- 경로: ~/.claude/commands/ 2) 프로젝트 명령어- 현재 작업중인 프로젝트에 적용- 경로: .claude/commands/ 3. 커스텀 명령어 적용법- commands 폴더에 [명령어].md 이름의 파일을 생성하고 그 안에 프롬프트를 넣으면, 클로드 코드에서 /[명령어] 로 실행할 수 있다.- 아래 예시에서는 /analyze, /deploy, /fix-issue 명령을 사용할 수 있게 된 것이다. - 각 마크다운 파.. 2026. 4. 28. [Claude Code] 프롬프트에 파일 추가하기 1. 이미지 추가하기신기하게도 Claude Code는 프롬프트로 이미지를 전달하는식으로도 요청이 가능하다.컴퓨터에 저장된 이미지를 프롬프트창으로 드래그 앤 드롭하면 [Image #N]로 표시된다. 이제 아래 사진을 주고, 이 디자인에 대해 설명하라고 해보겠다. 꽤 잘 분석한 것 같다. 특정 상황을 표현할 수 있는 이미지가 있다면, 그 것을 굳이 글로 표현하는 것보다는 이렇게 이미지를 참고하도록 하는 방식도 유용할 것이다. 2. 파일 추가하기@ 기호를 통해 특정 파일을 참조하도록 할 수 있다.폴더 구조가 다음과 같이 구성되어있다고 가정하자. @를 입력하기만 해도 프로젝트 폴더(Study-02)의 파일 및 폴더들을 볼 수 있다. web_version 폴더의 하위 파일을 보기위해 @web 까지만 입력했는데도.. 2026. 4. 24. 이전 1 2 3 4 ··· 67 다음
