FKB Pro - 소셜 테마

FKB Pro v2 - 무엇이 새로워졌나요?

공지가 조금 늦었습니다. v2는 약 두 주 전에 출시되었거든요. 하지만 늦어도 나아서 나쁘진 않죠. :slightly_smiling_face:

FKB Pro v2는 내부적으로 상당히 큰 업데이트입니다. 전반적인 외관과 느낌은 익숙한 그대로이지만, 테마의 상당한 부분이 재설계되고 최적화되며 정리되었습니다.

:desktop_computer: 개선된 데스크톱 레이아웃

데스크톱 주제 목록은 이제 Discourse 사이드바와 FKB Pro 자체 패널과 훨씬 더 잘 어울리는 유연한 레이아웃을 사용합니다.

이 레이아웃은 사용 가능한 공간이 변함에 따라 자동으로 조정되며, 작은 화면과 모바일 기기를 위한 전용 브레이크포인트를 제공합니다.

:triangular_ruler: 더 나은 반응형 동작

좁은 레이아웃과 넘치는 콘텐츠 처리에 많은 공을 들였습니다.

긴 주제 제목, 사용자 이름, 태그 및 기타 콘텐츠는 이제 레이아웃이 사용 가능한 너비를 초과하도록 밀어내는 것을 방지하고 훨씬 더 안정적으로 처리됩니다.

모바일 레이아웃도 뷰포트 기반 크기를 의존하는 대신 실제 컨테이너 너비로 작동하도록 조정되었습니다.

:high_voltage: 주제 목록 성능

주제 목록에도 일부 성능 최적화가 적용되었습니다.

화면 밖의 주제 카드는 적절한 경우 브라우저가 이를 건너뛸 수 있으며, 주제 이미지와 그 컨테이너는 더 나은 포함(containment) 규칙을 사용합니다.

이것은 특히 긴 주제 목록에서 유용할 것입니다.

:locked_with_key: 개선된 FKB 패널 캐싱

FKB 패널은 이제 사용자별 버전화된 캐시 키를 사용합니다.

일반적인 캐시 항목을 공유하는 대신 사용자 데이터가 현재 Discourse 사용자와 연결되어 저장되므로, 같은 브라우저에서 사용자를 전환할 때 캐시된 정보가 계정 간에 누출되는 것을 방지합니다.

캐시는 또한 만료와 잘못된 항목을 더 안정적으로 처리합니다.

:high_voltage: 더 빠른 패널 로딩

사용자 요약 및 카드 데이터는 이제 다음 요청을 시작하기 전에 하나의 요청이 완료되기를 기다리는 대신 병렬로 요청됩니다.

활성 사용자가 변경된 후 오래된 요청이 데이터를 덮어쓰는 것을 방지하는 추가적인 보호 장치도 있습니다.

:control_knobs: 새로운 패널 상태 관리

FKB 패널의 표시/숨김 상태는 전용 상태 서비스로 이동되었습니다.

이것은 동작을 더 예측 가능하고 유지보수하기 쉽게 만들 뿐만 아니라, 패널 토글 자체도 다음과 같이 개선되었습니다:

  • 적절한 aria-expanded 상태
  • 설명적인 라벨
  • 동적 아이콘
  • 영구적인 표시/숨김 상태

:wheelchair_symbol: 접근성 개선

여러 인터랙티브 요소가 더 나은 접근성 지원을 받았으며, 특히 FKB 패널 컨트롤 주위에 그러합니다.

패널 토글은 이제 보조 기술에 상태를 올바르게 노출하고 더 유용한 라벨과 제목을 제공합니다.

:mobile_phone: 모바일 개선

주제 목록, 카테고리, 개인 메시지, 사용자 페이지, 그룹 및 주제를 포함한 다양한 모바일 레이아웃이 정리되고 더 견고해졌습니다.

그 목표는 FKB Pro가 Discourse의 반응형 레이아웃과 싸우는 대신 그 안에서 더 자연스럽게 작동하도록 만드는 것이었습니다.

:puzzle_piece: 더 모듈화된 코드

업데이트의 큰 부분은 또한 코드베이스를 유지보수하기 쉽게 만드는 것이었습니다.

FKB 패널은 사용자 정보, 통계, 배지, 방문자 등을 위한 더 작은 컴포넌트로 분리되었습니다.

주제 목록 카드도 개별 헤더, 본문, 메타, 목록 섹션 컴포넌트로 재구성되었습니다.

이것은 사용자가 보는 것을 반드시 바꾸지는 않지만, 향후 개발을 훨씬 더 쉽게 만듭니다.

요약

FKB Pro v2는 단순한 시각적 업데이트가 아닙니다. 더 나은 반응형 동작, 성능, 캐싱, 접근성 및 유지보수성에 초점을 맞춘 테마의 여러 부분에 대한 상당히 중요한 재작성입니다.

FKB Pro를 사용하고 문제를 보고하거나 개선을 제안해 주신 모든 분들께 감사드립니다. :heart:

> ./support --coffee :heart:

2개의 좋아요