HTML 은 개발 언어입니다.
콩쓰

Lv.1 콩쓰 (116.♡.186.29)

2026년 5월 11일 PM 01:33

조회 6,694 공감 0

어그로성 제목에 죄송합니다....

앤트로픽 클로드 엔지니어 타리크씨가 쓴 글이 화제입니다.

X에서 Thariq 님 : "Using Claude Code: The Unreasonable Effectiveness of HTML" / X

요약하면 AI와 협업은 마크다운보다 HTML 형식이 효과적이라는 글입니다.

아래는 제미나이를 통해 해당글을 요약했습니다.

참고해주세요.


📄 요약: 왜 마크다운 대신 HTML인가?

기존에 AI가 답변할 때 주로 쓰던 마크다운은 100줄이 넘어가면 가독성이 떨어지고 시각적 표현에 한계(ASCII 아트 등)가 있습니다. 반면 HTML은 훨씬 더 강력한 소통 도구가 됩니다.

1. HTML의 주요 장점

  • 높은 정보 밀도: 표(Table), 디자인(CSS), 일러스트(SVG), 인터랙션(JS) 등을 활용해 단순 텍스트 이상의 정보를 전달할 수 있습니다.

  • 시각적 명확성: 탭(Tab) 구조, 링크, 반응형 디자인을 통해 복잡한 기획서나 코드 분석 결과를 훨씬 읽기 편하게 조직화합니다.

  • 공유의 용이성: 브라우저만 있으면 어디서든 바로 볼 수 있어 팀원들에게 전달하기 쉽습니다.

  • 양방향 상호작용: 문서 안에 슬라이더나 버튼을 넣어 설정을 조절하고, 그 결과를 다시 AI에게 전달하는 '도구'처럼 쓸 수 있습니다.


🛠 구체적인 활용 사례

타리크는 HTML을 단순한 문서가 아닌 '일회용 인터페이스'나 '고급 보고서'로 활용하라고 조언합니다.

구분

활용 방법

기획 및 탐색

여러 가지 디자인 시안을 그리드(Grid) 형태로 한눈에 비교하거나 데이터 흐름도 포함.

코드 리뷰

코드의 변경 사항(Diff)을 색상으로 구분하고, 복잡한 로직에 주석을 달아 시각적으로 설명.

디자인 프로토타입

애니메이션의 속도나 색상을 실시간으로 조절해 볼 수 있는 슬라이더가 포함된 테스트 페이지 제작.

보고서 및 학습

슬랙(Slack), 깃(Git) 히스토리 등을 분석해 시각적인 차트나 다이어그램이 포함된 주간 보고서 생성.

커스텀 편집기

티켓 우선순위를 드래그 앤 드롭으로 변경하고, 결과를 JSON으로 복사할 수 있는 임시 관리 도구 제작.


💡 시작하는 방법과 팁

  • 명령어: 거창한 설정 필요 없이 "HTML 파일로 만들어줘" 또는 "HTML 아티팩트(Artifact)로 제작해줘"라고 요청하면 됩니다.

  • 효율성: HTML은 마크다운보다 토큰을 더 많이 쓰고 생성 시간도 2~4배 더 걸리지만, 가독성과 활용도 면에서 그만한 가치가 충분하다고 강조합니다.

  • 단점: HTML 코드는 버전 관리(Git) 시 차이점(Diff)을 한눈에 파악하기 어렵다는 점이 유일한 단점으로 꼽힙니다.


📝 결론

타리크의 핵심 메시지는 "AI가 단순히 텍스트만 뱉는 기계가 아니라, 나를 위한 맞춤형 도구(HTML)를 즉석에서 만들어주는 파트너로 활용하라"는 것입니다.

댓글 (12)

  • 남극백곰

    남극백곰 Lv.1

    05.11 · 114.♡.188.135

    첨부 이미지

  • mtrz

    mtrz Lv.1

    05.11 · 180.♡.14.183

    html로 토큰을 더 쓰게 만들려는 술수입니다.

  • DINKIssTyle

    DINKIssTyle Lv.1

    05.11 · 61.♡.73.102

    마크다운이 보기 너무 편해서 요즘 왠만한 문서를 마크다운으로 만들고 있어서 괴리감이 있군요!

    프롬프트 엔지니어링에 그러면 html을 쓰라는것입니까!!! ㅋㅋㅋㅋ

  • 솔고래

    솔고래 Lv.1

    05.11 · 223.♡.95.181

    \(ㅇㅁㅇ)/ HTML!!

  • 지나가던행인이

    지나가던행인이 Lv.1

    05.11 · 61.♡.201.240

    저도 이거 HN에서 어제 보고 혹해서 좀 알아봤는데,

    일단 앤트로픽 직원 발언이라 공신력 보다는 자사 토큰팔이로 좀 삐딱한 시선으로 글을 봤구요 ㅎㅎ

    HTML이 출력 결과물에서 더 풍부하고 많은 표현을 할 수 있는 것도 사실이고 일회용 편집 인터페이스나 시각 데이터(다이어그램, 흐름도), S3로 공유 같은 부분은 좋은 방향이라고 봤습니다.

    하지만 일단 토큰을 2~4배 더 먹고(트레이드 오프), 글 자체도 실사례 보다는 그럴 가능성이 높다 식이어서 조금 걸렀구요.

    HN에서 댓글 중에 에이전트와 사람이 공동 편집의 어려움(거의 불가능) 같은 것도 좀 걸리더라구요. (하지만 나모웹에디터가 출동한다면!?), 추가로 글쓴이가 짚었던 것 처럼 문서인 주제에 버전관리도 좀 문제가 있습니다. 그래서 좋은 아이디어라고 보지만 제 입장에선 아직은 아닐건데? 라는 결론입니다 ㅎㅎ 좋은 분석글 감사합니다 👍 (그리고 HTML은 개발 언어가 맞습니다! 암요!)

  • 셀레본 Lv.1 → 지나가던행인이

    05.11 · 112.♡.41.1

    나모 웹 에디터로 저런 목적의 문서를 작성하시면 큰일납니다. 토큰 열배는 더 들어갈거예요.

    쓸데없는 태그도 어마어마하게 집어넣고 뭐 수정 한번 하면 불필요한 들여쓰기에 삭제해야 할걸 그냥 남겨두는 경우도 많고, 장난 아닙니다. 전에 한번 나모 웹 에디터로 작성한 html 페이지가 별거 없는데도 한번 띄우는데 시간이 한참 걸리길래 이상하다 싶어서 동일한 페이지를 손으로 작업해 봤는데.... 몇십배 차이나는 경우도 있더군요.

  • kita

    kita Lv.1

    05.11 · 106.♡.77.136

    미군 특수부대 아니었읍니까?

  • 높다란소나무

    높다란소나무 Lv.1

    05.11 · 108.♡.202.71

    개인적으로 html과 markdown사이에 절충된 포맷이 있었으면 합니다. 누군가 만든게 있지 않으려나요.

  • 만두의전설 Lv.1

    05.11 · 118.♡.4.58

    결과물의 형태가 어떠냐에 따라 갈릴 것 같은데요. 그래픽 표현 등이 들어가거나 제출용 보고서라면 당연히 HTML이 나을 건데, 텍스트로 끝나는 출력이면 굳이 HTML로 해야할 필요는 없어 보입니다. 토큰팔이에 한표에요

  • 김링크

    김링크 Lv.1

    05.11 · 210.♡.105.1

    HTML문법으로 출력하라는게 아니라 .HTML 파일로 출력하라는 이야기네요.

    .HTML파일에는 벼래별게 다 들어갈 수 있으니까요 ㅎㅎ

댓글을 작성하려면 이 필요합니다.