Froala의 다양한 문제점에 관하여

정인우·2022년 12월 4일
1

React Dev.

목록 보기
7/8
post-thumbnail

본 글은 다음과 같은 순서로 진행됩니다.

  • 다양한 문제점
  • 총평

이전에 Froala를 선택하게 된 계기와 장점으로 꼽은 것들은 해당 링크에서 확인하실 수 있습니다. 이번 글에서는 Froala를 사용하면서 겪은 문제점들에 대해서 이야기드리고자 합니다.

다양한 문제점

진행중인 프로젝트에 Froala의 유료 버전을 사용하였고 다양한 문제점들을 발견하였습니다.

  1. React.Strict Mode double component
    Froala rendering twice when using React.StrictMode
    React.Strict Mode에서 froala instance가 2개 나타나는 오류입니다. 해당 오류 이슈에 적힌 Froala 측의 낮은 수준의 유지 보수와 업데이트에 대한 댓글이 좋아요를 받는 걸 보니 Froala에서 많은 커스텀을 진행하기 두렵다는 생각이 들었습니다. 해당 문제를 해결하기 그렇게 어렵지 않을 텐데 2022/05에 나타난 이 이슈에 대해 아직까지 공식적인 업데이트가 없습니다.

    해당 문제를 해결하는 방법은 간단합니다. React.Strictmode를 해제해주면 됩니다. 하지만 이 컴포넌트 하나를 위해서 어플리케이션 전체의 Strictmode를 해제하는 것은 적합한 해결책은 아니라고 생각하는데, 이런 문제가 아직까지 제대로 된 해결책이 없는 것은 실망스럽니다.

  2. Froala toolbar button missing problem
    Missing toolbar buttons
    프로젝트를 위해서 Toolbar를 확장하고 커스텀 버튼 역시 추가를 해주었는데, 로컬에서는 해당 업데이트가 정상적으로 표시되는데 배포 버전에서는 해당 업데이트가 제대로 반영이 되지 않을뿐 아니라 기본적인 Toolbar 버튼 역시 제대로 보이지 않는 오류가 있었습니다.

    위의 링크에 있는 이슈를 통해서 해당 문제를 해결할 수 있었습니다. 해당 이슈를 살펴보면서 가능한 모든 시도를 했습니다. 해당 문제를 해결한 것은 react-froala-wysiwig과 frola-editor의 버전을 완벽히 동일하게 fix해준 것이었습니다. 이전까지 ^(캐럿)을 활용하여 두 라이브러리의 버전을 설정하였는데 해당 부분으로 인해 배포 시에 yarn을 하면 버전이 미묘하게 달라졌고, 이로 인해서 문제가 생긴 것으로 추측이 됩니다.

    이런 점도 굉장히 실망스러웠습니다. 일단 이러한 버전의 문제가 발생했다는 것은 해당 라이브러리가 SemVer의 규약을 따른다는 것을 신뢰할 수 없게 만듭니다. 또한, 이러한 오류는 배포 시에 사용자에게 무조건적으로 보이는 에러인데, 이러한 중요한 부분이 2020.05에 제기되었는데 공식적인 해결법이 나오지도 않았고, 이를 위한 패치조차 진행되지 않은채 그대로 이슈가 열려있습니다. 이를 해결하기 위해 사용자들이 토론을 하고 있습니다. 이는 돈을 받고 파는 소프트웨어를 관리하는 방식이 아니라고 생각됩니다.

  3. Poor Maintenance & Update
    앞선 사례들을 통해 알 수 있듯이 일단 기본적으로 중요한 문제들이 방치되어 있고, 이를 위한 업데이트가 제대로 이루어지지 않고 있습니다. 이런 이슈가 나오고 그리고 이 또한 방치되어 있는 걸 보면 충분히 알 수 있습니다.
    Please answer the customer question

총평

기본적으로 제공하는 기능들은 확실히 훌륭합니다. 깔끔한 UI와 다양한 기본적인 기능들을 가지고 있기에 라이브러리를 커스텀하지 않고 사용하여도 충분하지 않을까라는 생각이 듭니다.

하지만 지속적으로 유지보수가 이루어지지 못했다는 느낌이 강하게 듭니다. React 최신 버전에 대한 지원이 미흡하고 원인을 알기 힘든 오류들이 드문드문 발견되고 빠르게 해결되지 않아 유저가 직접 해결법을 찾는 듯 한데, 상용 소프트웨어가 이러한 퀄리티라는 점은 조금 실망스럽습니다.

0개의 댓글