xtermjs/xterm.js

어떤 프로젝트인가요?

핵심 기능

• 01마우스 이벤트를 포함해 bash, vim, tmux 같은 일반적인 터미널 앱을 실행할 수 있습니다.
• 02CJK 문자, 이모지, IME를 지원합니다.
• 03GPU 가속 WebGL 렌더러를 선택적으로 사용할 수 있습니다.
• 04코어 라이브러리에 종속성이 없으며 npm 패키지로 배포됩니다.
• 05검색, 웹 링크, 크기 맞춤, 이미지 등을 위한 공식 애드온을 제공합니다.

활용 사례

• 온라인 IDE나 클라우드 개발 환경에 웹 기반 터미널 추가하기.
• websocket으로 연결되는 브라우저 SSH 또는 원격 셸 클라이언트 구축하기.
• 대시보드에서 터미널 렌더링으로 컨테이너 또는 빌드 로그를 실시간으로 표시하기.
• Node.js에서 헤드리스 터미널을 실행해 세션 상태를 저장하고 복원하기.

빠른 시작

1. 1

   npm에서 모듈을 설치합니다

   npm install --save @xterm/xterm
2. 2

   코드에서 Terminal을 가져옵니다

   import { Terminal } from '@xterm/xterm';
3. 3

   터미널을 생성하고 요소에서 연 다음 내용을 씁니다

4. 4

   페이지에 xterm.css 스타일시트를 포함합니다

사용 전 알아둘 점

• !브라우저용 프런트엔드 구성 요소이며, 독립 실행형 터미널 애플리케이션이 아닙니다.
• !bash와 같은 명령을 실행하려면 node-pty 같은 백엔드 프로세스에 연결해야 합니다.

토픽

자주 묻는 질문

xterm.js은(는) 무엇인가요?

웹 앱에 다양한 기능을 갖춘 터미널을 임베드할 수 있는 브라우저용 프런트엔드 터미널 컴포넌트로, VS Code와 Hyper에서 사용됩니다. Xterm.js는 웹 애플리케이션에서 브라우저 안에 완전한 터미널을 표시할 수 있게 해주는 프런트엔드 컴포넌트입니다. VS Code와 그 포크, Tabby, Hyper 같은 프로젝트에서 사용됩니다. npm에서 @xterm/xterm으로 설치할 수 있으며, 코어 라이브러리에는 종속성이 없습니다.

xterm.js은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

xterm.js은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

xterm.js은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. xterm.js의 마지막 커밋은 2026년 10월 13일입니다.

xterm.js은(는) 어디에 사용할 수 있나요?

온라인 IDE나 클라우드 개발 환경에 웹 기반 터미널 추가하기. websocket으로 연결되는 브라우저 SSH 또는 원격 셸 클라이언트 구축하기. 대시보드에서 터미널 렌더링으로 컨테이너 또는 빌드 로그를 실시간으로 표시하기. Node.js에서 헤드리스 터미널을 실행해 세션 상태를 저장하고 복원하기.

xterm.js는 어떻게 설치하나요?

npm에서 모듈을 설치합니다: npm install --save @xterm/xterm 코드에서 Terminal을 가져옵니다: import { Terminal } from '@xterm/xterm'; 터미널을 생성하고 요소에서 연 다음 내용을 씁니다 페이지에 xterm.css 스타일시트를 포함합니다

xterm.js은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/xtermjs/xterm.js