FastComments가 새로운 모습으로 변신했습니다

! 이 글에는 기술 용어가 포함되어 있습니다

새로운 모습

오늘까지 FastComments 댓글 위젯의 디자인은 점진적으로만 발전해 왔습니다. 오늘, 우리는 완전히 새로운 버전을 출시합니다!

아래 비교를 확인해 보세요 (슬라이더를 드래그하여 비교하세요):

기존 고객

우리 사용자 대부분이 댓글 위젯을 사용자 정의하기 때문에 새로운 UI는 완전히 별도로 유지되었습니다. 마이그레이션되기 전까지는 변경 사항이 없을 것입니다.

누구에게 제공되는가

오늘부터 가입하는 신규 고객은 자동으로 새로운 디자인을 받게 됩니다. 모든 프레임워크, 라이브러리 및 플러그인은 FastComments 댓글 위젯의 새로운 버전을 통합하기 위해 업데이트되었습니다.

이전 버전의 서비스 종료

우리는 현재 댓글 위젯의 이전 버전의 서비스 종료 날짜를 설정하지 않고 있습니다. 이것은 향후에 서비스 종료를 발표하지 않겠다는 의미가 아닙니다. 그러나 발표 시 합리적인 기간(발표부터 서비스 종료까지 6 - 12개월)을 두고 알려드릴 것입니다.

우리의 자동화 테스트 스위트는 다양한 버전의 댓글 위젯을 지원하도록 업데이트되어 이전 버전도 지속적인 자동화 테스트를 받을 수 있습니다.

다크 모드 및 기타 기능

새로운 디자인은 기존 댓글 위젯처럼 다크 모드를 지원합니다. 모든 기능 플래그 및 설정이 마이그레이션되었습니다.

다크 모드와 관련하여, 이전 댓글 UI에서 다크 모드 자산은 사용되지 않더라도 페이지 로드 시 항상 포함되었고, 이는 클라이언트에 항상 다운로드되는 2kb의 추가 용량을 차지했습니다 - 필요한 경우에도 불구하고 말입니다.

새로운 댓글 위젯 버전은 필요한 경우에만 이러한 자산, 포함 스타일을 가져옵니다.

기본 아바타

새로운 UI에서 사용되는 기본 아바타는 다릅니다. 마이그레이션 시, 관리자 대시보드와 모든 알림 이메일에서 사용되는 기본 아바타도 업데이트될 것입니다.

사용자 정의 규칙의 영향

우리는 공개용 댓글 위젯에 스타일 변경을 할 때 고객의 사용자 정의가 깨질 수 있다는 것을 알고 있습니다. 걱정하지 마세요, 우리는 모든 사용자 정의 위젯 스타일을 점검하여 문제가 없도록 했습니다. 그러나 문제가 발생하면 알려주세요.

성능 영향

댓글 위젯의 총 크기는 15.4kb에서 17.4kb로 증가했습니다. UI가 훨씬 더 좋아진 것에 비해 약간의 크기 증가가 가치 있다고 생각하지만, 우리는 이를 다시 줄이기 위한 방안을 계획하고 있습니다.

전반적으로 새로운 UI는 더 많은 자산이 함께 묶여 로드되므로 더 빠르게 로드됩니다. 이는 요청이 줄어드는 결과를 가져옵니다.

마이그레이션 방법

지원을 통한 방법

지원 담당자에게 문의하거나 여기에서 대화를 시작하세요.

WordPress

WordPress를 실행 중이라면, 최신 버전으로 업그레이드하고 사용자 정의 스타일을 업데이트하세요.

사용자 정의 통합

VanillaJS 댓글 위젯을 사용하는 경우, 다음을 변경하세요:

    <script src="https://cdn.fastcomments.com/js/embed.min.js"></script>

다음과 같이 변경합니다:

    <script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

React, Angular, Vue 라이브러리를 사용하는 경우는 버전 2로 업그레이드하면 됩니다.

몇 가지 흥미로운 통계

구상, 디자인 및 구현에 걸쳐 이 프로젝트는 100개 이상의 파일에 걸쳐 있으며, 9000줄 이상의 코드가 변경된 2개월 간의 프로젝트였습니다.

우리는 댓글 위젯의 여러 버전 간에 공유 코드 기반을 가질 수 있도록 빌드 시스템을 완전히 재구성했습니다. 이 시스템은 적절한 UI 버전의 코드만 포함하기 위해 컴파일 타임 표현식을 사용할 수 있게 해주어 위젯 번들의 크기를 줄이는 데 기여합니다.

미래를 위한 준비

이전 디자인은 2019년부터 2021년 중반까지 사용되었습니다. 우리는 이 새로운 모습이 더 멀리 나아가기를 바라며, 여러 버전의 댓글 UI를 관리할 수 있는 새로운 인프라가 시간에 따라 고객 기반에 방해 없이 FastComments가 성장할 수 있도록 할 것입니다.

행복한 댓글 작성하세요!