Ace, CodeMirror, Monaco 비교: 브라우저 기반 코드 에디터 분석

Replit은 초기 단순한 REPL 환경에서 복잡한 프로그램을 지원하기 위해 Ace 에디터를 도입했다. Ace는 풍부한 생태계와 다양한 언어 지원을 갖춘 강력한 도구였으나, Cloud9 인수 이후 유지보수가 정체되면서 API가 노후화되는 문제를 겪었다.

이에 따라 VSCode의 엔진인 Monaco로 전환을 결정했다. Monaco는 현대적인 UI와 뛰어난 자동 완성 기능을 제공하며, LSP(Language Server Protocol) 구현에 유리한 API와 확장성을 갖추고 있다.

하지만 Monaco 도입 과정에서 다음과 같은 기술적 과제가 발생했다.

• 언어 모드 부재: 브라우저 환경에서 동작하는 언어 모드가 부족하여 Scala, Julia 등을 직접 구현하여 기여해야 했다.
• 빌드 및 성능 문제: Webpack 설정이 매우 복잡하며, 압축 전 번들 크기가 약 5MB에 달해 코드 분할(Code-splitting)과 레이지 로딩이 어려웠다.
• 모바일 최적화 난항: 복잡하게 얽힌 코드베이스로 인해 모바일 환경에서의 동작을 구현하는 데 큰 어려움이 있었다.