게임 개발 · 기술 동향미로의 개발노트
카테고리

턴룸 · TurnRoom

선택 팝업 전후 비교 — 드롭다운·검색·열거형

개발 기록 · 블로그 공개

원본 기록 상태 검증 대기

8쌍의 실제 수정 전후 화면과 확인 범위를 기록했습니다.

수정 전 dropdown-dark
수정 전 dropdown-dark

작업 결과

닫기 버튼의 박스형 문자 ×를 공통 창 아이콘으로 바꾸고 입력칸에 팝업을 정렬했습니다.

dropdown-dark

팝업을 필드 라벨이 아닌 실제 입력칸 아래에 정렬하고, 박스형 ×를 28px 공통 X로 교체했습니다. 검색·목록의 공통 간격을 적용했습니다.

수정 전 · 640×600 · en · 2026-11-04T05:08:08.0809321Z

수정 후 · 640×600 · en · 2026-11-04T05:44:14.8632315Z

dropdown-light

팝업을 필드 라벨이 아닌 실제 입력칸 아래에 정렬하고, 박스형 ×를 28px 공통 X로 교체했습니다. 검색·목록의 공통 간격을 적용했습니다.

수정 전 · 640×600 · en · 2026-11-04T05:04:12.7846377Z

수정 후 · 640×600 · en · 2026-11-04T05:45:01.3701663Z

empty-dark

팝업을 필드 라벨이 아닌 실제 입력칸 아래에 정렬하고, 박스형 ×를 28px 공통 X로 교체했습니다. 검색·목록의 공통 간격을 적용했습니다.

수정 전 · 640×600 · en · 2026-11-04T05:08:10.0435068Z

수정 후 · 640×600 · en · 2026-11-04T05:44:16.9483405Z

empty-light

팝업을 필드 라벨이 아닌 실제 입력칸 아래에 정렬하고, 박스형 ×를 28px 공통 X로 교체했습니다. 검색·목록의 공통 간격을 적용했습니다.

수정 전 · 640×600 · en · 2026-11-04T05:04:14.7971968Z

수정 후 · 640×600 · en · 2026-11-04T05:45:03.3989800Z

enum-dark

팝업을 필드 라벨이 아닌 실제 입력칸 아래에 정렬하고, 박스형 ×를 28px 공통 X로 교체했습니다. 검색·목록의 공통 간격을 적용했습니다.

수정 전 · 640×600 · en · 2026-11-04T05:08:11.0934257Z

수정 후 · 640×600 · en · 2026-11-04T05:44:17.9335536Z

enum-light

팝업을 필드 라벨이 아닌 실제 입력칸 아래에 정렬하고, 박스형 ×를 28px 공통 X로 교체했습니다. 검색·목록의 공통 간격을 적용했습니다.

수정 전 · 640×600 · en · 2026-11-04T05:04:15.7987250Z

수정 후 · 640×600 · en · 2026-11-04T05:45:04.4818080Z

filtered-dark

팝업을 필드 라벨이 아닌 실제 입력칸 아래에 정렬하고, 박스형 ×를 28px 공통 X로 교체했습니다. 검색·목록의 공통 간격을 적용했습니다.

수정 전 · 640×600 · en · 2026-11-04T05:08:09.0780438Z

개발 화면

수정 전 dropdown-dark

수정 후 dropdown-dark

수정 전 dropdown-light

수정 후 dropdown-light

수정 전 empty-dark

수정 후 empty-dark

수정 전 empty-light

수정 후 empty-light

수정 전 enum-dark

수정 후 enum-dark

수정 전 enum-light

수정 후 enum-light

수정 전 filtered-dark

수정 후 filtered-dark

수정 전 filtered-light

수정 후 filtered-light

출처

중앙 아카이브 원문

같은 카테고리의 글

개발 기록 아카이브 전체 보기 ↗