쓸모 쓸모연구소 · 실전 노트
제 740 호이번 주 새 글 260 편2026 · 10 · 30
바이브코딩⁠·앱 만들기
Claude · Vercel · Supabase

클로드 데스크톱 앱 사용법, 채팅 자동화부터 웹서비스 배포까지

클로드 데스크톱 앱 사용법을 처음 쓰는 사람 기준으로 처음부터 끝까지 따라 합니다. 앱 설치와 요금제, 채팅 모드의 예약 자동화⁠·PPT·엑셀⁠·아티팩트 공유⁠·Gmail 커넥터⁠·스킬, 그리고 코드 모드로 미니게임과 로그인되는 구독 관리표를 만들어 Vercel에 배포하는 것까지 99단계입니다. 한 번 끝까지 하면 대략 한 시간쯤 걸립니다.

클로드 데스크톱 앱 사용법, 채팅 자동화부터 웹서비스 배포까지 삽화
삽화 · 쓸모연구소

따라 하기 전에 알아 둘 개념

웹 버전과 데스크톱 앱

클로드는 웹페이지 버전(claude.ai)과 데스크톱 앱 버전이 있습니다. 웹 버전은 내 컴퓨터 파일을 다루거나 코드를 실행하는 데 제약이 많아서, 이 글은 데스크톱 앱을 기준으로 합니다.

요금제

무료 요금제는 쓸 수 있는 모델과 사용량이 적어서 이 글의 실습을 다 하기는 어렵습니다. 2026년 10월 공식 요금표 기준으로 프로(Pro)는 월 결제 20달러(연 결제 시 월 17달러)이고, 맥스(Max)는 사용량에 따라 월 100달러(5x)와 200달러(20x) 두 단계가 있습니다. 프로로 시작해 사용량이 모자라면 맥스로 올리면 되고, 처음 배우는 단계라면 100달러짜리 맥스로도 충분한 경우가 많습니다. 요금과 한도는 자주 바뀌니 결제 전에 공식 요금 안내를 확인합니다.

채팅 모드와 코드 모드

데스크톱 앱에는 두 모드가 있습니다. 예전에 따로 있던 코워크(Cowork) 기능은 지금 채팅 모드에 합쳐졌습니다.

  • 채팅 모드: 일반 대화, 간단한 조사, 문서 만들기, 예약 작업 같은 간단한 자동화
  • 코드 모드: 바이브 코딩(말로 설명해 프로그램을 만드는 것), 더 복잡한 자동화. 클로드 코드(Claude Code)가 이 모드에서 돕니다.

같은 질문에 답이 다른 이유

AI는 다음에 올 말 가운데 확률이 높은 것을 골라 답을 씁니다. 그래서 같은 질문에도 답이 조금씩 다를 수 있습니다. 원하는 결과, 형식, 조건을 프롬프트에 구체적으로 쓰면 큰 흐름은 같아집니다.

모델과 노력량

입력창 오른쪽 아래에서 모델을 고릅니다. 페이블(Fable)이 가장 크고 비싸며, 오퍼스(Opus)·소넷(Sonnet)·하이쿠(Haiku) 순으로 가볍고 사용량을 덜 씁니다. 이 글을 쓰는 시점 기본 모델은 오퍼스 5.5이고, 가장 무거운 모델은 페이블 5.1입니다. 2026년 10월 공식 요금표 기준으로 페이블은 맥스 요금제에서 주간 한도의 50%까지 쓸 수 있고, 프로에서는 추가 사용 크레딧으로 씁니다. 고속 모드(fast mode)를 켜면 답이 빨라지는 대신 사용량을 더 빨리 씁니다.

노력량(effort) 버튼은 AI가 답하기 전에 얼마나 오래 생각할지 정합니다. 보통 작업은 중간이나 높음이면 충분합니다.

컨텍스트 윈도우와 사용 한도

컨텍스트 윈도우는 AI가 한 대화에서 한 번에 기억할 수 있는 용량입니다. 다 차면 더 이어 갈 수 없지만, 지금은 용량이 차면 앞부분이 자동으로 압축됩니다.

사용 한도는 세 가지입니다.

  • 세션 한도: 5시간마다 초기화
  • 주간 한도: 일주일마다 초기화
  • 페이블 한도: 페이블 모델에만 따로 적용

스킬과 MCP

스킬은 AI에게 주는 업무 매뉴얼, 곧 순서가 정해진 문서입니다. MCP(커넥터)는 AI가 구글 캘린더나 구글 드라이브 같은 외부 도구를 직접 다루게 해 주는 연결입니다. 앱에서는 플러그인이라는 이름으로 스킬과 커넥터를 묶어 설치하기도 합니다.

준비물

  • 클로드 계정(claude.ai에서 이메일이나 구글 계정으로 가입)
  • 클로드 데스크톱 앱(1~9단계에서 설치)
  • 엑셀 프로그램(엑셀 추가 기능 실습 때만)
  • Gmail 계정(커넥터 연결 실습용)
  • Vercel 계정, Supabase 계정. 회원 가입만 해 두면 나머지는 클로드가 안내합니다.
  • 비용: 클로드 유료 요금제. Vercel과 Supabase는 개인 실습 범위에서는 무료 요금제로 됩니다.

1부. 채팅 모드에서 따라 하기

1. 데스크톱 앱 설치

1단계. 웹브라우저에서 구글을 엽니다. 확인: 검색창이 보입니다.

2단계. 검색창에 "클로드"를 입력합니다. 확인: 검색 결과 목록이 뜹니다.

3단계. Anthropic의 공식 클로드 사이트(claude.ai)를 클릭합니다. 광고로 뜬 비슷한 이름의 사이트는 피합니다. 확인: 클로드 웹페이지가 열립니다.

4단계. 로그인한 뒤 웹페이지 왼쪽 메뉴 맨 아래의 내 이름(닉네임)을 클릭합니다. 확인: 메뉴가 열리고 "앱 및 확장 프로그램 다운로드"가 보입니다.

5단계. "앱 및 확장 프로그램 다운로드"를 클릭합니다. 확인: 다운로드 안내 화면이 열립니다.

6단계. 화면을 아래로 내려 "데스크톱" 항목을 찾습니다. 확인: macOS용⁠·Windows용 다운로드 버튼이 보입니다.

7단계. 내 컴퓨터에 맞는 다운로드 버튼을 클릭합니다. 맥이면 macOS용, 윈도우면 Windows용입니다. 확인: 설치 파일이 내려받아집니다.

8단계. 내려받은 파일을 실행합니다. 맥은 열린 창에서 Claude 아이콘을 응용 프로그램 폴더로 끌어 놓습니다. 확인: 설치가 진행됩니다.

9단계. 설치가 끝나면 앱을 열고 같은 계정으로 로그인합니다. 확인: 데스크톱 앱 첫 화면이 뜹니다.

2. 요금제 정하기

10단계. 설정의 요금제 화면에서 쓸 요금제를 고르고 결제합니다. 처음에는 프로로 시작해 사용량이 모자라면 맥스로 올려도 됩니다. 확인: 내 계정에 고른 요금제가 적용됩니다.

3. 채팅 모드에서 간단한 자동화 만들기

11단계. 데스크톱 앱을 엽니다. 확인: 시작 화면이 뜹니다.

12단계. 앱 위쪽 모드 선택에서 "채팅"을 고릅니다. 확인: 채팅창이 보입니다.

13단계. (선택) 채팅창 왼쪽 아래의 프로젝트⁠·폴더 선택을 클릭합니다. 작업 파일을 한곳에 모으고 싶을 때 씁니다. 이 실습은 폴더 없이 해도 됩니다. 확인: 새 프로젝트 만들기와 폴더 추가 선택지가 보입니다.

14단계. 채팅창에 아래 문장을 입력합니다.

프롬프트
매일 아침 9시에 코스피 코스닥 지수 보고하는 자동화 만들어 줘

확인: 채팅창에 문장이 들어갑니다. 이 문장은 예약 자동화 기능을 보여 주는 예시이고, 날씨 요약이나 뉴스 정리처럼 매일 받고 싶은 다른 내용으로 바꿔도 됩니다.

15단계. 전송합니다. 확인: 클로드가 답을 쓰기 시작합니다.

16단계. 클로드가 예약 작업을 만들 때까지 기다립니다. 확인: 예약 작업을 만들었다는 안내가 나옵니다.

17단계. 화면 왼쪽 메뉴의 "예약됨"을 클릭합니다. 확인: 방금 만든 작업이 예약 목록에 나옵니다. "평일 오전 8시 46분에 코스피⁠·코스닥 지수를 검색해 보고한다"처럼 요청과 조금 다른 시간으로 잡히는 경우가 있으니, 만든 뒤에 시간과 요일을 꼭 확인합니다.

18단계. 시간이나 내용을 바꾸고 싶으면 채팅창에 바꿀 내용을 입력합니다. 예를 들면 "9시 정각으로 바꿔 줘", "장 시작 후 지수 포인트까지 넣어 줘"처럼 씁니다. 확인: 클로드가 요청대로 바꾸고, 예약됨 목록의 내용도 바뀝니다.

예약 작업은 컴퓨터가 켜져 있고 앱이 실행 중일 때 돌아갑니다. 노트북을 덮어 두면 그 시간에는 실행되지 않을 수 있습니다.

4. 모델⁠·노력량⁠·컨텍스트⁠·사용 한도 보기

19단계. 채팅 입력창 오른쪽 아래의 모델 이름을 클릭합니다. 확인: 모델 목록이 뜹니다. 지금 쓰는 모델에 체크가 있고, 페이블⁠·오퍼스⁠·소넷⁠·하이쿠를 고를 수 있습니다.

20단계. 쓸 모델을 고릅니다. 확인: 고른 모델에 체크가 표시됩니다.

21단계. 모델 옆의 노력량 버튼을 클릭합니다. 확인: 낮음⁠·중간⁠·높음 같은 노력량 선택지가 뜹니다.

22단계. 노력량을 고릅니다. 기본 작업에는 중간이나 높음이면 충분합니다. 확인: 고른 값이 버튼에 표시됩니다.

23단계. 입력창 오른쪽 아래, 노력량 옆의 작은 동그라미 표시를 클릭합니다. 확인: "컨텍스트 윈도우"와 "플랜 사용량 한도"가 보입니다.

24단계. 세션 한도⁠·주간 한도⁠·페이블 한도 수치를 읽습니다. 확인: 각각 몇 %를 썼는지와 언제 다시 채워지는지가 보입니다. 세션 한도는 5시간마다, 주간 한도는 일주일마다 초기화됩니다.

25단계. (대화가 길어져 용량이 신경 쓰이면) 입력창에 아래 명령을 입력합니다.

명령어
/compact

확인: 지금까지의 대화가 요약돼 압축됩니다. /compact 뒤에 "결정한 파일 이름은 꼭 기억해 줘"처럼 남겨 둘 내용을 덧붙일 수 있습니다.

26단계. (대화를 완전히 비우고 새로 시작하고 싶으면) 입력창에 아래 명령을 입력합니다.

명령어
/clear

확인: 이전 대화 내용이 비워집니다. 지금은 용량이 차면 자동으로 압축되니, 클리어는 다른 주제로 넘어갈 때 정도만 씁니다. 새 대화를 여는 것과 효과가 비슷합니다.

5. 채팅으로 PPT 만들기

27단계. 모델을 소넷으로, 노력량을 중간으로 바꿉니다. 자료 조사와 PPT 정도는 가벼운 모델로도 충분하고 사용량을 아낄 수 있습니다. 확인: 모델과 노력량 표시가 바뀝니다.

28단계. 채팅창에 아래 문장을 입력합니다.

프롬프트
환율에 영향을 주는 뉴스들을 취합해서 최근 환율 동향에 관한 PPT 파일 만들어 줘

확인: 문장이 들어갑니다.

29단계. 전송합니다. 확인: 오른쪽에 "리서치하고 있다", "PPT 만드는 중" 같은 진행 상황이 나옵니다.

30단계. PPT가 완성될 때까지 기다립니다. 확인: 완성된 PPT가 보이고, 참고한 웹사이트 목록도 확인할 수 있습니다. 슬라이드 안에 출처가 표시돼 있는지도 봅니다.

31단계. 결과를 읽고, 더 넣고 싶은 내용이 있으면 채팅창에 입력하거나 참고 파일을 첨부합니다. 예를 들면 "3쪽에 최근 1년 원⁠·달러 환율 그래프를 넣어 줘"처럼 씁니다. 확인: 클로드가 반영한 새 파일을 보여 줍니다.

6. 채팅으로 엑셀 만들기

32단계. 채팅창에 아래 문장을 입력합니다.

프롬프트
더미 데이터 아무거나 만들어서 엑셀도 하나 만들어 줘 봐

확인: 문장이 들어갑니다. "더미 데이터"는 연습용 예시 데이터를 지어내 채워 달라는 뜻입니다. 같은 방식으로 워드 파일이나 한글 파일도 만들 수 있습니다.

33단계. 전송합니다. 확인: 엑셀 파일이 생깁니다.

34단계. 채팅창에 아래 문장을 입력합니다.

프롬프트
서울 지역만 따로 볼 수 있는 시트 만들어 줘

확인: 문장이 들어갑니다.

35단계. 전송합니다. 확인: 서울 지역 매출 등을 따로 정리한 시트가 추가됩니다.

7. 엑셀 안에서 클로드 쓰기(추가 기능)

엑셀을 열어 둔 채로 그 안에서 클로드에게 시키는 방법입니다. 쓸 수 있는 요금제는 공식 안내를 확인합니다.

36단계. 엑셀 프로그램을 엽니다. 확인: 엑셀 창이 열립니다.

37단계. 엑셀 위쪽의 "홈" 탭을 클릭합니다. 확인: 홈 탭 메뉴가 보입니다.

38단계. 홈 탭 오른쪽의 "추가 기능"을 클릭합니다. 확인: 설치된 추가 기능 목록이 뜹니다.

39단계. "추가 기능 더 보기(더 많은 추가 기능 찾기)"를 클릭합니다. 확인: 추가 기능 검색 화면이 뜹니다.

40단계. "Claude"를 검색해 Anthropic이 만든 클로드 추가 기능의 "추가(받기)"를 클릭합니다. 확인: 클로드 추가 기능이 엑셀에 설치됩니다. 앞의 "앱 및 확장 프로그램 다운로드" 화면에서 엑셀⁠·파워포인트⁠·워드용 설치 버튼을 눌러도 됩니다.

41단계. 엑셀 안에 뜬 클로드 패널에서 로그인을 클릭합니다. 확인: 연결을 승인하라는 창이 뜹니다.

42단계. 승인 버튼을 클릭합니다. 확인: 승인이 끝납니다.

43단계. 승인 창을 닫습니다. 확인: 클로드 패널이 로그인된 상태가 됩니다.

44단계. 패널에 지금 열린 엑셀 파일을 고치거나 새로 만들어 달라고 요청합니다. 예를 들면 "이 시트에서 지역별 합계를 내고 막대그래프를 추가해 줘"처럼 씁니다. 확인: 엑셀 안에서 클로드가 시트를 고치거나 새로 만듭니다.

8. 아티팩트로 만들어 링크로 공유하기

아티팩트는 결과물을 웹페이지 하나로 보여 주는 기능입니다. 노션 페이지처럼 링크로 다른 사람에게 보여 줄 수 있습니다.

45단계. 클로드 채팅창에 아래 문장을 입력합니다.

프롬프트
이 더미 판매를 아티팩트로 시각화해서 보여줘

확인: 문장이 들어갑니다.

46단계. 전송합니다. 확인: 판매 데이터가 그래프와 표가 있는 한 페이지짜리 아티팩트로 만들어집니다.

47단계. 아티팩트 오른쪽 위의 "공유" 버튼을 클릭합니다. 확인: 공유 설정이 열립니다.

48단계. 공개 범위를 "링크가 있는 모든 사용자"로 바꾸고 링크를 복사합니다. 확인: 링크로 들어온 다른 사람이 결과물을 볼 수 있습니다. 링크를 아는 사람은 누구나 볼 수 있으니, 실제 회사 숫자나 개인정보가 든 결과물은 이렇게 공유하지 않습니다.

9. 커넥터(MCP) 연결하고 써 보기

49단계. 클로드 왼쪽 메뉴에서 설정 화면을 엽니다. 확인: 설정 화면이 열립니다.

50단계. "사용자 지정"을 클릭합니다. 확인: 스킬⁠·커넥터⁠·플러그인 메뉴가 보입니다.

51단계. "커넥터"를 클릭합니다. 확인: 연결할 수 있는 서비스와 이미 연결된 서비스 목록이 보입니다.

52단계. Gmail 옆의 "연결"을 클릭합니다. 목록에 없으면 둘러보기나 "+" 버튼에서 Gmail을 찾습니다. 확인: 연결 확인 페이지가 자동으로 뜹니다.

53단계. "계속" 버튼을 클릭합니다. 확인: 구글 로그인 화면이 뜹니다.

54단계. 구글 계정으로 로그인하고 권한을 허용합니다. 확인: Gmail 옆이 체크 표시로 바뀌며 연결됩니다.

55단계. 채팅창에 아래 문장을 입력합니다.

프롬프트
Gmail 확인해서 내가 답장해야 할 메일 있는지 찾아줘

확인: 문장이 들어갑니다.

56단계. 전송합니다. 확인: Gmail을 쓴다는 표시가 뜨고, 이미 답장한 메일⁠·확인할 메일⁠·답장이 필요 없는 메일이 나뉘어 나옵니다.

10. 스킬 쓰고 만들기

57단계. 채팅창에 슬래시(/)를 입력합니다. 확인: 쓸 수 있는 스킬 목록이 뜹니다.

58단계. 쓸 스킬 이름을 이어서 입력해 고릅니다. 예를 들어 유튜브에서 노래를 찾아 틀어 주는 스킬을 만들어 두었다면 그 스킬을 고릅니다. 확인: 해당 스킬이 선택됩니다.

59단계. 할 일을 덧붙여 전송합니다. 확인: "스킬 실행 중"이 표시됩니다. 슬래시 없이 "유튜브에서 힙합 노래 재생해 줘"처럼 말해도 클로드가 스킬을 찾아 쓸 수 있습니다. 다만 스킬 설명이 흐릿하면 알아보지 못하기도 합니다. 그럴 때는 "유튜브 스킬 활용해서 재생해 줘"처럼 스킬을 직접 언급해 다시 요청합니다. 스킬을 만들 때 그 스킬을 부를 키워드를 설명에 넣어 두면 잘 불립니다.

60단계. (새 스킬을 만들려면) 자동화하고 싶은 작업을 먼저 클로드에게 시켜서 한 번 원하는 대로 끝냅니다. 확인: 원하는 결과가 나왔습니다.

61단계. 같은 채팅창에 아래 명령을 입력합니다.

명령어
/skill-creator

확인: 목록 맨 위에 skill-creator가 뜹니다.

62단계. 이어서 아래 문장을 입력해 전송합니다.

프롬프트
지금 했던 업무 스킬로 만들자

확인: 클로드가 방금 한 작업 순서를 스킬로 만들고, 내 스킬 목록에 추가할지 묻습니다.

2부. 코드 모드로 만들고 배포하기

11. 코드 모드에서 미니게임 만들기

63단계. 앱 위쪽 모드 선택에서 "코드"를 클릭합니다. 확인: 코드 모드 화면으로 바뀝니다.

64단계. 채팅창 위에 "로컬"이라고 적힌 부분을 클릭합니다. 확인: 로컬⁠·클라우드 선택지가 뜹니다.

65단계. "로컬"을 고릅니다. 구름 모양이 "클라우드"입니다. 로컬은 내 컴퓨터에서, 클라우드는 앤트로픽 서버에서 작업합니다. 확인: 로컬에 체크됩니다.

66단계. 코드 파일을 저장할 폴더를 정합니다. 바탕화면에 "space-game" 같은 빈 폴더를 만들어 고르면 작업 관리가 편합니다. 확인: 채팅창 위에 폴더 이름이 표시됩니다.

67단계. 채팅창에 아래 문장을 입력합니다.

프롬프트
웹에서 작동하는 미니게임 만들고 싶어. 총알을 피하는 게임 만들 거고 배경은 우주에서 하고 싶어. 캐릭터는 전투기를 타고 있게 만들어 줘.

확인: 문장이 들어갑니다.

68단계. 전송합니다. 확인: 클로드가 폴더에 파일을 만들며 게임을 만들기 시작합니다. 파일을 만들 때 허락을 물으면 허용합니다.

69단계. 게임이 완성될 때까지 기다립니다. 확인: 미리보기 창에 플레이할 수 있는 게임이 나옵니다.

70단계. 게임을 해 봅니다. 확인: 총알을 피하는 게임이 움직입니다. 목숨 세 개, 부딪힌 뒤 잠깐 무적 상태 같은 규칙이 들어가 있기도 합니다.

71단계. 채팅창에 효과음⁠·배경 음악을 넣고 남들도 접속할 수 있게 해 달라고 요청합니다.

프롬프트
효과음이랑 배경 음악도 집어넣고 그다음에 남들도 이 게임을 접속해서 할 수 있게끔 만들어 줘

확인: 음악이 나오며 게임이 돌아가고, 부딪힐 때와 죽을 때 효과음이 나며, 음악을 켜고 끌 수 있습니다.

프롬프트가 아주 가볍고 간단해도 이 정도는 만들어집니다. 원하는 것을 자세히 계속 설명할수록 원하는 결과에 가까워집니다.

12. Vercel에 배포하기

남들도 접속하게 하려면 배포가 필요합니다. 배포는 만든 파일을 인터넷에서 늘 켜져 있는 서버에 올리고 주소를 붙이는 일입니다. 여기서는 Vercel을 씁니다.

72단계. 브라우저에서 Vercel 공식 사이트(vercel.com)를 엽니다. 확인: Vercel 사이트가 열립니다.

73단계. 회원 가입을 합니다. 깃허브나 이메일 계정으로 가입할 수 있습니다. 확인: 가입이 끝납니다. 가입할 때 처음 설정을 골라 달라고 나오면 아무거나 고르고 넘겨도 됩니다. 나중에 CLI(명령줄 도구)로 바꿀 수 있습니다.

74단계. 로그인합니다. 확인: 로그인된 상태가 됩니다.

75단계. 코드 모드 채팅창에 아래 문장을 입력합니다.

프롬프트
버셀(Vercel)에 배포하고 싶어. CLI 활용해서 네가 알아서 배포까지 진행해 줘. 그리고 CLI를 설치하고 버셀에 로그인 하기까지 실행해야 하는 명령어는 네가 직접 실행해 줘. 로그인 화면이 나오면 내가 로그인 해 줄게.

확인: 문장이 들어갑니다. Vercel CLI가 이미 설치돼 있다면 "버셀에 배포해 줘"만 입력해도 됩니다.

76단계. 전송합니다. 확인: 클로드가 npm i -g vercel 같은 명령으로 CLI를 설치하고 vercel login으로 로그인을 시도합니다. 명령을 실행할 때 허락을 물으면 허용합니다.

77단계. 클로드가 프로젝트 이름을 지어 달라고 물으면 영어 소문자로 이름을 답합니다. 예를 들면 "space-dodge"처럼 씁니다. 확인: 클로드가 그 이름으로 배포를 이어 갑니다.

78단계. 브라우저에 Vercel 로그인 확인 화면이 뜨면 "계속(Continue)" 버튼을 클릭합니다. 확인: 로그인 화면으로 넘어갑니다.

79단계. 로그인합니다. 확인: 터미널의 Vercel CLI가 내 계정에 연결됩니다.

80단계. 배포가 끝날 때까지 기다립니다. 확인: "배포됐다, 누구나 접속해서 바로 플레이할 수 있다"는 안내와 주소(이름.vercel.app)가 나옵니다.

81단계. 안내된 주소를 웹브라우저에서 엽니다. 확인: 누구나 플레이할 수 있는 게임이 열립니다. 휴대폰에서도 같은 주소로 열어 봅니다.

Vercel의 무료 요금제(Hobby)는 개인⁠·비상업용입니다. 접속자가 아주 많이 몰리거나, 결제를 붙이는 등 돈을 버는 서비스로 쓰려면 유료 요금제(Pro)가 필요합니다.

13. 구독 관리표 만들기(데이터베이스 포함)

게임은 데이터를 저장할 필요가 없었습니다. 하지만 구독 관리표처럼 여러 사람이 쓰면서 각자의 데이터가 쌓이는 서비스는 저장 공간(데이터베이스)과 로그인이 있어야 합니다. 여기서는 Supabase를 씁니다.

82단계. 코드 모드에서 새 작업을 열고, 새 폴더를 고른 뒤 아래 문장을 입력합니다.

프롬프트
구독하고 있는 서비스 관리표를 만들고 싶어. 그것도 버셀에 배포할 거야.

확인: 문장이 들어갑니다.

83단계. 전송합니다. 확인: 클로드가 "데이터는 어디에 저장할 거냐"고 묻습니다. 브라우저에만 저장하면 다른 기기에서 볼 수 없고, 서버에 저장하려면 로그인과 데이터베이스가 필요하다는 선택지가 나옵니다.

84단계. 질문에서 "로그인 기능과 데이터베이스를 만드는 것"을 고릅니다. 확인: 선택이 표시됩니다.

85단계. 추가 기능 선택지에서 "차트", "캘린더", "자주 쓰는 서비스 목록"을 고릅니다. 확인: 세 항목이 선택됩니다.

86단계. "다른 사람도 각자 자기 구독을 관리할 수 있게" 해 달라고 답합니다. 확인: 클로드가 만들기 시작합니다.

87단계. 브라우저에서 Supabase 공식 사이트(supabase.com)를 엽니다. 확인: Supabase 사이트가 열립니다.

88단계. 회원 가입을 합니다. 확인: 가입이 끝나고 대시보드가 보입니다.

89단계. 클로드에게 아래 문장을 입력합니다.

프롬프트
수퍼베이스 CLI 설치해서 연동까지 해 줘

확인: 클로드가 Supabase CLI를 설치하고 연결을 시도합니다. 브라우저 로그인과 인증번호 입력을 하라고 하면 화면 안내대로 합니다. Supabase 무료 요금제는 활성 프로젝트를 두 개까지 만들 수 있습니다.

90단계. 로그인 방식을 물으면 "이메일 링크 로그인"을 고릅니다. 확인: 이메일 주소만 넣으면 로그인 링크가 메일로 오는 방식으로 만들어집니다. 카카오 로그인이나 구글 로그인도 붙일 수 있지만, 각 서비스에 앱을 등록하는 단계가 더 있어서 처음에는 이메일 링크가 가장 간단합니다.

91단계. 클로드가 Supabase 연결이 안 됐다고 하면 Supabase를 연결해 달라고 다시 요청합니다. 확인: "연결됐다"는 안내가 나옵니다. 무료 프로젝트 두 개를 이미 쓰고 있으면 새 프로젝트가 만들어지지 않습니다. Supabase 대시보드에서 안 쓰는 프로젝트 하나를 일시 정지(Pause)하면 됩니다. 처음 만드는 사람은 바로 연결됩니다.

92단계. 클로드가 로그인 주소(리디렉션 URL)를 등록해야 한다고 하면, 배포 후에 설정해도 되는지 확인하고 바로 배포해 달라고 요청합니다. 확인: 클로드가 Vercel 배포를 진행합니다. 배포가 끝나면 그 주소를 Supabase 대시보드의 Authentication → URL Configuration에 등록해야 로그인 링크를 눌렀을 때 내 사이트로 돌아옵니다. 클로드에게 "배포 주소를 Supabase 로그인 주소에 등록하는 방법 알려 줘"라고 물으면 위치를 알려 줍니다.

93단계. 배포가 끝나면 안내된 주소를 엽니다. 확인: "배포됐다, Supabase 로그인이 된다"는 안내와 함께 로그인 화면이 나옵니다.

94단계. 이메일을 입력해 로그인 링크를 요청합니다. 확인: 확인 메일이 옵니다. 안 보이면 스팸함도 봅니다.

95단계. 받은 메일의 링크를 클릭합니다. 확인: 바로 로그인되고 서비스 화면이 나옵니다. 디자인 지시를 따로 넣지 않으면 화면이 밋밋하게 나옵니다. 나중에 "카드형으로, 파스텔 색으로 다듬어 줘"처럼 디자인을 따로 요청합니다.

96단계. 구독 서비스를 하나 추가해 봅니다. 예를 들어 넷플릭스를 이름, 월 요금, 결제일과 함께 넣습니다. 확인: 월 지출과 결제일이 정리돼 표시됩니다.

97단계. 아래 문장으로 플랜 선택 기능을 요청합니다.

프롬프트
각 구독별로 플랜을 선택할 수 있도록 하고 싶어. 플랜별 가격도 조사해서 선택할 수 있게 수정해 줘

확인: 클로드가 수정을 시작합니다. 기다리는 동안 내 구독(AI 도구, 영상, 음악, 클라우드 등)을 하나씩 넣어 보면 한 달에 구독에 얼마를 쓰는지 한눈에 보입니다.

98단계. 작업이 오래 걸리면 채팅창에 "작업 진행 보고해 줘"라고 입력합니다. 확인: 클로드가 진행 상황을 설명합니다. "AI 도구 요금 조사가 아직 진행 중"처럼 어느 단계인지 알려 줍니다.

99단계. 수정이 끝나면 사이트를 다시 열어 봅니다. 고친 내용이 배포까지 됐는지 모르겠으면 "방금 수정한 것도 버셀에 다시 배포해 줘"라고 합니다. 확인: 구독 항목에서 플랜을 고를 수 있습니다. 조사해 넣은 플랜 가격은 실제 결제 금액과 다를 수 있으니 내 결제 내역과 한 번 맞춰 봅니다.

막힐 때 확인할 것

  • 같은 프롬프트인데 답이 다르다: AI는 확률이 높은 답을 고르므로 조금씩 다를 수 있습니다. 원하는 결과와 형식을 구체적으로 쓰면 큰 흐름은 같아집니다.
  • 더 이상 대화가 안 된다: 컨텍스트 윈도우가 100% 찬 경우입니다. /compact로 압축하거나 /clear로 비우고, 그래도 안 되면 새 대화를 엽니다.
  • 클로드를 아예 쓸 수 없다: 주간 한도가 100%가 된 경우입니다. 더 높은 요금제로 올리거나 재설정 시점까지 기다립니다.
  • 5시간 한도가 찼다고 뜬다: 세션 한도를 다 쓴 것입니다. 재설정 시각 뒤에 다시 씁니다. 가벼운 작업은 소넷이나 하이쿠로 바꾸면 한도를 덜 씁니다.
  • 스킬이 자동으로 안 쓰인다: 클로드가 스킬을 못 찾은 경우입니다. 스킬을 직접 언급하거나 /로 골라 다시 요청합니다.
  • Supabase 프로젝트가 안 만들어진다: 무료 프로젝트 한도에 걸렸을 수 있습니다. 기존 프로젝트 하나를 일시 정지합니다.
  • 로그인 링크를 눌러도 내 사이트로 안 돌아온다: Supabase의 URL Configuration에 배포 주소가 등록되지 않은 경우입니다. 92단계 안내대로 등록합니다.
  • 작업이 오래 걸린다: 조사 중일 수 있습니다. 진행 상황을 물어봅니다.

99단계를 마치면 남는 것

채팅 모드의 예약 자동화, PPT·엑셀 파일, 링크로 공유한 아티팩트, Gmail 커넥터, 내가 만든 스킬 하나, 그리고 배포된 게임 하나와 로그인되는 구독 관리표 하나가 남습니다. 같은 방식으로 웹페이지, 게임, 컴퓨터 프로그램, 모바일 앱까지 만들 수 있습니다. 원하는 것을 하나씩 입력하고, 배포는 어디에 할지, 데이터베이스는 무엇을 쓸지 정해 주면 됩니다.

자주 묻는 질문

클로드 데스크톱 앱과 웹 버전은 무엇이 다른가요?

대화 기능은 같지만, 데스크톱 앱은 내 컴퓨터의 폴더와 파일을 다루고 코드 모드에서 클로드 코드로 프로그램을 만들어 실행할 수 있습니다. 예약 작업도 앱이 켜져 있을 때 내 컴퓨터에서 돌아갑니다. 파일 작업이나 개발까지 할 생각이면 데스크톱 앱이 편합니다.

클로드는 무료로 어디까지 쓸 수 있나요?

무료 요금제로도 대화와 간단한 조사는 되지만, 쓸 수 있는 모델과 사용량이 적습니다. 클로드 코드와 상위 모델을 쓰려면 프로(월 20달러) 이상이 필요하고, 사용량이 모자라면 맥스로 올립니다. 요금과 한도는 바뀌니 공식 요금 안내를 확인합니다.

채팅 모드와 코드 모드는 언제 무엇을 쓰나요?

문서⁠·PPT·엑셀 만들기, 조사, 메일 정리, 예약 작업은 채팅 모드로 충분합니다. 웹사이트, 게임, 데이터베이스가 붙는 서비스처럼 여러 파일을 만들고 실행해야 하는 일은 코드 모드에서 폴더를 정해 놓고 합니다.

코드 모드로 만든 웹서비스를 배포하는 데 돈이 드나요?

개인 실습 범위라면 Vercel의 무료 요금제와 Supabase의 무료 요금제로 됩니다. Vercel 무료 요금제는 비상업용이고, Supabase 무료 요금제는 활성 프로젝트가 두 개까지입니다. 결제를 붙이거나 사용자가 많아지면 각 서비스의 유료 요금제를 검토합니다.

이 글의 본문은 아래 원본 유튜브 영상의 내용을 바탕으로 쓸모연구소가 다시 정리해 쓴 것입니다. 세부 내용과 최신 정보는 원본 영상과 공식 안내에서 확인해 주세요.

원본 영상 보러가기 ↗