‘나한테 딱 맞는 툴’은 왜 항상 없을까요?
업무를 하다 보면 정말 사소하지만 꼭 필요한 기능들이 있습니다. 예를 들어 복잡한 엑셀 수식을 매번 치기 귀찮아 나만의 '견적 마진율 계산기'가 필요하다거나, 뽀모도로(Pomodoro) 방식에 화이트 노이즈 기능이 결합된 '맞춤형 타이머'가 아쉬운 순간들이죠.
이럴 때마다 앱스토어를 뒤적이거나 크롬 익스텐션을 설치해 봅니다. 하지만 내가 원하는 기능은 쏙 빠져있거나, 거추장스러운 광고가 덕지덕지 붙어있기 일쑤입니다. “아, 내가 코딩만 할 줄 알았어도 이거 그냥 하루 만에 뚝딱 만드는 건데...”라는 한탄, 직장인이라면 누구나 한 번쯤 해보셨을 겁니다. 그런데 기쁜 소식이 있습니다. 이제 진짜 코딩을 전혀 몰라도 나만의 웹앱을 뚝딱 만들 수 있는 시대가 왔습니다.
대화의 한계를 부순 혁명, Claude Artifacts
최근 AI 업계를 가장 뜨겁게 달군 기능은 단연 앤스로픽(Anthropic)이 출시한 'Claude Artifacts(클로드 아티팩트)'입니다. 기존 ChatGPT와 같은 인공지능은 우리가 질문하면 단순히 '텍스트 코드'를 뱉어내는 데 그쳤습니다. 그 코드를 복사해서 어디에 붙여넣고 어떻게 실행하는지는 온전히 사용자의 몫이었죠. (비개발자에게는 여기서부터가 장벽이었습니다.)
하지만 Claude Artifacts는 다릅니다. 클로드에게 무언가를 만들어 달라고 요청하면, 채팅창 우측에 별도의 전용 캔버스(Artifact 화면)가 열립니다. 그리고 클로드가 작성 중인 코드가 실시간으로 렌더링 되어 눈앞에서 완벽하게 작동하는 진짜 UI 화면(결과물)으로 나타납니다. 우리는 엑셀 함수를 짜는 것보다 더 쉬운 '자연어(한국어)'만으로, 복잡한 리액트(React) 기반의 웹앱을 실시간으로 피드백하며 완성해 나갈 수 있게 된 것입니다.
프롬프트 하나로 끝나는 '마진율 계산기' 만들기
백문이 불여일견! 실제로 클로드를 켜고 저를 따라 나만의 '상품 마진율 계산기'를 1분 만에 만들어 보겠습니다.
1단계: Artifacts 기능 활성화
Claude 채팅창 하단 좌측의 내 프로필을 클릭하고 Feature Preview(기능 미리보기)에 들어가서 Artifacts를 활성화 켜줍니다. (무료 사용자도 가능합니다!)
2단계: 요구사항(프롬프트) 입력하기
채팅창에 다음과 같이 입력하세요.
*"오픈마켓 판매자를 위한 '마진율 통합 계산기' 웹앱을 만들어줘. 왼쪽에는 판매가, 매입가, 플랫폼 수수료(%), 배송비를 입력하는 칸이 있고, 오른쪽에는 한눈에 볼 수 있는 총마진액과 마진율(%) 결과를 커다란 카드로 띄워줘. 디자인은 깔끔한 토스(Toss) 앱 스타일의 푸른색 톤으로 부탁해."*
3단계: 실시간 수정(Iteration) 거치기
엔터를 치자마자 우측 화면에 우리가 원하던 예쁜 계산기가 나타납니다! 값을 입력하면 즉시 결과가 계산됩니다. 만약 버튼 색상을 바꾸고 싶거나 '부가세 처리' 기능을 더하고 싶다면, 다시 채팅창에 "부가세 10% 제외 옵션 버튼도 화면에 추가해 줘"라고 말하면 끝입니다. 수정된 디자인과 코드가 10초 만에 바로 반영됩니다.
내 웹앱을 링크 하나로 배포하기
마음에 쏙 드는 계산기를 완성하셨나요? 여기서 끝이 아닙니다. 우측 상단의 Publish(발행) 버튼을 누르면 이 계산기를 곧바로 세상에 공유할 수 있는 퍼블릭 링크가 생성됩니다.
내 팀원들과 슬랙 방에 이 링크를 복사해서 공유하면, 그들도 나와 똑같은 마진율 계산기를 언제든 띄워놓고 업무에 활용할 수 있습니다. 도메인을 파고, 서버를 대여하고 깃허브(GitHub)에 올리던 복잡한 앱 배포 과정이, 버튼 한 번 딸깍 누르는 것으로 혁신적으로 단축된 셈입니다.
이제 상상은 곧 현실이 됩니다
Claude Artifacts는 머릿속에 맴돌던 막연한 아이디어들을 그 어떤 장벽 없이 눈앞에 현실로 끄집어내는 가장 완벽한 캔버스입니다. 개발자 기획서를 쓰느라 며칠을 고생할 필요도, 외부 에이전시를 구하느라 수백만 원을 쓸 필요도 없습니다.
오늘 여러분이 불편하다고 느꼈던 엑셀 작업이나 사소한 기획을 클로드 창에 뱉어보세요. 평범한 직장인이 '1인 개발자'가 되는 짜릿한 경험을 바로 시작할 수 있습니다.
