개요
Hyper는 웹 기술(Electron) 기반의 아름답고 확장 가능한 터미널 에뮬레이터. HTML/CSS/JS로 완전히 커스터마이징 가능. 플러그인 생태계로 기능 확장. 크로스플랫폼(macOS·Windows·Linux). Vercel(구 Zeit) 개발.
핵심 특징
| 특징 | 설명 |
|---|
| 웹 기술 기반 | HTML/CSS/JS로 UI 완전 커스텀 |
| 플러그인 | npm 패키지로 기능 확장 |
| 테마 | CSS로 자유로운 외관 변경 |
| 크로스플랫폼 | macOS, Windows, Linux |
| 탭·분할 | 멀티탭 + 화면 분할 |
| 설정 | ~/.hyper.js (JavaScript) |
설치
# macOS
brew install --cask hyper
# 또는 공식 사이트에서 다운로드
# https://hyper.is
설정 (~/.hyper.js)
module.exports = {
config: {
// 폰트
fontSize: 14,
fontFamily: '"JetBrains Mono", monospace',
// 색상
cursorColor: '#ff6600',
foregroundColor: '#fff',
backgroundColor: '#000',
// 테두리
borderColor: '#333',
// CSS (완전 자유)
css: '',
termCSS: '',
// 셸
shell: '/bin/zsh',
// 플러그인 설정
hyperBorder: {
borderColors: ['#fc1da7', '#fba506'],
borderWidth: '4px',
},
},
// 플러그인 목록
plugins: [
'hyper-snazzy', // 테마
'hyperborder', // 테두리 효과
'hyper-search', // 검색
'hyper-pane', // 패널 관리
'hyperlinks', // 클릭 가능 링크
],
};
플러그인 생태계
인기 플러그인
| 플러그인 | 기능 |
|---|
| hyper-snazzy | 인기 컬러 테마 |
| hyper-material-theme | Material Design 테마 |
| hyperborder | 그라디언트 테두리 |
| hyper-search | 텍스트 검색 |
| hyper-pane | 패널 네비게이션 개선 |
| hyperlinks | URL 클릭 가능 |
| hyper-tab-icons | 탭에 프로세스 아이콘 |
| hyper-opacity | 투명도 조절 |
| gitrocket | git push 시 로켓 애니메이션 |
| hyperpower | 타이핑 시 파티클 효과 |
플러그인 설치
# CLI로 설치
hyper i hyper-snazzy
# 또는 ~/.hyper.js의 plugins 배열에 추가
plugins: ['hyper-snazzy']
장단점
장점
✅ 아름다운 기본 UI
✅ 웹 기술 = CSS로 무한 커스텀
✅ npm 플러그인 생태계 풍부
✅ 크로스플랫폼 일관된 경험
✅ JavaScript 설정 = 프로그래머블
✅ Vercel 브랜드 신뢰
✅ MIT 오픈소스
단점
✗ Electron = 무거움 (RAM 200MB+)
✗ 시작 시간 느림 (네이티브 대비)
✗ 입력 지연 체감 (GPU 가속 터미널 대비)
✗ 한국어 IME 이슈 가능
✗ Electron 보안 공격 표면
✗ 배터리 소모 큼 (노트북)
vs 다른 터미널
| 항목 | Hyper | Alacritty | Kitty | Warp | iTerm2 |
|---|
| 렌더링 | Electron | OpenGL | OpenGL | GPU | Metal |
| 무게 | 무거움 | 가벼움 | 중간 | 무거움 | 중간 |
| 커스텀 | CSS/JS ⭐ | TOML | conf | 제한 | GUI |
| 플러그인 | npm ⭐ | ❌ | 제한 | ❌ | ❌ |
| 속도 | 느림 | 최빠름 | 빠름 | 중간 | 중간 |
| 플랫폼 | 크로스 | 크로스 | 크로스 | 크로스 | macOS |
| AI | ❌ | ❌ | ❌ | ✅ | ❌ |
→ Hyper의 niche: “웹 개발자가 가장 편하게 커스텀할 수 있는 터미널”
누구에게 적합한가?
| 적합 | 부적합 |
|---|
| 웹 개발자 (HTML/CSS/JS 익숙) | 성능 최우선 |
| 아름다운 터미널 원함 | 경량 환경 필요 |
| 플러그인으로 확장 원함 | 배터리 절약 중요 |
| 크로스플랫폼 일관성 | 네이티브 속도 중요 |
| 재미있는 효과 (파티클 등) | 한국어 입력 많음 |
Vercel 생태계
Vercel 관련 도구들:
- Next.js (React 프레임워크)
- Turborepo (모노레포)
- SWC (Rust 기반 컴파일러)
- v0 (AI 코드 생성)
- Hyper (터미널) ⭐
→ 관련: 웹 프레임워크
관련 항목