터미널에 이미지 붙여넣기

스크린샷 한 장으로 AI에게 설명하기

이건 뭐예요?

Claude Code(클로드 코드) 터미널(검은색 명령창)에서 작업하다가 에러가 나면, 글로 설명하는 것보다 화면을 캡처해서 AI에게 보여주고 싶을 때가 있죠.

마치 친구에게 카카오톡으로 "이거 봐봐" 하고 사진을 보내듯이, 터미널에서도 스크린샷을 바로 붙여넣어 AI에게 보여줘요. 이미지가 붙여넣어지면 [Image #1] 같은 표시가 나타나고, 그 뒤에 하고 싶은 말을 적으면 AI가 이미지를 보고 답변해줘요.

---

우리는 이렇게 쓰고 있어요

오토프로그 랩스 사이트를 만들 때도 이 기능을 자주 써요. 코딩을 1줄도 모르는 제가 글로 설명하는 것보다 스크린샷 한 장을 보여주는 게 빠르거든요.

1. 디자인 시안을 보여줄 때: 예쁜 사이트를 캡처해서 "이 디자인대로 만들어줘" 하고 붙여넣어요.
2. 에러를 고칠 때: 에러 화면을 그대로 캡처해 "이 에러 고쳐줘"라고 보내면 돼요.
3. 레퍼런스를 참고할 때: 다른 사이트의 특정 부분을 캡처해서 "이런 느낌으로 만들어줘" 하고 붙여넣어요.

글자로 10줄 넘게 설명할 내용을 스크린샷 한 장으로 끝내니까, 바이브 코딩(AI에게 방향만 지시하고 코드를 짜게 하는 방식)의 속도가 빨라져요.

---

한번 써볼까요?

이미지 붙여넣기는 3단계만 기억하시면 돼요.

1단계: 화면 캡처하기

원하는 화면을 캡처해서 클립보드(컴퓨터의 임시 기억 장소)에 복사해요.

• Windows: Win + Shift + S
• Mac: Cmd + Shift + 4

2단계: 터미널에 붙여넣기

Claude Code 대화창에서 아래 단축키를 눌러주세요. 일반 붙여넣기(Ctrl+V)와 다르니 주의하세요.

• Windows: Alt + V
• Mac (iTerm2): Cmd + V
• Mac (기타 터미널): Ctrl + V

3단계: 지시문 입력하기

이미지가 [Image #1] 형태로 붙여넣어지면, "이 화면에서 버튼 색상을 빨간색으로 바꿔줘"처럼 AI가 해야 할 일을 적고 Enter를 치면 끝이에요.

---

플랫폼별 단축키 비교표

운영체제와 터미널 앱에 따라 단축키가 조금씩 달라요. 표를 참고하세요.

---

이런 분께 추천해요

• 에러 화면을 말로 설명하기 답답한 분: 에러 로그나 깨진 화면을 글자로 옮기느라 시간을 쓰고 계신 분이라면, 캡처 한 장이 열 줄의 설명을 대신해요.
• 원하는 디자인이 확고한 분: 핀터레스트나 멋진 웹사이트의 시안을 캡처해서 "이대로 만들어줘" 하고 지시하고 싶은 분이에요.
• 느낌을 정확히 전달하고 싶은 분: "여백을 조금 더...", "색깔을 좀 더..." 같은 애매한 말 대신, 레퍼런스 캡처로 정확한 느낌을 보여줘요.

---

참고 링크

• Claude Code 인터랙티브 모드 공식 문서 (단축키 표 포함)