Codeshot

X(Twitter)에서 코드를 붙여넣으면 자동으로 예쁜 이미지로 변환해주는 확장 프로그램

🎯 한 줄 요약 X(Twitter)에서 코드를 붙여넣으면 자동으로 예쁜 이미지로 변환해주는 확장 프로그램 개발자라면 공감하실 거예요 X(트위터)에서 코드를 공유하고 싶은데... 그냥 텍스트로 올리면 가독성이 영 별로죠. 들여쓰기도 무너지고, 신택스 하이라이팅도 없고, 뭔가 허전합니다. 그래서 보통은 이런 과정을 거치게 됩니다: 1. 코드 복사 2. ray.so나 carbon.now.sh 같은 사이트 접속 3. 코드 붙여넣기 4. 테마 선택, 설정 조정 5. 이미지 다운로드 6. 다시 X로 돌아와서 이미지 업로드 ...솔직히 번거롭지 않나요? 😅 Codeshot은 이 모든 과정을 Ctrl+V 한 번으로 줄여줍니다. 어떻게 동작하나요? 정말 간단합니다. 1. 코드를 복사합니다 (VS Code, IntelliJ, 어디서든) 2. X.com 트윗창에 붙여넣기합니다 3. 코드가 감지되면 "코드를 이미지로 변환할까요?" 모달이 뜹니다 4. Enter 누르면 끝! 🎉 자동으로 예쁜 코드 이미지가 생성되어 트윗에 첨부됩니다. 혹시 그냥 텍스트로 붙여넣고 싶다면? Esc를 누르거나 취소 버튼을 클릭하면 됩니다. 바로 이미지로 변환하고 싶다면? Ctrl+Shift+V (Mac: Cmd+Shift+V)를 쓰면 모달 없이 즉시 변환됩니다. 주요 기능 🔍 스마트 코드 감지 붙여넣는 내용이 코드인지 일반 텍스트인지 자동으로 판단합니다. IDE에서 복사한 코드는 더 정확하게 인식하고, 휴리스틱 분석으로 일반 텍스트 에디터에서 복사한 코드도 잘 감지합니다. 🎨 6가지 테마 • Dracula - 인기 있는 보라색 계열 다크 테마 (기본값) • GitHub Dark - GitHub 스타일의 깔끔한 다크 테마 • GitHub Light - 밝은 배경을 선호하시는 분을 위한 라이트 테마 • Monokai - Sublime Text로 유명해진 클래식 테마 • One Dark - Atom 에디터의 시그니처 테마 • Nord - 북유럽 감성의 차분한 블루 테마 ⚙️ 세부 설정 • 폰트 크기 조절 (12px ~ 20px) • 폰트 선택 (JetBrains Mono, Fira Code, SF Mono, Menlo, Consolas 등) • 줄 번호 표시 On/Off • 최대 라인 수 제한 (긴 코드 자동 잘림) ⌨️ 키보드 단축키 • Ctrl/Cmd + V - 붙여넣기 (코드 감지 시 모달 표시) • Ctrl/Cmd + Shift + V - 즉시 이미지 변환 (모달 스킵) • Enter - 변환 확인 • Esc - 취소 (텍스트로 붙여넣기) 지원하는 언어 Shiki 문법 하이라이터를 사용해서 거의 모든 프로그래밍 언어를 지원합니다: JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, Ruby, PHP, Swift, Kotlin, Scala, HTML, CSS, SCSS, SQL, Shell/Bash, PowerShell, JSON, YAML, XML, Markdown, GraphQL, Docker, Terraform 등등... 그리고 언어를 자동으로 감지해서 적절한 하이라이팅을 적용합니다! 이런 분들께 추천합니다 ✅ X에서 기술 콘텐츠를 자주 공유하는 개발자 ✅ 코드 스니펫을 예쁘게 공유하고 싶은 분 ✅ ray.so, carbon.now.sh 왔다갔다 하기 귀찮으신 분 ✅ 트위터에서 #개발 #프로그래밍 태그로 활동하시는 분 ✅ 기술 교육 콘텐츠를 만드시는 분 개인정보 및 보안 Codeshot은 여러분의 코드를 어디에도 전송하지 않습니다. • 모든 이미지 생성은 로컬 브라우저에서 처리됩니다 • 외부 서버로 코드가 전송되지 않습니다 • 클립보드 데이터는 이미지 생성 후 즉시 폐기됩니다 • 설정 데이터만 Chrome sync storage에 저장됩니다 (테마, 폰트 등) 오픈소스 프로젝트이니 코드가 궁금하시면 직접 확인해보세요! 사용 팁 💡 1. IDE에서 복사하면 더 정확해요 VS Code, IntelliJ, Sublime Text 등 IDE에서 코드를 복사하면 MIME 타입 정보가 함께 복사되어 코드 감지가 더 정확합니다. 2. 짧은 코드는 더 예뻐요 트윗에 첨부되는 이미지 특성상, 10~30줄 정도의 핵심 코드가 가장 보기 좋습니다. 너무 긴 코드는 설정에서 최대 라인 수를 조절해보세요. 3. 테마는 취향껏! 다크 테마가 대세이긴 하지만, 가독성을 위해 GitHub Light 테마를 선호하는 분들도 많습니다. 여러 테마를 시험해보고 자신만의 스타일을 찾아보세요. 4. 팝업에서 미리보기 확장 프로그램 아이콘을 클릭하면 설정 팝업이 열립니다. 여기서 테마와 설정을 바꾸면 다음 변환부터 적용됩니다. 피드백 & 문의 버그 리포트, 기능 제안, 또는 그냥 인사라도 환영합니다! 😊 GitHub Issues나 X로 연락주세요. Codeshot과 함께 더 예쁜 코드 공유를! 🚀