클로드는 어디까지 진화할까? - 클로드의 업무 능력 활용기(feat. svg)
안녕하세요, AI Korea Community 뉴스레터 집필진 Sai 김진환입니다.
이번 뉴스레터는 계속 핫해지고 있는 클로드의 SVG활용을 통해 어떤 업무들을 해볼 수 있는지 알아보려고 합니다. AI 커뮤니티에서 이러한 활용도가 점점 늘어나고 있는데, 어떻게 클로드를 활용할 수 있는지 알아보겠습니다.
왜 클로드에서는 이런게 되요?
클로드는 웹기반 언어가 실행되는 구조를 가지고 있습니다. 그 중 실행되는 언어인 SVG는 '확장 가능한 벡터 그래픽(Scalable Vector Graphics)'의 약자로, 웹에서 사용되는 XML 기반 벡터 이미지 형식입니다. Claude에서 SVG를 활용할 수 있는 이유와 그 특징을 설명해 드리겠습니다
SVG의 주요 특징:
- 텍스트 기반 형식: SVG는 XML 코드로 작성되어 있어 텍스트 형태로 처리할 수 있습니다.
- 벡터 기반: 픽셀 기반 이미지와 달리 크기를 조절해도 품질이 저하되지 않습니다.
- 프로그래밍 가능: 코드로 모양, 색상, 애니메이션 등을 정의할 수 있습니다.
Claude에서 SVG를 활용하는 방법:
- 간단한 도형 생성 (원, 사각형, 다각형 등)
- 차트나 다이어그램 제작
- 로고나 아이콘 디자인
- 인포그래픽 제작
- 간단한 일러스트레이션 생성
SVG는 텍스트로 정의되기 때문에 Claude같은 AI가 생성하고 조작하기에 적합합니다. 실제로 이미지를 그리는 것이 아니라 이미지를 그리는 '코드'를 작성하는 것이기 때문입니다.
그래서 요즘에는 PPT나 문서화를 다음과 같이 AI를 활용하여 진행하는 경우가 많은데요. HTMX라고 해서 인터렉티브 웹을 사용하면 클로드에서 보는 것과 비슷하게 코드로 된 문서 및 자료를 깔끔하게 PPT 나 발표형식으로 구성하는 경우도 찾아볼 수 있습니다.
그럼 이제 클로드로 무엇을 할 수 있는지 볼까요?
1. 대시보드 만들기
클로드는 대시보드를 잘 만듭니다. 일반 그래프를 그리는 것을 넘어 인터렉티브 차트도 가능합니다. 초기 대시보드 구성이 참 어려운데, 아이디어를 얻어낼수 있고, 원하는 차트를 데이터에 맞게 선그래프, 막대그래프, 파이차트 등 잘 구성합니다. 아래 프롬프트와 예시 화면 URL을 첨부하니 한번 직접 활용해보세요.
가입자수, 방문자수, 뉴스레터 이용 시간, 뉴스레터 접속 경로(아이폰,안드로이드,웹) 이 4가지 자료에 대해서 대시보드 그림을 그려줘
[해당 URL 공유]
2. 장표 도식화하기
이제 논문이나 신문기사 정리는 클로드를 통해 깔끔하게 하셔도 될거 같아요. SVG를 활용해서 여러분들이 필요한 내용을 캡처, 복사 붙여넣기 등을 하시거나 문서를 첨부하시면 그에 맞게 잘 작성하는 클로드를 보실수 있으실거에요.
[관련 URL]
3. 초기 MVP 버전 랜딩페이지 및 초기화면 구성
한국은 현재 예비창업패키지, 초기창업패키지 시즌이죠? 프롬프트 하나면 랜딩페이지나 초기 화면구성은 물론 다음 화면으로 넘어가는 것까지 구현이 가능합니다. 만약 React에 대한 부분과 결합을 하면 해당 화면에서 넘어가는 것까지 와이어프레임을 작업할 수도 있습니다.
[관련 URL]
4. 트리구조 이미지 그리기
조직에 대한 점검을 하거나 경영 의사결정, 가설설정등을 할때 트리구조의 차트를 많이 사용하게 되는데요. 이러한 이미지도 그려주고, 아이디어도 얻을 수 있습니다. 이런 차트를 그릴때에도 구조와 깊이 등을 생각하는게 생각보다 쉽지 않은데 클로드를 활용하면 트리구조 이미지도 금방 그릴수 있습니다.
[관련 URL]
마무리
오늘은 글보다는 사례를 중심으로 작성해보았습니다. 흥미가 있으셨는지 모르겠네요. 스레드나 AI 관련 커뮤니티에 참여하시는분들은 한번씩은 해당 사례들을 보셨겠지만 아직 모르시는분들이 있을거같아 작성해보았습니다.
클로드의 발전은 Chat GPT나 DeepSeek에 비해 더 많은 놀라움을 주고 있습니다. 어쩌면 컨셉뿐만 아니라 실력적으로 고객이 원하는 것들을 잘 도출하고 있다고 생각이 드는데요. 개발 업계 및 개발 교육을 할때에도 AI 툴에서 많이 사용되는 언어를 기반으로 업무 및 교육을 해야할지 모르겠습니다. Chat GPT의 경우는 파이썬이 실행되는 구조이고, Claude는 웹기반 React, html, css, svg등이 실행되는 구조를 가지고 있는데 이에 따라 언어의 인기차트도 어떻게 변화되는지 궁금하네요.
감사합니다. 좋은 하루 보내세요.
[저자 관련 정보]
이름: 김진환
이메일 주소: happydata1510@gmail.com
소속: 주식회사 위니브 데이터 Lead / 고려대학교 빅데이터사이언스학부 겸임교수, 경제통계학 박사수료
트렌드 도구👀
- Fyxer ai > 골치아픈 이메일 인박스는 이제 안녕! 똑똑한 AI 이메일 비서
- Readdy > 한국어 채팅도 가능한 AI 홈페이지 제작 서비스.
- Felo.ai > 논문 찾기와 에이전트 검색에 특화된 에이전트 비서.
- Heygen > 나만의 커스텀 AI 아바타 만들기의 선두주자.
- Mixo > AI로 웹사이트 손쉽게 만들기.
- MAKE > AI 자동화 워크 플로우.
- Teamsaver.ai > 이메일을 통해 매일 팀 업데이트를 수집하는 AI 에이전트.
- Skyvern 2.0 > 일반 영어로 AI 브라우저 에이전트를 구축합니다.
- AI Dialog 1.0 재생 > 매우 감성적인 AI 텍스트 음성 변환 모델입니다.
- Gamma 프레젠테이션, 웹페이지, 문서뿐만 아니라 소셜 미디어 형식까지 손쉽게 AI로 제작 (최근 업데이트)
- 1legion 절반 가격으로 누리는 고성능 클라우드 컴퓨팅
*Affiliate links and regular links may be included.
뉴스레터 광고 공간 (광고주를 모집합니다)
For newsletter banner advertising inquiries, please contact: Bopyo@aikoreacommunity.com
이곳에 서비스를 소개하세요!
뉴스레터 배너 광고 문의: Bopyo@aikoreacommunity.com
뉴스레터 편집장 소개
- 보표 홈페이지
- https://amzbopyo.com/
- 보표 SNS
- 보표 레터: https://www.bopyoletters.com/
- X(트위터): https://twitter.com/AIBopyo
- 스레드: https://www.threads.net/@bopyo.amz
- 링크드인: https://www.linkedin.com/in/bopyo-park-848631231/
- 인스타그램: https://www.instagram.com/bopyo.amz/
- AI 코리아 커뮤니티 아카데미
- https://app.aikoreacommunity.com/collections/932400
){kind=link}