Repository navigation
에디터 서비스 선택 시안 정합 — 직접 추가하기 제거 및 선택 바텀시트 전환 #490
Description
📜 Overview (Required)
에디터 서비스 선택을 시안 정본에 맞춘다 — "직접 추가하기" 제거 + 선택 UI 바텀시트 전환.
시안 실측 (Screen Design 페이지 REST 전수 검색, 2026-07-18):
- 소셜 수정페이지 프레임 2372:23995 의 레이어 z순서: 구 드롭다운 패널
Frame 83(2372:24089)(인스타그램/페이스북/직접 추가하기)이dimd딤과 "소셜 네트워크 서비스 선택" 바텀시트(2372:24367) 아래에 완전히 묻힌 폐기 잔재다. 캔버스 렌더에는 바텀시트만 보인다. - 새 정본 = 검색 필드 + 서비스 리스트 바텀시트, 직접 추가 항목 없음. 비즈니스(700:38735)와 나머지 소셜 수정페이지 프레임 4개에도 직접 추가하기·드롭다운 펼침 상태 없음 (파일 전체 "직접 추가" 텍스트는 수신자 관계 선택 2건 + 위 잔재 1건이 전부).
- Ready for dev(07-01) 스냅샷과 현재가 동일 — 최근 변경이 아니라 개발 인계 시점부터 확정된 상태.
- Figma 코멘트 결정 트레일: Kim Dasom 04-05 "직접 입력하여 추가시, 해당 종류와 서비스명에 대한 상세페이지 따로 필요"(
700:36574) → 05-31 04:28:56 resolve 직후 04:29:03 "정해준 리스트만"(2372:23995). 직접 추가 폐지 확정.
코드 현황 (드리프트):
EditorFormState.kt—CUSTOM_ADD_OPTION("직접 추가하기")이 소셜 서비스 옵션에 잔존 (비즈니스는 feat/467 에서 같은 실측 근거로 이미 제외).AfternoteEditorState.kt—onServiceSelected커스텀 분기,showCustomServiceDialog/onAddCustomService,customServiceNameState등 커스텀 서비스 입력 플로우 잔존.- 서비스명 선택 UI 가
SelectionDropdown드롭다운 — 시안 정본은 바텀시트.
작업:
- 소셜의 직접 추가 플로우 제거 —
CUSTOM_ADD_OPTION·커스텀 서비스 다이얼로그·관련 상태/콜백. - 서비스명 선택을 시안 바텀시트(검색 필드 + 서비스 리스트)로 전환.
시안 정본 바텀시트:
📍 Note (Optional)
- 브랜치 base =
feat/467스택 (feat/439→feat/468→feat/467).SelectionDropdown·EditorFormState가 PR fix(afternote): 에디터 서비스명 미선택 상태 도입 — 임의 기본값 확정 제거 (closes 468) #488(fix(afternote): 에디터 서비스명 미선택 상태 부재 — 카테고리 선택 시 임의 기본값 확정 #468)·feat(afternote): 비즈니스 카테고리 입력 화면 구현 — 서비스 카탈로그 포함 (시안 700:38735) #467 작업 파일과 겹쳐 머지 순서 필수 — Relationships blocked_by feat(afternote): 비즈니스 카테고리 입력 화면 구현 — 서비스 카탈로그 포함 (시안 700:38735) #467. - 바텀시트 시안의 행이 인스타그램 placeholder ×8 이라 카테고리별 리스트 구성은 구현 시
AfternoteServiceCatalog를 정본으로 채운다. - 시트 시안은 소셜용 1건뿐 — 파일 전수 조사 결과 "…서비스 선택" 시트 헤더는 "소셜 네트워크 서비스 선택"(2372:24367)이 유일하고, 갤러리(700:37758 외 3)·비즈니스(700:38735) 수정페이지엔 펼침/선택 UI 시안 자체가 없다. 갤러리·비즈니스는 소셜 시트 패턴을 준용(헤더 문구만 카테고리별 치환)해 구현한다. 서비스명 드롭다운 펼침 시안은 파일 어디에도 없음(잔존 1건은 2372:23995 딤 아래 폐기 잔재).
디자인 승인 게이트 해제 (2026-08-28)
직접 추가하기 존폐에 대한 별도 디자인 회신을 기다리지 않는다. 현행 정본 시안과 고정 서비스 카탈로그를 기준으로 다음 안을 구현 기준으로 확정한다.
직접 추가하기와 커스텀 서비스 입력 플로우를 제거한다.- 서비스 선택은 검색 가능한 바텀시트로 통일하고, 소셜·갤러리·비즈니스는 같은 패턴을 카테고리별 제목과 카탈로그로 재사용한다.
- 시각·상호작용 세부는 기존 공용 컴포넌트와 접근성 규칙에 맞춰 구현 담당자가 결정하고 PR에 근거와 QA를 남긴다.
Activity
OnlyReadOneBook commentedon Jul 30, 2026
"직접 추가하기 폐지 확정" 근거 재검토 — 미확정으로 정정 (2026-07-30)
본문에 "직접 추가 폐지 확정" 이라고 적었는데, 근거를 되짚어 보니 확정이라고 부르기에는 약하다.
본문이 든 근거는 두 가지다.
2026-07-30 파일 코멘트 269건 전수 조회 결과:
앱 현황(2026-07-30 실기기 확인) — 소셜 서비스 목록 맨 끝에 "직접 추가하기" 가 그대로 있고, 선택하면 "직접 입력하기" 다이얼로그(추가 서비스명 입력 + 추가하기)가 뜬다. 입력한 이름은 그대로 등록된다.
정정 — 이 이슈의 작업 1번(직접 추가 플로우 제거)은 디자이너 확인 회신을 게이트로 둔다. 작업 2번(서비스명 선택 바텀시트 전환)은 시안 정본이 명확하므로 영향받지 않는다.
관련 부산물 — 직접 입력한 서비스는 아이콘이 카테고리와 무관하게 소셜네트워크로 떨어진다(#622). 존폐가 어느 쪽으로 결론 나든 그쪽은 별도로 고쳐야 한다.
OnlyReadOneBook commentedon Jul 31, 2026
추가 실측 (2026-08-01) — 시안에 서비스명 '미선택 placeholder' 초기 상태 존재:
소셜 수정페이지 프레임 700:35916 · 700:36383 의 서비스명 필드 텍스트가 "소셜네트워크 선택하기" (REST 텍스트 노드 실측). 나머지 프레임의 "인스타그램"·"갤러리" 등은 선택 후 상태 — 시안 정본은
{카테고리명} 선택하기placeholder 미선택 상태를 가진다.EditorFormState.selectedService: String? = null= 미선택(등록 검증 차단), 카테고리 전환 시 null 리셋(#468 주석 명시),SelectionDropdownplaceholder 파라미터 배선,AfternoteServiceCatalog.businessServices존재. 따라서 본 이슈에 남는 몫은 원래 범위(직접 추가하기 제거 + 선택 바텀시트 전환)뿐이고, 미선택 상태 도입은 불요.#503 연동 노트도 무효 — 이탈 가드 지문의 기본값 정규화는 develop 정합 과정에서 제거되고 null(미선택)/선택값 비교로 단순화됐다(#659).
[-]fix(afternote): 에디터 서비스 선택 시안 정합 — 직접 추가하기 제거 및 선택 바텀시트 전환[/-][+]에디터 서비스 선택 시안 정합 — 직접 추가하기 제거 및 선택 바텀시트 전환[/+]chore(ci): verify screenshot baselines (#490)
docs(qa): 서비스 선택 검색 규칙·기존 custom 값 추측 항목 기록 (#490)
fix(afternote): 삭제된 CustomServiceDialog 의 스크린샷 baseline 잔재를 제거한다 (#490)
Merge pull request #1350 from Afternote/fix/490-service-picker