목표
미리보기 토글 이동, AI 제안 통합, 도구 모음에 GIF 추가와 같은 작은 준비 작업을 해왔습니다. 이제 실험적인 더 큰 변경 사항을 시도할 준비가 되었습니다.
우리의 주요 목표는 다음과 같습니다:
-
전반적인 디자인 현대화 방향에 맞춰 컴포저를 업데이트하여 전반적인 외관과 느낌을 개선합니다.
-
모바일 작성 경험을 향상시킵니다.
더 나아가기 전에 테스트를 도와주실 여러분의 도움이 필요합니다.
사용 방법
/admin/config/upcoming-changes경로에서 관리자 → 예정된 변경 사항으로 이동합니다.- 컴포저 재설계를 찾아 활성화합니다.
- 컴포저를 열기(답글, 새 주제, 또는 새 메시지)하고 데스크톱과 모바일 모두에서 사용해 보세요.
언제든 같은 위치에서 다시 비활성화할 수 있습니다. 메타에서는 새로운 테스트 그룹 composer-testers에 참여할 수 있습니다.
컴포저를 커스터마이징하는 테마 컴포넌트나 플러그인을 실행 중인 분들의 피드백을 특히 필요로 합니다 — 이번 재설계는 스타일링뿐만 아니라 컴포저의 구조도 약간 변경했습니다. 자세한 내용은 아래를 참조하세요.
변경 사항
레이아웃 및 구조
일반
- 제목이 콘텐츠에 통합되어 문서 제목처럼 보이도록 변경되었습니다 (Notion 사용자에게는 익숙할 것입니다)
- 도구 모음이 푸터로 이동했습니다. 며칠간은 근육 기억에 적응하는 데 시간이 걸릴 수 있습니다 (저도 처음 며칠간은 좀 짜증이 났습니다
) - 카테고리 및 태그 입력 필드 재설계 (태그 아이콘 및 최소한의 선택 표시 포함)
- 테두리가 줄고 더 여유로운 느낌을 제공합니다
마크다운
- 제목, 카테고리, 태그가 이제 왼쪽 열로 제한되지 않고 에디터 + 미리보기 영역 위 전체 너비의 메타데이터 영역에 배치됩니다.
모바일
이 프로젝트의 가장 큰 동인 중 하나는 모바일 경험 개선입니다. 지난 몇 년간 메타에서는 이에 대한 정당한 불만이 많이 제기되었습니다 [1] [2] [3].
작성 시 사용 가능한 공간을 늘리기 위해, 포커스가 맞춰지면 위로 슬라이드 올라와 컴포저 필드를 덮고 에디터에 포커스가 유지되는 동안 확장된 상태를 유지하는 확장형 에디터를 실험하고 있습니다. 이는 새 주제나 새 PM을 작성할 때 적용되며, 답글을 작성할 때는 적용되지 않습니다.
이는 사용 가능한 작성 공간을 두 배 이상으로 늘립니다. (저의 기기에서 테스트했을 때 103px에서 212px로 증가했습니다 – 실제 결과는 다를 수 있습니다.)
기타
- 새 레이아웃에서 도구 모음 토글이 제거되었습니다
- 아래로 스와이프하여 키보드를 닫고 에디터를 정상 크기로 축소합니다.
- 선택된 태그는 메뉴가 열려 있을 때만 표시됩니다. 선택이 이루어졌음을 나타내기 위해 아이콘이 색상 처리됩니다.
피드백
이것은 여전히 매우 실험적인 단계이며, 저는 주로 Foundation에서 일반 화면 크기(데스크톱 및 모바일)에서 어떻게 작동하는지 알아내는 데 관심이 있습니다. 태블릿, 접이식 폰, 기타 테마 등은 아직 최적화되지 않았습니다.
테마 및 플러그인 개발자분들께 
컴포저 플러그인 아웃렛에 연결하거나 컴포저를 스타일링하고 있다면, 재설계가 활성화된 상태에서 테스트해 주세요. DOM이 이동했으며 일부 커스터마이징은 조정이 필요할 수 있습니다:
- 컴포저 필드 블록은 이제 에디터의 텍스트 열 내부가 아니라 에디터 컨테이너의 전체 너비 자식 요소로 렌더링됩니다.
composer-fields아웃렛에 주입된 콘텐츠는 이제 제목 위에 (카테고리/태그 그룹과 제목 사이) 전체 너비로 표시됩니다.- 제목 필드는 카테고리/태그 클러스터와 분리되어 그 아래에 별도의 행으로 렌더링됩니다 (이전에는 위에 있었습니다).
아웃렛 이름이 변경되거나 제거된 것은 없습니다 (변경 사항에 맞게 의미론적으로 조정하기 위해 나중에 변경될 수 있음) — 여러분의 커넥터는 여전히 첨부됩니다. 변경된 것은 콘텐츠가 어디에 그리고 얼마나 넓게 렌더링되는가입니다.
테마나 플러그인에서 깨진 부분이 발견되면 해당 컴포넌트/플러그인과 스크린샷과 함께 여기에 답글을 남겨 주세요. 그 피드백이 바로 이 테스트 단계의 목적입니다.
디자인 
저 스스로도 확신이 서지 않는 몇 가지 트레이드오프나 디자인 결정에 대해 여러분의 의견을 듣고 싶습니다. 물론 다른 모든 의견도 환영합니다.
A) 왜 제목 입력 필드가 이렇게 큰가요?
원래 아이디어는 수동으로 추가된 H1보다 큰 크기로 설정하여 문서 내에서 항상 시각적으로 제목으로 인식되도록 하는 것이었습니다. 가끔은 "너무 크네"라고 생각하기도 하고, 또 다른 때는 "이 정도가 맞다"라고 생각하기도 합니다.
또 다른 아이디어는 기존 제목을 약간 줄여 동일한 효과를 달성하는 것이었습니다.
다음 반복 버전에서 되돌려졌습니다.
B) 숨겨진 태그가 문제가 되는가…
…모바일에서 카테고리 공간을 더 확보하기 위한 트레이드오프를 감당할 가치가 없을 만큼 큰 문제인가.
그렇다면 왜인가요?
C) 확장형 에디터 애니메이션이 여러분의 기기에서 어떻게 작동하나요?
거친가요? 충분히 좋은가요? 개선되었나요? 더 좋게 만들기 위한 대안 아이디어나 조정 사항이 있나요?
D) AI 제목 제안 버튼은 어떨까요?
거기서 홀로 떠다니는 모습이 제 개인적으로는 그리 좋지 않게 느껴집니다. (사용하시는 분들) 여러분은 어떻게 느끼시나요? 디자인 아이디어를 매우 환영합니다.
편한 위치로 이동했습니다. AI 제목 제안이 컴포저 헬퍼로 이동을 참조하세요.
더 광범위하게 배포하기 전에 올바르게 마무리하는 데 도움을 주셔서 감사합니다. 
훨씬 더 현대적이고 우아한 구성 방식인 것 같아요. 과거에도 툴바를 아래로 옮기는 것을 시도해 봤는데, 이렇게 하는 것이 훨씬 더 편안하다고 생각합니다.
