터미널에 이미지 붙여넣기
스크린샷 한 장으로 AI에게 설명하기
이건 뭐예요?
Claude Code(클로드 코드) 터미널(검은색 명령창)에서 작업하다가 에러가 나면, 글로 장황하게 설명하는 것보다 화면을 캡처해서 AI에게 딱 보여주고 싶을 때가 있죠.
마치 친구에게 카카오톡으로 "이거 봐봐!" 하고 사진을 보내듯이, 터미널에서도 스크린샷을 바로 붙여넣어서 AI에게 보여줄 수 있어요. 이미지가 붙여넣어지면 [Image #1] 같은 표시가 나타나고, 그 뒤에 하고 싶은 말을 적으면 AI가 이미지를 보고 답변해줘요.
우리는 이렇게 쓰고 있어요
AI//STUDY 사이트를 만들 때도 이 기능을 정말 알차게 쓰고 있어요. 코딩을 1줄도 모르는 제가 글로 설명하는 것보다 스크린샷 한 장 툭 던져주는 게 훨씬 빠르거든요.
- 디자인 시안을 보여줄 때: 예쁜 사이트를 캡처해서 "이 디자인대로 만들어줘" 하고 붙여넣어요.
- 에러를 고칠 때: 시뻘건 에러 화면을 그대로 캡처해서 "이 에러 고쳐줘" 하고 붙여넣어요.
- 레퍼런스를 참고할 때: 다른 사이트의 특정 부분을 캡처해서 "딱 이런 느낌으로 만들어줘" 하고 붙여넣어요.
글자로 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를 치면 끝이에요.
플랫폼별 단축키 비교표
운영체제와 터미널 앱에 따라 단축키가 조금씩 달라요. 아래 표를 참고해 보세요.
| 환경 | 이미지 붙여넣기 단축키 | 참고 |
|---|---|---|
| Windows | Alt+V | Ctrl+V는 텍스트만 붙여넣어져요 |
| Mac (iTerm2) | Cmd+V | Option 키 설정 필요 없음 |
| Mac (기타 터미널) | Ctrl+V | VS Code 내장 터미널 포함 |
Mac에서 Alt+V(Option+V)를 쓰려면 터미널 설정에서 Option 키를 Meta 키로 바꿔야 해요. iTerm2라면 설정 > Profiles > Keys에서 "Left Option key"를 "Esc+"로 변경하면 돼요. 잘 모르겠다면 Cmd+V나 Ctrl+V를 먼저 시도해 보세요.
이런 분께 추천해요
- 에러 화면을 말로 설명하기 답답한 분: 에러 로그나 깨진 화면을 글자로 옮기느라 시간을 쓰고 계신 분이라면, 캡처 한 장이 열 줄의 설명을 대신해요.
- 원하는 디자인이 확고한 분: 핀터레스트나 멋진 웹사이트의 시안을 캡처해서 "이대로 만들어줘" 하고 지시하고 싶은 분이에요.
- 느낌을 정확히 전달하고 싶은 분: "여백을 조금 더...", "색깔을 좀 더..." 같은 애매한 말 대신, 레퍼런스 캡처로 정확한 느낌을 보여줄 수 있어요.
참고 링크
▸개정 이력1건
- v12026-04-12초판
이 글이 도움이 되었나요?