어드민 게시글 목록에 공개/비공개 토글 추가
2
게시글 목록에서 바로 공개/비공개를 전환할 수 있는 토글을 추가한 날입니다.
게시글 목록 공개/비공개 토글
지난번 퍼블리싱 작업물에 공개/비공개 토글을 추가했는데, 블로그 글은 여전히 상태를 바꾸려면 수정 페이지에 들어가서 발행 스위치를 누르고 저장까지 해야 했습니다. 목록 화면의 "게시됨/임시저장" 표시도 그냥 텍스트 pill이라 클릭이 안 됐습니다.
AdminPublishToggle 컴포넌트를 새로 만들어 목록의 상태 컬럼 자체를 버튼으로 바꿨습니다. 클릭하면 낙관적으로 상태를 바꾸고 PUT /api/posts/{id}를 호출합니다. 이 API는 이미 published 단일 필드만 부분 업데이트하는 걸 지원하고 있어서 서버 쪽은 손댈 게 없었습니다.
목록의 삭제 버튼(AdminDeleteButton)과 같은 패턴입니다. 실패하면 로컬 상태를 원래대로 되돌리고 알림을 띄웁니다.
스위치 스타일 통일, 그리고 글자 수 때문에 생긴 시프트
처음엔 dot 배지 스타일 버튼으로 만들었는데, 글쓰기 페이지에 이미 있던 발행 토글(좌우로 움직이는 슬라이더)과 느낌이 달라서 슬라이더 스타일로 다시 바꿨습니다. 목록과 글쓰기 페이지 양쪽 다 같은 스위치를 쓰도록 맞췄습니다.
라벨 문구도 손이 갔습니다. 처음엔 "게시됨/임시저장"으로 통일했는데, 두 단어의 글자 수가 달라서(3자 vs 4자) 토글을 누를 때마다 옆 버튼들이 살짝 밀리는 시프트가 생겼습니다. "게시됨/비공개"로 바꿔서 둘 다 3자로 맞추니 시프트 없이 자리를 지킵니다.
#개발일지#Studio NFP#스튜디오 NFP#어드민#게시글관리
관련 게시글