이 무료 JS Docx 편집기가 나를 감동시켰다

발행: (2026년 4월 28일 PM 07:37 GMT+9)
3 분 소요
원문: Dev.to

Source: Dev.to

Background

최근에 우리 프로젝트 중 하나에서 OnlyOffice를 대체할 수 있는 대안을 찾던 중 매우 흥미로운 JavaScript DOCX 편집기를 발견했습니다. 우리 회사는 문서 편집을 위해 OnlyOffice를 사용하고 있었지만, 라이선스와 구현상의 이유로 다른 솔루션을 찾아야 했습니다.

Challenges with Lexical

처음에는 Meta의 Lexical 편집기를 사용하려고 했습니다. Lexical은 가볍고 오픈 소스이며 풍부한 텍스트 편집에 적합하기 때문입니다. 하지만 Lexical은 DOCX 포맷을 1:1로 정확히 표현하지는 못합니다.

  • 간단한 텍스트 편집은 잘 동작합니다.
  • 표, 단락 간격, 텍스트 강조, 글꼴 설정, 글머리표 등 복잡한 서식을 포함한 실제 Word 문서는 DOCX 충실도를 유지하는 데 한계를 빠르게 드러냅니다.

Discovery of the JS Docx Editor

검색을 계속하던 중 이 JavaScript DOCX 편집기를 발견했습니다. 가장 먼저 눈에 띈 점은 브라우저에서 DOCX 파일을 직접 렌더링하면서 서식을 제대로 보존한다는 점이었습니다. 이 편집기는 다음을 지원합니다:

  • 단락 간격
  • 텍스트 강조
  • 글꼴 설정
  • 글머리표 목록
  • 표 렌더링

문서화도 의외로 탄탄해서 평가가 훨씬 수월합니다.

Story Behind the Project

이 프로젝트는 Claude Code와 Ralph Loop를 활용한 분위기 코딩 실험으로 시작되었습니다. AI‑보조 워크플로우에서 이렇게 기술적으로 도전적인 무언가가 탄생한다는 점이 흥미롭습니다.

Conclusion

아직 편집기를 탐색 중이지만, 무거운 상용 솔루션에 의존하지 않고 웹 애플리케이션에서 더 나은 DOCX 충실도가 필요한 경우 최근에 본 가장 유망한 오픈‑소스 DOCX 편집기 프로젝트 중 하나라고 확신합니다.

0 조회
Back to Blog

관련 글

더 보기 »

DOM

getElementById이란 무엇인가? 고유한 id 속성을 사용하여 단일 HTML 요소를 선택하는 데 사용됩니다. 일치하는 경우 Element object를 반환하고, 그렇지 않으면…