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