Ruby로 코드 에디터 구축하기: Gladiator 오픈 소스 프로젝트 데모 및 아키텍처

### Ruby로 코드 에디터 구축하기: 글래디에이터 프로젝트

* 💻 30년 이상의 프로그래밍 경력을 가진 시니어 풀스택 개발자인 앤디 말레는 루비 기반 코드 편집기인 글래디에이터에 대해 발표했습니다.
* 👨 그는 객체 지향적 특성, 동적 타이핑, 메타프로그래밍 및 임베디드 DSL 지원, Rails와 유사한 생산성을 강조하며 Ruby를 선택했습니다.
* ⚙ Gladiator의 아키텍처는 명령, 컴포지트, 어댑터, 옵저버와 같은 디자인 패턴과 함께 MVC 및 MVP 패턴을 사용하며 Glimmer GUI DSL을 활용합니다.
* 🧰 에디터는 JRuby를 사용하여 구축되어 SWT와 같은 Java 라이브러리와 통합되며 Glimmer DSL, SWT, FileWatcher, 클립보드와 같은 Ruby 젬을 활용합니다.
* 🖥 30개 이상의 언어에 대한 구문 강조 표시, 찾기 및 바꾸기, 파일 트리 탐색, 스크래치 패드, 다중 탭, 분할 창, 키보드 단축키를 제공합니다.
* 🗂 파일 트리 탐색 컴포넌트는 선언적 코드로 GUI 구조를 미러링하고 효율적인 모집단을 위해 데이터 바인딩을 활용하는 SWT용 Glimmer DSL을 사용하여 구축되었습니다.
* 🔍 파일 조회 목록은 UI와 모델 간의 양방향 업데이트를 위해 데이터 바인딩을 사용하며 키보드 및 마우스 동작에 대한 리스너를 포함합니다.
* 🔄 개발 프로세스에는 7가지 가이드라인이 포함된 유연한 '글리머 프로세스'에 따라 점진적으로 기능을 추가하고, 소규모로 시작하여 추가 개발에는 Gladiator 자체를 사용했습니다.

### 글리머로 Ruby에서 코드 에디터 구축하기

* 📌 MVC 패턴을 구현하면 한 줄로 모델을 업데이트하여 다른 코드가 새 탭에서 파일을 열도록 트리거하므로 코드가 깔끔하게 유지됩니다.
* 📌 드래그 앤 드롭 기능으로 화면을 간편하게 분할하고 새 편집기를 열 수 있으며, 양방향 데이터 바인딩으로 편집기 간에 스크롤이 동기화됩니다.
* 💻 텍스트 편집기에는 줄 번호, 스타일이 지정된 텍스트(예: HTML), 스크롤 동기화를 위한 'topPixel'과 같은 속성에 대한 데이터 바인딩 기능이 있습니다.
* 💻 구문 강조 표시 기능은 루즈 라이브러리를 사용하여 텍스트를 토큰으로 렉싱하고 언어(예: 루비, 마크다운, 크리스탈)에 따라 스타일을 지정합니다.  Rouge는 100개 이상의 언어를 지원합니다.
* 🗂 탭은 탭 폴더로 관리되어 탭을 생성, 끌어서 놓기, 닫기할 수 있으며, Ruby의 방식은 HTML에 비해 탭 관리를 간소화합니다.
* ⌨ 키보드 단축키는 `verifyKey` 리스너를 사용하여 화면에 문자가 나타나기 전에 명령(들여쓰기, 실행 취소, 다시 실행 등)을 트리거하고, 실행 취소/다시 실행은 명령 패턴을 사용합니다.
* ⚙ 깔끔한 코드를 위해 `eval` 대신 `load`를 사용하고, 별도의 스레드가 파일 감시자 젬을 사용하여 파일 시스템에서 변경 사항을 모니터링하는 Ruby 코드를 실행합니다.
* ✨ 향후 기능에는 파일 콘텐츠 검색, 테마, 보다 공식적인 확장 프로세스, 향상된 Windows/Lux 지원 등이 포함됩니다.

Ruby 기반 코드 편집기인 Gladiator는 구문 강조 표시, 찾기/바꾸기, 분할 창 기능을 제공합니다.

How I Built My Code Editor in Ruby by Andy Maleh (Montreal.rb Ruby Talk 2022/07)

Glimmer - Ruby DSL Framework for GUI & More

코드 에디터는 Ruby(JRuby), 객체 지향 디자인 및 다양한 디자인 패턴을 사용하여 구축되었습니다.

발표자의 배경: 컴퓨터 과학 및 소프트웨어 공학 학사 및 석사 학위, Lexap에서 근무한 경력.

루비로 에디터를 구축한 이유: Ruby의 언어적 강점(객체 지향, 동적 유형, 표현력).

발표자는 다양한 소프트웨어 개발 측면에서 폭넓은 프로그래밍 경험과 숙련도를 보유하고 있습니다.

루비로 작성된 세계적 수준의 코드 에디터를 만들게 된 동기.

글래디에이터 코드 에디터 데모

구문 강조 표시, 찾기 및 바꾸기, 파일 탐색, 스크래치 패드 등 글라디에이터의 기능 데모입니다.

파일 조작(삭제, 만들기, 복사-붙여넣기), 메뉴 옵션, 분할 창 기능, 키보드 단축키 등의 추가 기능도 선보였습니다.

기본 코딩 기능, 분석 표시 및 줄 건너뛰기에 대해 설명합니다.

UI 렌더링 라이브러리 및 운영 체제 간 호환성에 대한 청중의 질문에 답합니다.

소프트웨어 아키텍처 및 개발 프로세스

글래디에이터의 아키텍처: 소프트웨어 모듈로 분해된 MVC 및 MVP 패턴을 사용하는 GUI 앱입니다.

소프트웨어 개발 프로세스: 점진적인 기능 개발, 추가 개발을 위해 Gladiator 자체를 사용합니다.

'글리머 프로세스': 소규모 릴리스와 반복적인 개선에 중점을 둔 소프트웨어 개발을 위한 7가지 가이드라인입니다.

외부 테스트 및 리팩토링 관행에 대한 청중의 질문을 해결합니다.

구현 세부 정보: 파일 트리 탐색

파일 트리 탐색 컴포넌트는 SWT용 Glimmer DSL을 사용하여 구축되었으며, Eclipse IDE에서 사용되는 SWT 라이브러리를 활용합니다.

JRuby를 사용하여 Java 라이브러리를 Ruby와 통합합니다.

HTML 구조와 유사한 글리머 DSL을 사용하는 선언적 코딩 스타일입니다.

효율적인 트리 모집단을 위한 데이터 바인딩.

트리 구조에서 복합 패턴을 사용합니다.

파일 조회 목록 컴포넌트: 사용자 상호작용을 위해 글리머 GUI DSL, 데이터 바인딩 및 리스너를 사용합니다.

MVC 패턴 구현 및 양방향 데이터 바인딩에 대한 설명입니다.

드래그 앤 드롭 기능: 글리머의 기능 및 이벤트 처리를 사용하여 간소화했습니다.

텍스트 편집기 구성 요소: 스타일이 지정된 텍스트 위젯, 속성에 대한 데이터 바인딩 및 동기화.

탭 구현: 탭 폴더 및 탭 항목 사용, 드래그 앤 드롭 지원.

FileWatcher 젬과 멀티스레딩을 사용한 파일 시스템 모니터링.

YAML 구성 파일을 사용하여 열린 파일 저장 및 불러오기.

향후 기능: 파일 콘텐츠 검색, 테마, 확장 기능 및 향상된 크로스 플랫폼 지원.

Rouge 라이브러리를 사용하여 구문 강조 표시를 구현합니다.