본문 바로가기

전체 글86

클로드 아티팩트 라이브 페이지로 실시간 대시보드 만들어 공유하기 클로드 활용클로드가 만들어준 대시보드를 다른 사람에게 보여주고 싶은데, 서버니 호스팅이니 하는 말만 들어도 막막하셨나요? 아티팩트 라이브 페이지 기능을 쓰면 코드를 한 줄도 몰라도 버튼 하나로 실제 웹페이지를 배포하고 링크로 공유할 수 있습니다. 조별과제 현황판을 직접 2주간 운영해본 경험을 바탕으로, 만들기부터 배포·갱신까지 전 과정을 정리했습니다.📌 3줄 요약1. 라이브 페이지는 클로드 아티팩트 결과물을 인터넷 주소가 있는 실제 웹페이지로 배포해주는 기능입니다.2. 프롬프트에 무엇을 보여줄지·어떤 항목을 카드로 띄울지·얼마나 자주 갱신할지 세 가지를 담으면 결과가 좋습니다.3. 링크를 아는 누구나 볼 수 있으니 개인정보는 넣지 말고, 다 쓴 페이지는 게시 해제로 정리하는 것이 안전합니다.📋 목차1.. 2026. 7. 21.
Claude Code 크론 스케줄 개념, 매일 아침 자동 리포트 원리 Claude Code 입문매일 아침 컴퓨터가 스스로 일어나 리포트를 만들어 책상에 올려둔다면 어떨까요? 이번 글에서는 50년 된 자동화 도구 크론(cron)의 개념부터, Claude Code 스케줄 에이전트로 매일 아침 자동 리포트를 예약하는 원리와 실제 설정 과정까지 차근차근 정리합니다.📌 3줄 요약1. 크론은 정해진 시각에 컴퓨터가 스스로 일을 시작하게 만드는 예약 장치로, 알람 시계에 비유하면 쉽습니다.2. Claude Code 스케줄 에이전트는 크론 표현식을 몰라도 한국어 한 문장으로 자동 작업을 예약할 수 있습니다.3. 시각·작업·결과물 3요소를 갖춰 예약하고, 컴퓨터 절전 설정과 사용량(토큰) 소모만 주의하면 됩니다.목차1. 크론(cron)이란 무엇인가, 알람 시계에 비유하면 쉽습니다2. C.. 2026. 7. 21.
MCP 서버 연결로 Claude Code에 깃허브·DB·브라우저 붙이는 법 🔌 Claude Code 입문MCP 서버 연결로 Claude Code에 깃허브·DB·브라우저 붙이는 법코드는 잘 짜는데 정작 내 저장소나 데이터베이스는 못 건드리는 Claude Code, 답답하셨죠? 그 손발을 달아주는 열쇠가 바로 MCP입니다. 오늘은 깃허브·데이터베이스·브라우저를 순서대로 붙이고 확인하는 방법을 비개발자 눈높이에서 정리해봤습니다.📌 3줄 요약MCP는 Claude Code와 외부 도구를 잇는 '표준 콘센트' — 한 번 익히면 도구 이름만 바꿔 끼우면 됩니다.깃허브·데이터베이스·브라우저 모두 claude mcp add 한 줄로 붙이고, 자연어로 시킬 수 있습니다.붙인 뒤엔 claude mcp list로 확인하고, 안 되면 지웠다 다시 붙이며 두세 개만 남기세요.목차MCP 서버가 대체 .. 2026. 7. 21.
Claude Code 터미널 없이 쓰기, 데스크톱 앱·VS Code 확장 가이드 Claude Code 입문Claude Code를 검색하면 대부분 검은 화면에 명령어를 입력하는 장면부터 나옵니다. 비개발자 입장에서는 이 첫인상 때문에 시작도 전에 포기하는 경우가 많네요. 그런데 사실 지금은 터미널을 한 번도 열지 않고 Claude Code를 쓸 수 있습니다. 이 글에서는 그 두 가지 공식 경로를 하나씩 안내합니다.📌 3줄 요약1. 터미널 없이도 데스크톱 앱과 VS Code 확장, 두 가지 공식 경로로 Claude Code를 쓸 수 있습니다.2. 두 방식 모두 터미널 버전과 같은 엔진을 사용하므로 기능 차이 때문에 손해 볼 일이 없습니다.3. 결과물만 받으면 되면 데스크톱 앱, 파일을 직접 읽고 다듬는 일이 많으면 VS Code 확장이 정답입니다.목차1. 터미널이 무서워도 Claude.. 2026. 7. 21.
Claude Fable 5 등장, Opus 4.8과 차이 쉽게 이해하기 태그가 스킨에 따라 제거될 수 있어 모든 스타일을 인라인으로 처리했습니다)============================================= -->AI 도구 · Claude CodeAnthropic이 Opus 위에 새로운 등급을 하나 더 얹었습니다. 이름도 낯선 Mythos급, 그 첫 모델 Claude Fable 5가 무엇인지, 기존 Opus 4.8과는 뭐가 다른지, 그리고 입문자는 어떤 기준으로 골라 쓰면 되는지 딱 필요한 만큼만 정리했습니다.📌 3줄 요약① Fable 5는 Opus 위에 새로 생긴 Mythos급의 첫 모델 — 기존 모델이 사라진 게 아니다.② 핵심 차이는 지능이 아니라 장시간 작업을 끝까지 끌고 가는 능력. 짧은 작업은 체감 차이가 거의 없다.③ 기본은 Opus 4.. 2026. 7. 20.
Claude Code 플랜 모드 사용법, 코드 수정 전 설계 승인받기 플랜 모드가 필요한 이유, 바로 수정부터 하면 생기는 문제Claude Code에 작업을 시키면 기본적으로 바로 파일을 수정하기 시작합니다. 간단한 요청이라면 문제가 없습니다. 하지만 파일 여러 개가 얽힌 작업을 시키면 얘기가 달라집니다. 어디를 어떻게 고칠지 모른 채 화면에 수정 내역이 쏟아지는 경험을 하게 됩니다. 수정이 다 끝난 뒤에야 "이게 내가 원한 방향이 맞나?" 하는 의문이 드는 경우도 적지 않습니다. 이미 바뀐 코드를 하나하나 확인하면서 되돌릴지 말지 판단하는 건 생각보다 피곤한 일입니다.저도 처음에는 이게 편하다고 생각했습니다. 그런데 어느 날 "로그인 부분 정리해줘"라고 시켰더니 예상보다 훨씬 많은 파일이 바뀌어 있었습니다. 되돌리는 데 시간이 더 걸렸구요. 문제는 제가 요청을 잘못한 게.. 2026. 7. 19.
MCP란 무엇인가, Claude Code 확장 개념 쉽게 이해하기 MCP란 무엇인가, 콘센트 비유로 이해하기Claude Code 관련 글을 읽다 보면 MCP라는 단어가 자주 등장합니다. MCP는 모델 컨텍스트 프로토콜(Model Context Protocol)의 줄임말입니다. 이름만 보면 어렵게 느껴지지만, 개념 자체는 단순합니다. AI가 외부 도구와 대화할 때 사용하는 공통 규격이라고 이해하면 됩니다. 프로토콜이라는 말 자체가 "약속된 대화 방식"이라는 뜻이니까, 결국 AI와 도구가 서로 알아들을 수 있게 정해둔 약속인 셈입니다.가장 쉬운 비유는 전기 콘센트입니다. 우리가 쓰는 가전제품은 제조사가 전부 다르지만, 플러그 모양은 똑같습니다. 규격이 통일되어 있기 때문에 어떤 제품이든 벽에 꽂기만 하면 전기가 통합니다. MCP도 마찬가지입니다. 데이터베이스, 웹 브라우저.. 2026. 7. 19.
Claude Code 플랜 모드 사용법, 수정 전에 계획부터 확인하기 플랜 모드란 무엇인가, 바로 고치지 않고 계획부터 세우는 기능Claude Code를 처음 쓰다 보면 당황스러운 순간이 있습니다. 간단한 수정을 부탁했는데, 파일 여러 개가 한꺼번에 바뀌어 있는 경우입니다. 분명 한 줄만 고쳐 달라고 했는데 말이죠. AI가 나름대로 "이왕 하는 김에" 주변 코드까지 정리해 버린 겁니다. 결과가 좋으면 다행이지만, 내가 이해하지 못한 변경이 쌓이면 프로젝트 전체가 불안해집니다. 이런 상황을 막아주는 기능이 바로 플랜 모드(Plan Mode)입니다.플랜 모드는 이름 그대로 계획을 먼저 세우는 모드입니다. 이 모드를 켜면 Claude Code는 파일을 수정하거나 명령어를 실행하지 않습니다. 대신 코드를 읽고 분석만 합니다. 그리고 어떤 파일을 어떻게 바꿀지 계획서를 먼저 보여줍.. 2026. 7. 19.
Claude Code에 수정 요청할 때 이렇게 말하면 잘 고쳐준다 Claude Code를 쓰다 보면 한 번쯤 이런 경험을 합니다. "이 부분 좀 고쳐줘"라고 했는데 전혀 엉뚱한 부분을 바꾸거나, 고쳐달라는 건 손도 안 대고 다른 내용을 추가해 오는 경우입니다. 수정 요청이 잘 안 먹힌다고 느낀다면, Claude Code가 부족한 게 아니라 요청 방식에 개선할 여지가 있는 겁니다. 같은 내용을 어떻게 말하느냐에 따라 결과물이 달라지기 때문입니다. 이 글에서는 수정 요청이 왜 실패하는지 살펴보고, 실제로 잘 먹히는 표현 패턴 네 가지를 구체적인 예시와 함께 정리합니다. 모호한 수정 요청이 실패하는 이유수정 요청이 먹히지 않는 가장 흔한 원인은 요청이 너무 추상적이기 때문입니다. "이상한 것 같은데 고쳐줘", "좀 더 자연스럽게 바꿔줘", "이 부분이 맘에 안 드네" — 이.. 2026. 4. 13.

티스토리툴바