JLink · 앱 · 디자인

디자인 — 디자인 확인 요청

이 문서는 디자인을 코드로 옮기면서 도면만 봐서는 정할 수 없었던 것을 모아 둔 확인 문서입니다. 항목마다 답을 고르거나 적고, 다 하신 뒤 아래 「답변 복사」를 눌러 붙여넣어 보내 주세요. 적으신 내용은 브라우저에 자동으로 저장되니 닫았다가 다시 열어도 남습니다.

Figma · uZgMhDFfa3jdX7SNX23Dkf2026-08-26 17:26 기준디자인 · 61건페이지 · 9개표기 · 0건

로그인

[01] 인증 > 2) 로그인 · [01-26]~[01-32] · 이메일 · 비밀번호 · 세션 만료

[로그인] D-12026-08-26

연한 빨강 색상이 세 가지입니다

답변 완료

어느 화면 Helper/Default 2175:36380

이미 확인받은 것
2026-08-24 에 뒤 둘(#FFEEF1 · #FCE8EB)은 의도된 차이라고 확인해 주셨습니다. 그건 그대로 두 값으로 유지하고 있습니다.
이번에 새로 나온 것
Helper/Default#FFF0F3 입니다. 앞의 둘과 또 다릅니다.

쓰는 곳Figma 노드
Helper/Default — 로그인 오류 말풍선#FFF0F3 #FFF0F32175:36380
Chip/Status — 상태 칩 배경#FFEEF1 #FFEEF1부품 가이드
Chip/Filled/Light#FCE8EB #FCE8EB부품 가이드
저희가 확인한 답 Figma 의 Helper 를 #FFEEF1 로 맞춥니다. 도면 쪽을 고쳐 주기로 했습니다.

지금 앱은 이렇습니다 #FFEEF1 로 통일했습니다. 눈으로는 구분하기 어려운 차이이고, 같은 「연한 빨강」의 값을 셋으로 늘릴 이유가 없다고 판단했습니다.

Helper/Default · 2175:36380
[로그인] D-102026-08-26

넓은 화면에서 로그인 만료 화면의 그림을 어디에 둘까요?

답변 완료

어느 화면 [01-32] 로그인_게이트 · Illustration 2175:36387

도면은 폭 375 짜리 한 장뿐입니다. 그 도면에서 작업자 세 명 그림은 화면 왼쪽에서 11 떨어진 자리에 놓여 있습니다. 가운데가 아닙니다 — 가운데라면 왼쪽이 마이너스 5 여야 합니다.
요즘 휴대폰은 대부분 375 보다 넓습니다. 390 · 412 · 430 이 흔합니다. 그때 이 그림을 어떻게 둘지가 도면에 없습니다.

왼쪽 11 을 그대로 지킨다  → 넓어질수록 그림이 왼쪽에 치우쳐 보입니다
가운데로 옮긴다         → 375 기기와 다른 자리에 놓입니다
화면 폭에 맞춰 늘린다    → 사람 그림이라 눌리거나 늘어납니다

왜 저희가 못 정하나
도면이 한 폭뿐이라 「왼쪽 11 이 의도인지, 그 폭에서 어쩌다 그렇게 된 것인지」 를 구분할 수 없습니다. 그림 자체는 화면 안쪽에 잘 들어가 있어서 어느 쪽으로 둬도 잘리지는 않습니다.
참고로 그림을 늘리는 것만은 안 됩니다 — 사람 형상이라 가로세로 비율이 깨지면 바로 티가 납니다. 그건 저희가 지금 고치고 있습니다.

저희가 확인한 답 여백을 비율로 늘립니다(그림 크기는 그대로). 그리고 이 화면은 「로그인 만료」가 아니라 로그아웃 상태의 기본 게이트 페이지입니다 — 만료 화면은 따로 있습니다. 높이는 상태바를 포함해 338px 고정이고, 상태바 부분까지 같은 연한 회색 배경으로 채웁니다. 큰 화면용 도면이 추가됐습니다.

지금 앱은 이렇습니다 375 기기는 도면대로 왼쪽 11 에 두고, 그보다 넓으면 가운데에 두고 있습니다. 저희가 임의로 정한 규칙이라 여쭙니다. 좁은 화면에서 그림이 눌리던 것은 고쳤습니다.

[로그인] D-112026-08-26

좁은 기기에서 약관 동의 한 줄이 잘립니다 — 어떻게 할까요

답변 완료

무엇이 어긋났나
가입 약관 동의 화면의 「[필수] 사물위치정보 이용약관 동의」 한 줄이 가로 360 짜리 기기에서 한 줄에 안 들어갑니다. 지금은 말줄임표도 없이 글자가 그냥 끊깁니다.

390 · 430 에서는 들어갑니다. 360 에서만 넘칩니다. 갤럭시 A 계열처럼 폭이 좁은 기기가 여기에 해당합니다.

동의 항목 중 이 줄 하나만 그렇습니다 — 제일 긴 문구입니다.

왜 묻나
법으로 받는 동의 문구라 말줄임으로 가리는 것이 괜찮은지를 저희가 정할 수 없습니다. 두 줄로 넘기면 줄들의 높이가 서로 달라지고, 글자를 줄이면 이 줄만 작아집니다. 문구 자체를 짧게 주실 수 있다면 그게 제일 깔끔합니다.

저희가 확인한 답 말줄임표(…)를 붙입니다. 뒷글자는 안 보입니다.

지금 앱은 이렇습니다 안 고쳤습니다. 세 방법의 결과가 눈에 띄게 달라서 임의로 고르지 않았습니다. 지금은 끊긴 채로 두고, 좁은 기기에서 이 줄이 잘린다는 것을 테스트로 잡아 두었습니다.

[로그인] D-22026-08-26

Helper 모양이 두 가지입니다 — 의도인가요

답변 완료

어느 화면 Helper/Default 2175:36380

로그인 오류 화면의 Helper/Default입력폼 헬퍼 컴포넌트 시트의 예시 두 가지가 있습니다.

어느 화면모서리배경아이콘
로그인 오류 (2175:36380)r20 (알약)연한 빨강 채움동그란 ✕ 20
입력폼 헬퍼 (부품 가이드)r6연한 빨강 채움있음

왜 묻나
같은 「오류 안내」인데 모양이 둘이면, 다음 화면을 만들 때 어느 쪽을 써야 할지 알 수 없습니다. 의도된 두 종류라면 각각 언제 쓰는지를 알려 주세요.

저희가 확인한 답 두 종류를 유지하고 쓰임을 나눕니다. 배경이 있는 헬퍼는 인증 계열의 전체 페이지를 돕는 자리에만 쓰고, 아이콘+텍스트만 있는 헬퍼는 일반 입력칸 아래에 씁니다. 볼륨과 쓰임이 다릅니다.

지금 앱은 이렇습니다 둘 다 만들었습니다. 로그인에는 r20 짜리를 화면 안에 따로 두고, 입력폼 헬퍼는 r6으로 그대로 두었습니다.

Helper/Default · 2175:36380
[로그인] D-32026-08-26

초대 미수락 화면이 없습니다

답변 완료

어느 화면 [01-31] 로그인_비밀번호입력_오류_불일치 2175:36374

무엇인가
초대는 받았지만 초대 수락을 아직 안 한 계정이 로그인하면 서버가 별도 응답을 줍니다. 로그인 흐름에 이 경우의 화면이 없습니다.

저희가 확인한 답 별도 화면이 아니라 문구입니다. 이메일 입력 오류에 등록되지 않은 이메일이에요. 를 노출하면 됩니다. 도면의 디스크립션(주석)에 이미 적혀 있었습니다 — 다른 화면의 주석도 전수로 보고 적용하라는 지시를 함께 받았습니다.

지금 앱은 이렇습니다 서버에서 받은 영문 메시지를 오류 말풍선에 그대로 표시하고 있습니다. 임시 처리입니다.

[01-31] 로그인_비밀번호입력_오류_불일치 · 2175:36374
[로그인] D-42026-08-26

영문 페이지를 받고 싶습니다

답변 완료

상황
앱에 언어 전환이 들어갑니다. 한글은 Figma 그대로 넣었고 문제 없습니다.
영문 페이지가 실재하는 것을 확인했습니다 — 파일에 1차 - 국문 · 1차 - 영문 페이지가 따로 있습니다(웹 담당이 확인). 다만 영문 화면을 아직 확인하지 못했습니다.

왜 필요한가
문구만의 문제가 아닙니다. 영어가 길어지면 버튼·말풍선의 줄바꿈과 높이가 달라질 수 있습니다. 그래서 영문 화면도 함께 확인해야 합니다.

저희가 확인한 답 전달 완료. 영문 페이지 링크를 받았습니다.

지금 앱은 이렇습니다 임시 직역을 넣고 「미확인」으로 표시해 두었습니다. 로그인 관련 14개입니다.

[로그인] D-52026-08-26

[01-32] 세션 만료 화면이 파일에 둘 있습니다

답변 완료

어느 화면 _배너_01.인증_2)로그인 (두 [01-32] 안) 2175:35866

같은 화면의 도면이 파일에 두 장 있습니다. 로그인이 만료됐을 때 나오는 화면인데, 한 장은 사람 셋이 그려진 일러스트가 크게 들어가 있고 다른 한 장은 아이콘 하나만 있습니다. 문구는 둘 다 두 줄로 같습니다.

둘 다 위에 같은 참고 라벨이 붙어 나란히 놓여 있어서, 실수로 남은 구버전이 아니라 두 안을 나란히 둔 것으로 보입니다.

어느 안무엇이 들어 있나
사람 셋 그림 안사람 셋이 그려진 일러스트 + 문구 2줄
아이콘 안아이콘 100 + 문구 2줄

지금 어떻게 해 뒀나
사람 셋 그림 쪽으로 만들어 두었습니다. 먼저 찾은 안이었고 그 안에 세션만료용 자식 화면이 들어 있어 완성된 안으로 보였습니다. 아이콘 안은 안 만들었습니다.

저희가 확인한 답 둘 다 필요합니다. 로그인_세션만료는 3개월 자동로그인 기간이 끝나 로그인을 유도하는 안내이고, 로그인_게이트는 일반적인 로그아웃 상태의 게이트입니다.

지금 앱은 이렇습니다 일러스트 안([01-32] 로그인_게이트)으로 구현했습니다. 먼저 찾은 안이었고, 안에 로그인_세션만료 라는 자식 프레임이 들어 있어 그쪽이 완성된 안으로 보였습니다.

_배너_01.인증_2)로그인 (두 [01-32] 안) · 2175:35866
[로그인] D-62026-08-26

선택권한동의 화면이 도면과 세 군데 다릅니다

답변 완료

지금 상황
이 화면의 설명 문구가 코드에 빈 칸으로 남아 있어 글자가 하나도 안 나오고 있었습니다. 도면에서 받아 채웠는데, 그러고 나니 다른 것 셋이 더 보입니다.

① 제목 — 도면은 「접근 권한 안내」인데 화면은 「선택 권한 동의」입니다
② 항목 이름 — 도면은 각 줄에 「알림」·「카메라」·「앨범」과 「선택」 표시가 있는데 화면엔 설명만 있습니다
③ 버튼 — 도면은 「허용하고 계속하기」와 「나중에 설정하기」 둘인데 화면은 「다음」 하나입니다

저희가 확인한 답 일부만 바꿉니다. 제목 「접근 권한 안내」는 그대로 둡니다 — 상위 개념이고 「선택 권한 동의」가 그 하위 집합이라 추후 필수/선택을 모두 포괄합니다. 선택은 이미 배지로 표현됩니다. 그리고 어떤 버튼을 누르든 다음 화면은 같습니다 — 권한 동의 여부만 갈립니다.

지금 앱은 이렇습니다 설명 문구는 도면대로 채웠습니다. 위 셋은 아직 화면 그대로 두었습니다.

[로그인] D-72026-08-26

비밀번호를 화면에 보일지 가릴지 — 도면이 화면마다 다릅니다

답변 완료

도면이 화면마다 다릅니다. 비밀번호가 틀렸을 때 입력한 값을 글자 그대로 보여 주는 도면점으로 가리는 도면이 섞여 있습니다.

세어 보니 보이는 쪽이 셋(로그인 오류 · 회원가입 비밀번호 확인 오류 · 비밀번호 재설정의 한 장)이고 가려진 쪽이 하나(비밀번호 재설정의 다른 한 장)입니다.
비밀번호 재설정 화면은 같은 화면의 도면 두 장이 서로 다릅니다 — 제목도 오류 문구도 같은데 비밀번호를 그리는 방식만 다릅니다.

왜 하나로 묻나
전에는 이걸 두 항목으로 나눠 여쭀는데, 따로 답이 오면 서로 안 맞습니다. 한 결정이라 한 번에 여쭙니다.

왜 신경 쓰이나
틀린 값을 보여 주면 무엇을 잘못 눌렀는지 바로 압니다. 다만 기사님이 현장에서 남이 보는 앞에 로그인하는 경우가 많아, 틀릴 때마다 비밀번호가 화면에 뜨면 그대로 노출됩니다.
숫자만 보면 보이게 하는 쪽이 원래 의도로 보입니다(셋 대 하나). 다만 비밀번호가 걸린 문제라 임의로 정하지 않았습니다.

저희가 확인한 답 화면마다 다른 것이 아니었습니다. 「비밀번호 보기/가리기」 버튼의 기능이라 버튼 이름이 바뀝니다. 토글로 구현해 맞추면 됩니다.

지금 앱은 이렇습니다 화면마다 도면을 그대로 따랐습니다. 로그인과 회원가입은 보이게 두었고, 비밀번호 재설정만 가리는 쪽으로 골랐습니다 — 도면 두 장 중 하나를 골라야 했고, 보이는 쪽이 잘못이면 비밀번호가 노출되지만 가리는 쪽이 잘못이면 불편에 그치기 때문입니다.

[로그인] D-82026-08-26

권한 안내 화면이 도면과 아예 다릅니다 — 어느 쪽이 맞나요

답변 완료

같은 화면인데 구조가 다릅니다.
· 도면 — 항목마다 선택 배지가 붙고 체크박스가 없습니다. 아래 버튼이 입니다 — 허용하고 계속하기나중에 설정하기
· 지금 앱 — 항목마다 체크박스가 있고 아래 버튼은 다음 하나입니다
고르는 방식 자체가 다릅니다. 저희가 어느 쪽이 나중 것인지 알 수 없습니다.

참고
체크박스가 있으면 기사님이 항목을 하나씩 고를 수 있고, 도면처럼 하면 전부 허용하거나 전부 나중으로 미루게 됩니다. 안드로이드는 권한을 항목별로 물어서 도면 쪽이 시스템 동작과 더 가깝습니다.

저희가 확인한 답 도면대로 배지 + 버튼 둘로 바꿉니다.

지금 앱은 이렇습니다 지금은 체크박스 방식 그대로 뒀습니다. 어느 쪽이 맞는지 몰라 바꾸지 않았습니다.

[로그인] D-12전달 뒤 추가아직 안 보냄

비밀번호 입력을 「점 그림」으로 둘까요, 「진짜 입력칸」으로 바꿀까요

미답변

무엇이 어긋났나
지금 이메일·비밀번호 칸은 진짜 입력칸이 아닙니다. 화면에 보이는 글자는 그림이고, 그 위에 보이지 않는 입력칸이 덮여 있습니다. 도면이 입력상자 대신 가운데 큰 글씨점 16개로 그려져 있어서, 그 모양을 내려고 그렇게 만들었습니다.

그래서 세 가지가 안 됩니다 — 글자 중간을 눌러도 커서가 안 옮겨지고, 커서가 아예 안 보이고, 지우면 한 번에 다 지워집니다. 실기기로 확인했습니다.

참고
이메일처럼 글자가 그대로 보이는 칸은 진짜 입력칸을 도면과 똑같이 꾸밀 수 있어서, 모양을 하나도 안 바꾸고 고칠 수 있습니다.
문제는 비밀번호 칸입니다. 진짜 입력칸으로 가리면 점의 크기와 간격을 도면대로 맞출 수 없습니다 — 그 부분은 기기가 그리는 모양이라 저희가 못 정합니다.

지금 앱은 이렇습니다 이메일 칸은 고쳤습니다(2026-08-26). 진짜 입력칸으로 바꿔서 커서가 보이고, 글자 중간을 눌러 커서를 옮길 수 있고, 부분 선택·부분 삭제가 됩니다. 모양은 한 픽셀도 안 바뀌었습니다 — 도면과 대조하는 이미지 검사 3종이 그대로 통과했습니다.
비밀번호 칸은 그대로 두었습니다. 도면의 점 모양을 지키려면 지금 구조여야 해서, 그 칸만 여전히 커서·부분 선택·부분 삭제가 안 됩니다. 이 질문은 그 칸 하나에 대한 것입니다.

정해 주세요 비밀번호 칸을 어떻게 할까요? (이메일 칸은 이미 고쳤습니다)

여기에 답해 주세요

[로그인] D-13전달 뒤 추가아직 안 보냄

비밀번호 입력 화면의 「확인」 버튼 글자색이 도면끼리 다릅니다

미답변

무엇이 어긋났나
비밀번호를 입력한 뒤 상태의 도면이 두 장 있는데, 검은 버튼 위 「확인」 글자색이 서로 다릅니다. 한 장은 짙은 회색이고, 다른 한 장은 흰색 입니다.

짙은 회색은 검은 버튼 위에서 거의 안 읽힙니다.

참고
같은 상태를 그린 두 장이라 둘 중 하나는 지난 판본이 남은 것으로 보입니다. 필요하시면 두 장의 위치를 따로 알려 드리겠습니다.

지금 앱은 이렇습니다 흰색으로 구현했습니다. 검은 버튼 위에서 읽히는 쪽을 골랐고, 활성 상태의 다른 버튼들도 전부 흰 글자라 그쪽에 맞췄습니다.

정해 주세요 흰색이 맞나요?

여기에 답해 주세요

비밀번호찾기

[01] 인증 > 3) 비밀번호찾기 · [01-33]~[01-45] · 이메일 · 인증번호 · 비밀번호 재설정

[비밀번호찾기] D-12026-08-26

토스트 폭이 공용 부품과 다릅니다

답변 완료

어느 화면 [01-40] 비밀번호찾기_인증번호입력_재발송토스트 2175:35711

같은 토스트인데 이 화면만 폭이 좁습니다. 인증번호 재전송 안내가 뜨는 자리인데, 이 화면의 도면은 255 이고 공용 토스트 부품은 321 입니다.

토스트는 여러 화면에 나오는 공용 부품이라, 이 화면만 다르면 같은 안내가 화면마다 다르게 보입니다.

어느 화면
이 화면의 재전송 토스트 ([01-40])255
공용 Toast 부품321

왜 묻나
토스트가 여러 화면에 나옵니다. 화면마다 폭이 다르면 같은 알림이 다르게 보입니다. 의도된 차이인지, 한쪽이 오래된 값인지 알아야 합니다.

저희가 확인한 답 공용 부품 쪽이 틀렸습니다. 토스트는 좌우 패딩 20px 만 고정이고 폭은 글자를 따라 유동입니다. 상한은 화면 전체 컨텐츠 영역(예: 375-40=335)이고, 상한을 넘으면 2줄 가이드로 바뀝니다. 즉 335 는 두 줄의 고정 폭이 아니라 둘 다의 상한입니다.

지금 앱은 이렇습니다 컴포넌트 시트의 토스트(321)를 그대로 적용했습니다. 그래서 이 화면만 다른 폭으로 만들지 않았습니다.

[01-40] 비밀번호찾기_인증번호입력_재발송토스트 · 2175:35711
[비밀번호찾기] D-22026-08-26

비밀번호를 바꾼 뒤의 성공 화면이 없습니다

답변 완료

어느 화면 [01-45] 비밀번호찾기_비밀번호확인_오류_불일치 2175:35781

상황
마지막 화면이 [01-45] 비밀번호확인_오류_불일치 입니다. 성공했을 때 무엇을 보여줄지가 없습니다.
참고
회원가입 쪽에는 [01-11] 이메일발송완료 처럼 아이콘 100 + 문구 2줄 형태의 완료 화면이 있습니다. 같은 형태로 하나 주시면 그대로 넣겠습니다.

저희가 확인한 답 화면을 추가해 주셨습니다. 비밀번호 변경 성공 화면이 도면에 생겼습니다.

지금 앱은 이렇습니다 로그인 이메일 화면으로 바로 보냅니다. 지어낸 성공 화면을 만들지 않았습니다.

[01-45] 비밀번호찾기_비밀번호확인_오류_불일치 · 2175:35781
[비밀번호찾기] D-32026-08-26

「인증번호 시도 초과」 화면이 없습니다

답변 완료

어느 화면 [01-38] 비밀번호찾기_인증번호입력_오류_불일치 2175:35789

상황
서버는 인증번호 불일치시도 횟수 초과를 다르게 응답합니다. Figma 에는 불일치([01-38])와 시간만료([01-39])만 있습니다.

저희가 확인한 답 1차 범위가 아닙니다. 비밀번호 포함 초과입력 케이스는 1차 기준으로 없고 2차에 제작 예정입니다.

지금 앱은 이렇습니다 불일치 화면 자리에 서버가 준 영문 문구를 띄웁니다. 임시 처리입니다.

[01-38] 비밀번호찾기_인증번호입력_오류_불일치 · 2175:35789
[비밀번호찾기] D-42026-08-26

인증번호 유효 시간이 도면은 10분인데 서버는 5분이에요

답변 완료

무엇이 어긋났나
인증번호 입력 화면에 남은 시간이 표시됩니다. 도면에는 남은 시간 10:00 으로 그려져 있습니다.
그런데 서버가 정한 유효 시간은 5분입니다. 저희 화면도 5분으로 맞춰 두었습니다 — 서버 설정값과 같은 숫자를 쓴다고 코드에 적어 두었습니다.
화면에 10분이라고 쓰면 5분 뒤에 번호가 죽습니다. 사용자는 아직 시간이 남았다고 보고 있는데 인증이 안 됩니다.

참고
이건 도면이 낡았을 가능성이 큰 자리라 여쭙습니다. 저희가 임의로 도면을 따르지 않고 서버 값을 쓴 것이라, 어느 쪽이 맞는지 확인만 해 주시면 됩니다.
10분이 맞다면 서버 설정도 함께 바뀌어야 합니다 — 화면만 고치면 안 됩니다.

저희가 확인한 답 10분이 맞습니다. 서버 설정도 함께 바꿔 주기로 했습니다 — 고령 사용자에게 5분은 너무 짧다는 이유입니다.

지금 앱은 이렇습니다 서버 값(5분)을 따랐습니다. 화면에 남은 시간 05:00 으로 나옵니다. 도면과 다르지만, 도면대로 10분을 쓰면 실제로 5분 뒤에 인증이 막혀서 더 나쁩니다.

·
[비밀번호찾기] D-52026-08-26

비밀번호·인증번호가 안 맞을 때 「확인」 버튼을 눌릴 수 있게 둘까요

답변 완료

무엇이 어긋났나
비밀번호를 다시 입력하는 화면에서 앞에 넣은 것과 다르면 비밀번호가 일치하지 않아요. 가 뜹니다.
그때 아래 「확인」 버튼을 도면은 글자가 흰색으로 그려 두셨습니다 — 저희 규칙에서 흰 글자는 누를 수 있는 상태입니다.
그런데 저희는 그 순간 버튼을 잠가 뒀습니다(글자가 회색).

참고 — 도면 두 장이 모두 눌리는 모습입니다
같은 상태를 그린 도면이 두 장 있는데 둘 다 버튼이 눌리는 모습입니다. 그래서 안 그리신 것이 아니라 일부러 그러셨을 가능성이 높아 보입니다.
다른 화면은 반대입니다
회원가입의 오류 화면들은 도면에서도 회색 글자(잠김)로 그려져 있어 저희와 같습니다. 이 화면만 흰 글자라서, 일부러 그러신 것인지 아니면 잠긴 모습을 안 그리신 것인지 확실하지 않습니다.
눌릴 수 있게 두면 같은 값으로 한 번 더 눌러도 같은 오류가 다시 뜹니다 — 나쁘진 않지만 아무 일도 안 일어납니다.
같은 일이 인증번호 화면에도 있습니다(2026-08-26 추가 확인)
인증번호가 안 맞을 때의 도면은 버튼 글자가 흰색(눌림)인데, 시간이 만료됐을 때의 도면은 회색(잠김)입니다. 두 상태를 일부러 다르게 그려 두신 것으로 보입니다. 저희는 두 경우를 한 조건으로 묶어 둘 다 잠가 두었습니다.
그래서 이 질문 하나로 두 화면이 같이 정해집니다 — 따로 여쭙지 않겠습니다.

저희가 확인한 답 지금처럼 잠가 둡니다. 다른 화면들과 같게 갑니다.

지금 앱은 이렇습니다 두 화면 다 버튼을 잠가 두었습니다. 비밀번호나 인증번호를 고치기 시작하면 오류가 사라지면서 다시 눌립니다. 인증번호 쪽은 만료된 경우와 안 맞는 경우를 한 조건으로 묶어 두어서, 지금은 둘이 똑같이 보입니다.

컴포넌트

컴포넌트 가이드 페이지 · 상태 칩 · 트럭 모션 · Connection 칩 · 입력폼 헬퍼

[컴포넌트] D-12026-08-26

트럭 위 초록 동심원 상태 모션을 아직 못 받았습니다

답변 완료

어느 화면 Status 2175:36977

어디에 쓰이나
홈 화면의 트럭 상태 표시입니다. 상태 4종 각각에 120 × 120 자리가 있습니다.
같이 요청드렸던 트럭 일러스트
받았습니다. 이미 적용했습니다. 이건 완료입니다.

저희가 확인한 답 금일/명일 내 전달 예정입니다(Lottie JSON).

지금 앱은 이렇습니다 해당 자리는 비워 두었습니다. 파일을 받으면 그 위치에 적용할 수 있습니다. 다른 작업은 이 모션 때문에 막히지 않습니다.

Status · 2175:36977
[컴포넌트] D-22026-08-26

Connection 칩의 좌우 여백을 화면에서 잴 수 없었습니다

답변 완료

어느 화면 Chip/Connection/28px 1191:8150

칩 배경과 보드 배경이 모두 흰색이라 이미지에서 좌우 경계를 확인할 수 없었습니다. 다른 값은 화면에서 확인했습니다 — 점 지름 8, 점과 글자 사이 6.

저희가 확인한 답 칩의 상하·좌우 여백을 없애고 위치를 재조정했습니다. 이미지 컨테이너 내 마진은 하단 14px · 우측 30px 입니다.

지금 앱은 이렇습니다 좌우 여백을 10 으로 두었습니다. 이 숫자만 도면에서 못 쟀습니다 — 칩의 다른 값(높이·색·글자)은 도면 렌더에서 픽셀로 뽑아 맞췄고, 테두리가 없다는 것도 확인했습니다. 바깥 여백은 렌더에 안 나와서 못 쟀습니다.

Chip/Connection/28px · 1191:8150
[컴포넌트] D-52026-08-26

비밀번호 변경 화면의 제목이 도면끼리 다릅니다

답변 완료

지금 상황
비밀번호를 바꾸는 화면이 세 장인데 제목이 서로 다릅니다.

① 1단계 — 「비밀번호 변경
② 2단계 — 「비밀번호 변경
③ 오류 화면 — 「비밀번호 재설정

들어가는 버튼 문구는 「비밀번호 변경하기」라 「변경」 쪽이 더 일관됩니다.

저희가 확인한 답 「비밀번호 재설정」으로 통일합니다.

지금 앱은 이렇습니다 「비밀번호 재설정」로 나가고 있습니다. 도면 셋 중 하나만 그렇습니다.

[컴포넌트] D-62026-08-26

비밀번호를 바꾼 뒤 무엇을 보여 줄까요 — 완료 안내가 사실상 안 보입니다

답변 완료

지금 상황
도면은 「비밀번호가 변경되었어요」 안내를 「내 정보」 화면 위에 그립니다.

그런데 서버가 비밀번호를 바꾸는 순간 로그인을 끊습니다. 보안상 그렇게 만들어져 있어서 「내 정보」에 머무를 수가 없습니다. 지금은 로그인 화면으로 보내는데, 그러다 보니 안내가 사실상 안 보입니다.

실패했을 때는 다릅니다 — 그 자리에 그대로 남아서 안내가 잘 보입니다. 완료 쪽만 문제입니다.



2026-08-26 — 같은 것을 묻던 항목 하나를 여기로 합쳤습니다. 따로 답이 오면 서로 안 맞아서입니다. 그리고 앞서 그 항목에 있던 「둘 다 「내 정보」로 돌아가며 띄웁니다」라는 선택지는 지킬 수 없는 답이라 뺐습니다 — 서버가 로그인을 끊기 때문입니다.

저희가 확인한 답 바뀌었다는 화면을 한 장 두고 거기서 로그인으로 보냅니다. 화면이 도면에 추가됐습니다.

지금 앱은 이렇습니다 바꾸자마자 로그인 화면으로 보냅니다. 완료 안내는 뜨지만 화면이 이미 바뀐 뒤라 사용자가 못 봅니다. 실패 안내는 그 자리에 잘 뜹니다.

[컴포넌트] D-72026-08-26

화면이 값을 못 불러왔을 때 무엇을 보여 드릴까요

답변 완료

무엇이 어긋났나
서버에서 값을 받아 그리는 화면들이 있습니다. 통신이 끊기거나 서버가 오류를 돌려주면 그 값이 안 옵니다.
그런데 「아직 안 왔다」와 「못 받았다」를 구분해 보여 줄 화면이 도면에 없습니다. 지금 도면에 있는 것은 값이 들어온 모습과 값이 아예 없는 모습뿐입니다.

참고
이건 「서버에 기능이 없다」가 아니라 「이 경우의 화면을 아직 못 받았다」 입니다. 문구 한 줄과 다시 시도 버튼 유무만 정해 주시면 됩니다.
화면마다 다르게 하실 필요는 없습니다 — 공통 규칙 하나면 충분합니다.

저희가 확인한 답 문구와 다시 시도 버튼을 공통으로 하나 둡니다. 해당 UI 가 도면에 추가됐습니다.

지금 앱은 이렇습니다 값이 없을 때와 똑같이 자리표시(-)로 그리고 있습니다. 오류를 조용히 삼키고 있어서, 사용자에게는 「원래 값이 없는 것」과 「못 불러온 것」이 똑같아 보입니다. 그리고 다시 시도할 방법이 없습니다 — 화면을 나갔다 들어와야 합니다.

[컴포넌트] D-82026-08-26

기간 표시 칩이 부품 시트에 없는 모양이에요

답변 완료

무엇이 어긋났나
작업일지 달력에서 고른 기간을 보여 주는 칩이 있습니다. 그 칩은 테두리가 있고 배경이 투명하며 모서리가 완전히 둥근 알약 모양입니다.
그런데 칩 부품 시트에는 그 모양이 없습니다. 시트에 있는 것은 세 가지(회색·빨강·초록)뿐이고 셋 다 배경을 채우고 모서리가 살짝만 둥근 모양입니다.
도면의 그 칩은 부품을 가져다 쓴 것이 아니라 같은 이름을 붙인 별도 도형으로 그려져 있습니다.

참고
둘 중 어느 쪽이든 저희는 그릴 수 있습니다. 다만 부품 시트에 없는 모양은 다른 화면에서 재사용할 수 없습니다 — 이 화면 전용이 됩니다. 나중에 같은 칩이 다른 곳에 필요해지면 그때 다시 정해야 합니다.

저희가 확인한 답 도면대로 테두리 알약이 맞습니다(이 화면 전용).

지금 앱은 이렇습니다 도면에 그려진 대로 테두리 알약으로 그렸습니다. 이 화면 안에서만 쓰는 별도 모양으로 두었고, 공용 부품은 손대지 않았습니다.

[컴포넌트] D-92026-08-26

실패 문구를 「동사 + 공통 뒷문장」으로 주실 수 있을까요

답변 완료

무엇이 어긋났나
통신이 끊기거나 예상 못 한 오류가 났을 때 보여 줄 문구가 앱 전체에 딱 하나 있습니다 — 일시적인 오류로 변경하지 못했어요. 잠시 후 다시 시도해주세요. 입니다.
그런데 「변경하지 못했어요」에 동사가 박혀 있어서 다른 화면에 그대로 쓸 수가 없습니다. 가입 인증은 「보내지 못했어요」, 알림은 「읽음 표시를 하지 못했어요」, 점검은 「보내지 못했어요」라야 맞습니다.

참고 — 함께 정하면 좋을 것
실패의 원인을 단정하지 않는 것이 중요합니다. 지금 저희 화면 몇 곳은 아무 실패나 「인증번호가 일치하지 않아요」, 심하면 「이미 가입된 전화번호예요」로 보여 줍니다. 통신이 끊겼을 때도 그렇게 나옵니다 — 사용자가 다른 번호를 넣어도 계속 같은 문구를 봅니다.
서버가 이유를 알려 준 경우에만 그 이유를 말하고, 모르는 실패는 「무엇을 못 했는지」만 말하는 것이 안전합니다. 그래서 아래처럼 앞의 동사만 화면마다 다르고 뒷문장은 공유하는 모양을 여쭙습니다.

저희가 확인한 답 동사 없이 하나로 쓰는 공통 문구를 받았습니다.
일시적인 오류가 발생했어요.
잠시 후 다시 시도해 주세요.

지금 앱은 이렇습니다 그 화면들에서는 아무 문구도 안 띄우거나, 원인을 단정하는 문구를 띄우고 있습니다. 새 문구를 지어내면 확정된 사양으로 굳기 때문에 비워 둔 자리도 있습니다.

[컴포넌트] D-10전달 뒤 추가아직 안 보냄

이 글자들의 자간이 -1% 인가요, 0 인가요

미답변

무엇이 어긋났나
같은 글자 스타일인데 디자인 변수와 화면이 서로 다른 자간을 갖고 있습니다. 저희가 변수에서 뽑아 둔 값과, 화면을 보고 하나씩 옮겨 적은 값이 어긋납니다.

네 자리 중 은 화면 쪽이 -1% 인데 변수는 0 입니다(문항 안내 문구 · 문제 항목 제목 · 놓친 항목 제목). 나머지 하나는 정반대로, 변수가 -1% 인데 화면은 0 입니다(점검 결과의 건수 표시).

참고
16px 글자에서 -1% 는 글자당 0.16px 입니다. 한 글자로는 안 보이지만 한 줄이 길어지면 줄바꿈 위치가 달라집니다 — 지금 따로 여쭙고 있는 줄바꿈 문제와도 닿아 있습니다.
「Lable 계열 글자 크기」 문의와 같은 자리라 함께 보시면 좋습니다.

지금 앱은 이렇습니다 바꾸지 않고 지금 값을 그대로 뒀습니다. 어느 쪽이 맞는지 저희가 정할 수 없어서, 코드 정리를 하면서도 이 네 자리만 손대지 않았습니다.

정해 주세요 자간의 정본은 어느 쪽인가요?

여기에 답해 주세요

[컴포넌트] D-11전달 뒤 추가아직 안 보냄

공유 탭바 배경색과 공유 하단 CTA 그라데이션을 도면대로 바꿀까요

미답변

공유 부품이라 물어보고 고칩니다. 탭바 배경색은 세 값이 다 다릅니다.
로컬본이 오히려 도면에 가까웠습니다. 공유본을 고치면 배차·작업일지 골든이 함께 움직입니다. 바꿔도 되는지만 알려 주시면 한 라운드입니다.

같은 승인이 하나 더 걸려 있습니다 — 이건 실제 버그를 막고 있습니다. 공유 하단 CTA(JBottomCta)가 불투명인데 도면은 아래로 갈수록 흰색이 짙어지는 그라데이션입니다. 그래서 일일점검 완료 화면이 그 효과를 Opacity(0.22) 로 흉내 내고 있고, 그 때문에 「점검하지 못했어요」 목록이 화면 밖으로 나가 기사님이 영영 못 봅니다(테스트로 확인했습니다). 공유본에 그라데이션을 넣어야 스크롤을 제대로 붙일 수 있습니다.

어느 화면
도면검정 80% + 뒤 흐림 25
공유본(지금)JColor.dim — 불투명, 흐림 없음
배차에 있던 로컬본(방금 걷어냄)검정 90%

파급
탭바 배경색을 고치면 배차·작업일지 골든이 함께 움직입니다. 하단 CTA 그라데이션은 골든 세 장이 함께 바뀝니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 공유 탭바는 JColor.dim(불투명, 흐림 없음) 그대로이고, 배차에 있던 로컬본은 방금 걷어냈습니다. 공유 하단 CTA 도 불투명 그대로라 일일점검 완료 화면이 Opacity(0.22) 로 그라데이션을 흉내 내고 있습니다.

정해 주세요 공유 탭바 배경을 도면 값(검정 80% + 뒤 흐림 25)으로, 공유 하단 CTA 를 도면대로 그라데이션으로 바꿔도 될까요?

여기에 답해 주세요

[컴포넌트] D-12전달 뒤 추가아직 안 보냄

공유 글자 토큰 Lable 계열이 도면보다 한 단계씩 작습니다

미답변

한 자리 오타가 아닙니다. 계열 셋이 전부 한 단계씩 밀려 있습니다.
다섯 화면에서 따로 걸렸는데 전부 같은 방향입니다 — 도면의 한 줄 아래 값을 옮겨 적은 것으로 보입니다.

근거가 하나 더 있습니다. 같은 모양의 버튼인데 토큰을 안 쓰고 숫자를 직접 쓴 자리(비밀번호찾기의 「비밀번호 가리기」)는 도면과 맞습니다. 토큰을 쓰는 자리만 작습니다.

같은 계열이 하나 더 나왔습니다(2026-08-26) — 실시간 연결 칩의 라벨이 도면에서 Lable/SB 18/22 인데 토큰에는 labelSB14/18 뿐입니다. 지금은 내트럭 파일 안에 지역으로 박아 뒀습니다. 이 판정이 나면 같이 정리됩니다 — 먼저 토큰을 고치면 새로 더할 필요가 없습니다.

스타일우리도면어디서 확인했나
Lable/B16 / 2018 / 22언어설정 선택 항목
Lable/M16 / 2018 / 22배차 「취소하기」 링크
Lable/SB14 / 1816 / 20배차 상태 배지 · 설정 「장비 이름 수정」

파급
labelSB 하나만 44곳이 씁니다. 셋을 다 고치면 여러 화면의 글자가 커지고 골든이 여러 장 바뀝니다. 그래서 안 고치고 올립니다. 바꿔도 된다고 하시면 한 곳씩 도면과 대조해 가며 고치겠습니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 토큰은 지금 값(16/20 · 16/20 · 14/18) 그대로이고, 실시간 연결 칩 라벨만 내트럭 파일 안에 지역 값으로 박아 뒀습니다.

정해 주세요 Lable/B · Lable/M · Lable/SB 세 토큰을 도면 값으로 올려도 될까요?

여기에 답해 주세요

[컴포넌트] D-13전달 뒤 추가아직 안 보냄

달력의 날짜 셀을 도면대로 고칠까요

미답변

작업일지 달력이 도면과 여섯 군데 다릅니다. 그중 날짜 셀 하나가 공유 부품(apps/app/lib/shared/widgets/input/calendar.dart)이라 판정을 받고 갑니다.

제일 큰 것은 「오늘」 표시가 아예 없다는 것입니다. 코드에 today 상태가 정의돼 있는데 아무도 안 씁니다. 게다가 그 상태의 그림이 「선택됨」과 똑같은 검정 원이라, 그냥 켜면 오늘과 선택한 날이 구분이 안 됩니다. 도면은 오늘을 연회색 배경(#F4F7FB)으로 그립니다.

나머지 다섯 — 날짜 숫자 12↔16 · 요일 머리 10↔16 · 비활성 달 글자색 · 기본 날짜 글자색 · 월 헤더 14 SemiBold↔20 Bold.

고르면무엇이 달라지나
공유 부품을 고친다달력을 쓰는 곳이 지금은 작업일지 하나뿐이라 파급이 작습니다
작업일지 전용으로 뺀다공유 부품은 그대로입니다. 나중에 달력을 또 쓰면 둘로 갈립니다
디자이너에게 문의「오늘 표시를 정말 넣나」부터 확인합니다

글자 크기가 12↔16 으로 큰 차이라 고치면 달력 칸 크기도 함께 봐야 합니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. today 상태는 정의만 되어 있고 화면에서 쓰이지 않아 「오늘」 표시가 안 그려집니다.

정해 주세요 달력 날짜 셀을 도면대로 고칠까요? 그리고 「오늘」 표시를 정말 넣나요?

여기에 답해 주세요

[컴포넌트] D-14전달 뒤 추가아직 안 보냄

공용 네비바 제목 글자를 도면대로 바꿀까요 — 모든 화면에 걸립니다

미답변

화면 위쪽 제목 줄(뒤로가기 옆의 글자)이 도면과 다릅니다.
색만 맞고 크기·굵기가 다릅니다. 이 줄은 공용 부품이라 뒤로가기가 있는 화면 전부가 함께 움직입니다 — 약관 전문에서 발견했지만 그 화면만의 문제가 아닙니다.

크기굵기
도면20SemiBold(600)#33353D
우리16Bold(700)#33353D

한 화면에서만 확인한 값입니다. 바꾸기로 하면 다른 화면 도면 몇 장을 먼저 대조해서 같은 값인지 확인하고 가는 게 안전합니다.
도면대로 바꾸면 제목이 커지고 조금 얇아집니다 — 모든 화면의 상단이 바뀌고 골든이 대부분 다시 찍힙니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 공용 네비바 제목은 16 / Bold(700) 그대로입니다.

정해 주세요 공용 네비바 제목을 도면 값(20 / SemiBold)으로 바꿔도 될까요? 다른 화면 도면들도 같은 값인가요?

여기에 답해 주세요

[컴포넌트] D-15전달 뒤 추가아직 안 보냄

「데이터 없음」 아이콘을 도면 자산으로 바꿀까요 — 공유 부품입니다

미답변

값이 없을 때 뜨는 카드의 아이콘이 도면과 다릅니다.

오늘 같은 부류를 두 번 고쳤습니다 — 토출량 아이콘과 펌핑 아이콘이 직접 그린 근사치였고 도면 자산으로 바꿨습니다. 이것도 같은 자리로 보입니다.

두 번째 라운드가 같은 것을 독립으로 봤습니다(2026-08-26). 홈 화면의 「대기중이에요」·「아직 작업 전이에요」 카드가 그 링을 씁니다 — 내트럭 안에 도면과 맞는 지역 부품이 따로 있어서(회색 원 + 흰 !) 같은 화면에 두 모양이 섞여 있습니다.

모습
도면채운 회색 원 + 흰 느낌표
우리빈 원형 링(도형으로 직접 그렸습니다)

파급
apps/app/lib/shared/widgets/feedback/no_data.dart공유 부품이고 실시간·작업카드 두 화면이 함께 움직입니다. 다른 화면에도 쓰이면 더 넓어집니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 공유 부품은 빈 원형 링을 도형으로 직접 그리고 있고, 홈 화면에는 도면과 맞는 지역 부품이 따로 있어 두 모양이 섞여 있습니다.

정해 주세요 「데이터 없음」 아이콘을 도면 자산으로 바꿀까요? 그 아이콘이 어느 자산인지 알려 주시면 받아 넣겠습니다.

여기에 답해 주세요

[컴포넌트] D-16전달 뒤 추가아직 안 보냄

공유 부품 세 곳에 도면 캔버스 크기(375)가 박혀 있습니다

미답변

오늘 하단 탭바가 이 부류로 뚫려서 고쳤습니다. 도면은 375 폭 캔버스에 그려져 있는데, 그 숫자가 코드에 들어가면 그 폭 기기에서만 맞는 화면이 됩니다. 화면 쪽은 고치고 있고, 공유 부품 세 곳이 남았습니다.

어느 화면지금넓은 화면에서
바텀시트 확인 버튼화면 폭을 아예 안 보고 375 로 고정버튼이 왼쪽 20 에서 시작해 335 폭으로만 그려져 오른쪽에 75 가 빕니다
홈 상태 배너 제목·부제폭 327 고정넓은 화면에서 미리 줄바꿈해 오른쪽이 비고, 높이도 고정이라 넘치면 잘립니다
연결 상태 칩오른쪽에 붙어야 하는데 왼쪽 기준 280오른쪽 가장자리에서 떨어져 나옵니다

고를 수 있는 것
· 셋 다 고친다 — 폭에 안 흔들리게 바뀝니다. 375 기기에서 보이는 것은 그대로입니다
· 바텀시트 버튼만 먼저 — 제일 눈에 띄는 것 하나만. 다만 이 부품은 화면층 확인이 한 번 필요합니다 — 버튼 안 링크 배치가 함께 움직입니다
· 그대로 둔다 — 넓은 기기에서 여백이 어긋난 채로 굳습니다

지금 앱은 이렇습니다 아직 안 고쳤습니다. 공유 부품은 모든 화면에 걸려서 승인 없이 안 고칩니다. 화면 쪽(하단 탭바)만 먼저 고치고 있습니다.

정해 주세요 공유 부품 세 곳의 고정 폭을 걷어내도 될까요?

여기에 답해 주세요

[컴포넌트] D-17전달 뒤 추가아직 안 보냄

모달 뒤로가기 아이콘이 도면과 모양이 다릅니다 — 공유 자산입니다

미답변

추측이 아니라 파일을 열어 확인했습니다. 우리 아이콘 파일의 그림 경로가 선 두 개뿐이라(15.5,5 → 8.5,12 → 15.5,19) 가로 획이 아예 없습니다.

네 화면이 같은 자산을 씁니다 — 작업일지 목록·작업일지 상세·배차 현장지도, 그리고 모달 공통 헤더. 그래서 하나를 바꾸면 넷이 함께 바뀝니다.

모양
도면화살표 ← (꺾쇠 + 가로 화살대)
우리꺾쇠 < — 화살대가 없습니다

고를 수 있는 것
· 도면 자산으로 바꾼다 — 네 화면의 뒤로가기가 함께 화살표가 됩니다. 저희가 Figma 에서 받아 넣습니다
· 그대로 둔다 — 도면과 다른 채로 굳습니다
· 꺾쇠가 맞는지부터 확인 — 다른 화면의 뒤로가기와 통일 여부도 함께 봐 주세요

지금 앱은 이렇습니다 아직 안 바꿨습니다. 공유 자산이라 승인 없이 안 고칩니다.

정해 주세요 모달 뒤로가기 아이콘을 도면의 화살표 자산으로 바꿀까요?

여기에 답해 주세요

[컴포넌트] D-18전달 뒤 추가아직 안 보냄

바텀시트 CTA 가 뒤의 글자를 덮습니다 — 공유 부품입니다

미답변

일일점검 결과 화면에서 하단 「확인」 버튼이 마지막 카드의 설명 글자를 덮고 있었습니다. 도면은 그 글자가 읽힙니다.

원인은 공유 부품입니다. 버튼을 담는 틀이 375×112 전체를 불투명한 흰색으로 칠합니다. 그런데 도면에서는 버튼 위 32px 띠가 투명이라 그 자리에 있는 글자가 비쳐 보입니다. 우리는 그 띠까지 흰색으로 덮고 있었습니다.

고르면무엇이 달라지나
공유 부품의 흰 띠를 도면대로 투명하게 바꾼다한 번에 다 풀립니다. 다만 모든 바텀시트의 그림이 바뀌므로 골든을 다시 만들어야 합니다
화면마다 지금처럼 잘라낸다안전하지만 같은 코드가 화면 수만큼 늘어납니다. 빠뜨리면 그 화면에서 또 덮입니다
그대로 둔다다음에 버튼 근처에 글자가 오는 화면이 생기면 그때 또 덮입니다

남은 위험
공유 부품은 그대로라 같은 덮임이 다른 바텀시트 화면에서 또 납니다. 지금은 그 화면들에 버튼 뒤로 갈 만한 글자가 없어서 안 드러날 뿐입니다.

지금 앱은 이렇습니다 공유 부품은 안 건드리고 그 화면(일일점검 결과)에서만 흰 띠를 잘라냈습니다. 도면과 같은 그림이 되었고 테스트로 잠갔습니다.

정해 주세요 공유 부품의 흰 띠를 도면대로 투명하게 바꿀까요?

여기에 답해 주세요

[컴포넌트] D-19전달 뒤 추가아직 안 보냄

글자 사이 간격(자간)이 도면보다 넓습니다 — 고치면 테스트 104개가 바뀝니다

미답변

원인을 찾았습니다. 저희 글자 토큰이 「간격 0」을 「지정 안 함」으로 내보내는데, Flutter 에서 그건 0 이 아니라 「기본값을 따름」 입니다. 그래서 안드로이드 기본 간격 0.25 가 들어옵니다. 도면은 이 글자들을 「간격 0」으로 못 박아 두었습니다.

증상이 이미 하나 나와 있습니다. 회원가입 약관의 「[필수] 사물위치정보 이용약관 동의」가 360px 폭 기기에서 0.59px 넘쳐 잘립니다(19글자 × 0.25 = 4.75px). 오늘 하루 종일 빨간 그 테스트가 이것입니다. 「개인정보처리방침 동의」 줄도 여유가 35px 뿐이라 다음 차례입니다.

한 줄만 고치면 됩니다. 다만 그 한 줄이 글자 토큰 여덟 개에 걸려 있어 테스트 104개가 함께 바뀝니다(그림 대조 골든과 위치 단언 둘 다). 글자가 좁아지기만 하므로 새로 넘치는 곳은 생길 수 없습니다.

고르면무엇이 달라지나
고치고 테스트 104개를 다시 만든다도면대로 됩니다. 바뀐 것을 눈으로 확인하고 목록으로 보고드립니다
그 화면만 임시로 고친다안전하지만 나머지 39곳에 같은 문제가 남습니다
그대로 둔다360px 기기에서 약관 문구가 계속 잘립니다

테스트 104개를 조용히 덮는 것은 위험합니다 — 그 밑에 진짜 회귀가 숨을 수 있어서, 승인 없이는 안 합니다.

덤으로 하나 더 물을 것이 있습니다. 그 줄의 화살표 탭 영역을 저희가 32 로 잡았는데 도면은 28 입니다. 손가락 탭 영역을 넓히려고 키운 것인데 세로만 보상하고 가로는 안 해서 글자 자리를 4px 먹었습니다. 도면대로 28 로 되돌릴지도 함께 정해 주세요.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 토큰이 「간격 0」을 「지정 안 함」으로 내보내는 채로 두었고, 그 때문에 약관 줄이 잘리는 테스트가 빨강으로 남아 있습니다.

정해 주세요 자간을 도면대로 0 으로 못 박고 테스트 104개를 다시 만들까요? 화살표 탭 영역도 도면대로 28 로 되돌릴까요?

여기에 답해 주세요

알림함

[00] 공통 > 알림 · [00-01]~[00-04] · 알림 카드 · 탭 · 읽음 처리

[알림함] D-12026-08-26

알림을 읽음 처리하지 못했을 때 무엇을 보여 드릴까요

답변 완료

무엇이 어긋났나
알림을 누르면 상세로 넘어가면서 읽음 표시가 됩니다. 그런데 통신이 끊기면 읽음 표시가 서버에 저장되지 않습니다.
이 경우에 보여 줄 문구가 없습니다. 알림 화면에는 오류 문구가 하나도 준비돼 있지 않습니다.

참고
읽음 표시는 이지 알림을 여는 조건이 아닙니다. 그래서 실패해도 상세로는 넘어가는 게 맞다고 보고 그렇게 고치는 중입니다.
남은 것은 미읽음 점이 안 사라진 것을 사용자에게 알릴지 뿐입니다.

저희가 확인한 답 점이 안 사라진 것으로 충분합니다. 그리고 알림 상세 화면은 없습니다 — 보이는 알림이 전부이고 상세를 작업한 적이 없습니다. 점 표시는 사용자가 새롭게 보는 알림에만 노출하고, 이미 노출됐던 알림은 점이 사라집니다.

지금 앱은 이렇습니다 알림을 누르면 상세로 넘어갑니다. 다만 읽음 처리가 실패하면 미읽음 점만 그대로 남고 사용자에게는 아무 안내가 없습니다. 이동은 되고, 점만 안 사라집니다.

일일점검

[02] 내트럭 > 일일점검 · 점검 항목 · 그룹 · 사진 · 제출

[일일점검] D-12026-08-26

점검 항목을 못 받아왔을 때의 화면이 없습니다

답변 완료

지금 상황
일일점검을 마치고 「확인」을 누르면 서버로 보냅니다. 그런데 서버에 점검 항목이 등록돼 있지 않으면 보낼 수가 없습니다 — 어느 항목표에 대한 답인지를 같이 보내야 하는데 그 항목표가 없기 때문입니다.

그때 사용자에게 무엇을 보여 줄지가 도면에 없습니다.

저희가 확인한 답 답을 저장해 뒀다가 나중에 다시 보냅니다. 해당 케이스 화면이 도면에 추가됐습니다.

지금 앱은 이렇습니다 제출을 막고 서버가 준 영문 안내를 그대로 띄웁니다. 사용자에게 영어가 보입니다.

[일일점검] D-112026-08-26

일일점검 일러스트 원본이 없습니다

답변 완료

어느 화면 Fuel Container 2175:37330

점검 시작 화면([02-12] 일일점검_진입)과 완료 화면 세 장([02-33] 일일점검_완료_전체정상 · [02-34] 일일점검_완료_확인필요 · [02-35] 일일점검_완료_확인필요_스크롤전체)의 일러스트 원본이 없습니다.

도면은 클립보드·체크리스트·연필이 겹친 큰 그림이고 완료 화면에는 연한 사각 타일 배경이 깔립니다. 현재 화면에는 더 단순한 문서 그림만 있고 타일 배경은 없습니다.

저희가 확인한 답 PNG 를 쓰지 마세요. Figma 에서 우클릭 Copy/Paste as → Copy as SVG 로 코드를 뽑을 수 있습니다. SVG 관련 전체에 적용하라는 지시입니다.

지금 앱은 이렇습니다 원본 없이 비슷한 그림으로 구현해 두었습니다. 자리와 크기는 도면에 맞춰 두었습니다.

Fuel Container · 2175:37330
[일일점검] D-122026-08-26

점검 결과 화면 세 가지가 각각 언제 뜨나요?

답변 완료

점검을 마치면 결과 화면이 나오는데 도면에 세 가지가 있습니다.

정상
확인 필요 (목록이 긴 것)
확인 필요 (목록이 짧은 것)
어떤 조건에서 어느 것이 뜨는지가 도면에 안 적혀 있습니다. 건너뛴 항목 수로 갈리는 것 같은데, 몇 개부터 「긴 것」인지 저희가 정할 수 없습니다.

건너뛰기·나가기 확인 팝업은 따로 여쭙고 있습니다(같은 문서의 다른 항목). 전에 이 항목이 팝업까지 함께 물었는데, 확인해 보니 그 둘은 한 팝업의 두 모양이 아니라 서로 다른 팝업이었습니다 — 하나는 「이 항목을 건너뛸까요?」, 다른 하나는 「점검을 종료하시겠어요?」입니다. 그래서 나눠서 여쭙니다.

저희가 확인한 답 화면이 둘이 아니었습니다. 「확인필요_전체」와 「확인필요_축약」은 항목·문구가 완전히 동일하고 차이는 스크롤바 노출 여부와 그로 인한 시트 높이뿐입니다(스크롤바는 오토하이드). 「건너뛴 개수」로 화면을 가르는 경계값 로직 자체가 필요 없습니다 — 정상 화면을 뺀 둘을 하나의 스크롤 목록으로 구현하면 됩니다.

지금 앱은 이렇습니다 건너뛴 항목 수로 셋을 가르고 있습니다. 그 경계값은 저희가 임시로 정한 것이라 확인이 필요합니다.

[일일점검] D-22026-08-26

장비가 안 붙어 있을 때 연결 배지를 어떻게 그리나요

답변 완료

점검 시작 화면 아래에 연결 배지가 있습니다 — 초록 점 + 연결됨 · JJ-M70.
그런데 도면에 그 한 가지 모습밖에 없습니다. 장비가 끊겨 있을 때아직 확인 전일 때의 모습이 없습니다.
서버는 끊김을 알려 주는데, 무슨 문구를 어떤 색으로 보여 줄지가 정해져 있지 않습니다.

참고
전에는 이 배지가 항상 「연결됨」으로 고정이라 장비가 꺼져 있어도 연결됐다고 나왔습니다. 지금은 그러지 않습니다.
내 트럭 화면에는 미연결 이라는 문구가 이미 있는데, 그건 그 화면 사양이라 여기 가져다 쓰지 않았습니다.

저희가 확인한 답 해당 케이스가 이미 도면에 있습니다. 새로 만들지 말고 찾아서 맞추면 됩니다.

지금 앱은 이렇습니다 연결됐을 때만 「연결됨」을 씁니다. 끊겼거나 아직 모를 때는 자리표시(-) 로 두고 초록 점은 그대로 뒀습니다 — 색을 바꾸는 것도 정해진 것이 없어서입니다.

[일일점검] D-32026-08-26

점검을 보낼 수 없는 세 경우의 안내 문구가 없어요

답변 완료

무엇이 어긋났나
점검을 다 마치고 「확인」을 누르면 서버로 보냅니다. 그런데 보내기 전에 막히는 경우가 셋 있습니다 — 등록된 차량이 없을 때, 점검 항목표를 못 받았을 때, 받은 항목표가 화면과 안 맞을 때입니다.
이 셋에 보여 줄 문구가 도면에 없습니다.

참고
서버 오류가 아니라 보내기 전에 앱이 먼저 아는 경우입니다. 그래서 서버가 주는 오류 문구를 쓸 수가 없습니다.
세 경우를 각각 다르게 안내할지, 하나의 문구로 합칠지도 함께 정해 주시면 좋겠습니다.

저희가 확인한 답 하나의 공통 문구로 합칩니다. 영문 메시지를 한글로 사용자 친화적으로 옮겨 보여 주세요. 그리고 등록된 차량이 없으면 일일점검 자체가 뜨지 않습니다.

지금 앱은 이렇습니다 서버가 준 안내를 실패 토스트로 그대로 띄웁니다. 그런데 그 문구가 영어라서 사용자에게 영어가 보입니다. 한글 문구가 없어서입니다.

[일일점검] D-13전달 뒤 추가아직 안 보냄

일일점검 안내 그림의 체크 마크가 비어 있습니다 — 손으로 그린 그림입니다

미답변

도면은 파란 사각 배경 안에 흰 체크(✓) 를 그려 놨는데, 우리는 파란 사각형만 그리고 체크 표시가 없습니다(truck_screen.dart:1290drawRect 로 6×6 사각형만 그립니다). 실기기 스샷을 확대해 확인했습니다.

「데이터 없음」 아이콘과 같은 부류입니다. 도면은 이 그림을 자산으로 갖고 있는데 우리는 코드로 손수 그리고 있습니다.

고르면무엇이 달라지나
체크만 그려 넣는다싸고 빠릅니다. 다만 나머지 그림도 계속 손그림이라 도면이 바뀌면 또 어긋납니다
도면 자산으로 바꾼다도면과 정확히 같아집니다. 자산을 받아 넣는 작업이 붙고, 「데이터 없음」 아이콘 건과 함께 하면 한 번에 끝납니다

「데이터 없음」 아이콘 건([컴포넌트] D-15)과 같이 정하시면 두 건이 한 번에 정리됩니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 파란 사각형만 그리고 체크 표시는 없는 상태입니다.

정해 주세요 체크만 그려 넣을까요, 아니면 도면 자산으로 바꿀까요?

여기에 답해 주세요

[일일점검] D-4전달 뒤 추가아직 안 보냄

점검 문항의 줄바꿈 지점이 도면과 다릅니다

미답변

상황
문항 글이 두 줄로 넘어가는데, 어느 낱말에서 넘어가는지가 도면과 다릅니다. 낱말 가운데가 끊기는 것은 아니고 넘어가는 자리만 다릅니다.

왜 물어보나
글자 크기·자간·좌우 여백은 도면과 같은 값을 쓰고 있습니다. 그래도 자리가 갈리는 것은 도면이 줄바꿈을 손으로 넣어 둔 것일 수 있어서입니다. 손으로 넣은 것이면 문구마다 어디서 끊을지를 받아야 하고, 아니면 지금처럼 화면 폭에 맡기면 됩니다.

지금 앱은 이렇습니다 화면 폭에 맡겨 두었습니다. 글자 크기·자간·여백은 도면 값 그대로이고 줄바꿈만 저절로 정해집니다. 기기 폭이 달라지면 넘어가는 자리도 달라집니다.

정해 주세요 줄바꿈을 문구마다 지정하실 것인지, 아니면 화면 폭에 맡길 것인지 정해 주세요.

여기에 답해 주세요

내트럭

[02] 내트럭 · 홈 · 배차상세 · 현장지도 20장

[내트럭] D-12026-08-26

타설 중일 때 연결 상태 칩에 무엇을 적을지 정해지지 않았습니다

답변 완료

지금 상황
내트럭 홈 오른쪽 위에 연결 상태를 알려 주는 작은 칩이 있습니다. 서버는 차량 상태를 으로 알려 줍니다 — 타설 중 · 이동 중 · 대기 중 · 미연결.

그런데 도면에는 칩 문구가 셋뿐입니다 — 「이동중」·「대기중」·「미연결」. 타설 중일 때 무엇을 적을지가 없습니다.

저희가 확인한 답 「작업중」입니다. 가이드에 이미 있는 상태이고, 타설 중이면 작업중입니다.

지금 앱은 이렇습니다 타설 중이면 예시 값을 그대로 보여 주고 있습니다. 지어낸 문구를 넣지 않았습니다.

[내트럭] D-102026-08-26

아이콘 원본이 없어 코드로 흉내 내고 있습니다

답변 완료

어느 화면 [02-36] 실시간작업량_작업중 2175:39774

홈·실시간 카드의 여러 아이콘에 원본 파일이 없습니다. 지금은 원본 대신 코드로 모양을 그려 두었습니다.

도면에서는 물방울+상태 배지·순환 화살표·채워진 느낌표로 보이지만, 현재 화면에서는 원·링·사각형처럼 보입니다. 해당 아이콘이 쓰이는 화면은 [02-01] 홈_작업없음 · [02-02] 홈_작업있음 · [02-36] 실시간작업량_작업중 · [02-37] 실시간작업량_상태유형정의 · [02-38] 실시간데이터_유형정의입니다.

저희가 확인한 답 SVG 는 Figma 에서 직접 뽑습니다(우클릭 Copy as SVG). 별도 전달 없이 공통 적용합니다.

지금 앱은 이렇습니다 원본 없이 비슷한 모양으로 그려 두었습니다. 크기와 위치는 도면에 맞춰 두었고, 원본을 받으면 그림만 교체할 수 있습니다.

[02-36] 실시간작업량_작업중 · 2175:39774
[내트럭] D-132026-08-26

홈 맨 위 칩에 시리얼번호가 들어가나요, 장비 이름이 들어가나요?

답변 완료

어느 화면 NaviBar/Tab Root 1923:70786

내 트럭 홈에는 비슷한 칩이 두 개 있습니다.

맨 위(제목 줄 오른쪽) → 지금 「JX-M55-190」
화면 중간 실시간 칸    → 지금 「연결됨 · JJ-M70」
두 값의 생김새가 다릅니다. 위쪽은 시리얼번호 처럼 보이고, 아래쪽은 장비 모델 이름 입니다.

아래쪽은 어느 쪽인지 확실합니다 — 도면에 그렇게 적혀 있고 저희도 그대로 넣었습니다. 그런데 위쪽은 확실하지 않습니다. 부품 도면에 적힌 자리표시 문구가 Serial Number 라 시리얼처럼 보이는데, 화면 도면에서는 그 칩을 확인하지 못했습니다.

왜 지금 물어보나
지금 위쪽 칩은 글자가 그대로 박혀 있습니다. 어느 장비를 쓰든 늘 같은 값이 뜹니다 — 서버에서 받아 온 값을 쓰지 않습니다.
고치려면 둘 중 어느 값을 넣을지 를 알아야 하는데, 저희가 고르면 그것이 확정된 사양으로 굳습니다.
둘 다 서버에서 이미 받고 있어서 어느 쪽이든 바로 넣을 수 있습니다. 정해 주시기만 하면 됩니다.

저희가 확인한 답 시리얼번호를 넣습니다(부품 도면의 자리표시대로).

지금 앱은 이렇습니다 글자가 그대로 박혀 있습니다. 어느 장비로 로그인해도 맨 위 칩에 같은 값이 뜹니다. 아래쪽 실시간 칩은 서버 값으로 제대로 바뀝니다.

[내트럭] D-22026-08-26

차량이 여러 대 배정된 운전자의 화면이 없습니다

답변 완료

지금 상황
내트럭 화면은 운전자에게 차량이 한 대라고 보고 만들어져 있습니다. 그런데 서버는 한 사람에게 두 대 이상 배정하는 것을 막지 않습니다.

도면에 그 화면이 없습니다 — 두 대가 배정되면 무엇을 보여 줄지 정해지지 않았습니다.

저희가 확인한 답 신경 쓰지 않습니다. 실제로 그런 경우가 없습니다 — 지금처럼 첫 대만 쓰면 됩니다.

지금 앱은 이렇습니다 목록에서 첫 번째 차량을 그냥 씁니다. 두 대째가 있어도 화면에 안 나옵니다.

[내트럭] D-32026-08-26

실시간 정보를 못 가져왔을 때의 화면이 없습니다

답변 완료

지금 상황
서버가 실시간 저장소에 못 닿으면 차량 명부는 오는데 상태·위치·마지막 수신 시각이 전부 비어서 옵니다.

이건 「차량이 없음」이 아니라 「실시간 정보를 못 가져옴」입니다. 둘은 사용자에게 완전히 다른 뜻인데 도면에 후자의 화면이 없습니다.

저희가 확인한 답 이미 도면에 있습니다. 상단 차량 상태는 케이스가 존재하고, 하단 실시간 데이터도 있습니다. 케이스를 묻기 전에 화면과 디스크립션을 먼저 확인하라는 지시를 함께 받았습니다.

지금 앱은 이렇습니다 빈 값은 자리표시(-)로 그립니다. 그래서 「원래 값이 없음」과 「못 가져옴」이 똑같아 보입니다. 둘을 구분할 방법이 화면에 없습니다.

[내트럭] D-42026-08-26

배차가 없는데 장비가 실시간 값을 보내면 홈을 어떻게 그리나요

답변 완료

도면에 없는 조합이 하나 있습니다.
내트럭 홈은 두 장으로 그려져 있습니다 — 작업 없음작업 있음.
작업 없음 화면에서는 실시간 작업량 칸이 대기중이에요 로 비어 있습니다.
그런데 배차는 없는데 장비가 값을 보내는 경우가 실제로 생깁니다 — 기사님이 배차 없이 장비를 켜 두면 그렇습니다. 이때 화면이 도면보다 길어집니다.

참고
지금은 값을 보여 주고 화면이 그만큼 늘어나게 해 뒀습니다. 반대로 「배차가 없으면 값이 와도 대기중으로 둔다」로 하면 도면과 똑같아지지만, 기사님은 장비가 도는데 앱은 대기중 인 것을 보게 됩니다.

저희가 확인한 답 값을 보여 주는 지금 방식이 맞습니다. 배차 없이 위치나 펌핑 값이 오면 「미배정·이동중(확인 필요)」·「미배정·펌핑 감지(확인 필요)」 카드로 이미 값을 보여주고 빨간 테두리로 확인 필요까지 표시돼 있습니다 — 새로 만들 필요가 없습니다.

지금 앱은 이렇습니다 값을 보여 주고 화면을 늘렸습니다. 늘어난 만큼 아래 내용이 밀릴 뿐 잘리지는 않습니다. 도면에 없는 높이를 지어내지 않았습니다.

[내트럭] D-52026-08-26

작업 카드의 「기준」 시각이 무엇을 가리키나요

답변 완료

작업 카드 아래에 ↻ 2026.06.12 19:40 기준 이 있습니다. 그런데 이 시각이 무엇인지가 정해져 있지 않습니다 — 서버가 집계한 시각인지, 앱이 값을 받아 온 시각인지에 따라 다른 값이 됩니다.

참고
서버 응답에 그런 시각이 없습니다. ↻ 아이콘이 「새로고침」으로 읽혀서 지금은 앱이 값을 받아 온 시각으로 뒀습니다.

저희가 확인한 답 「마지막으로 값을 성공적으로 받아온 시각」입니다(10분 주기 자동 갱신 + 수동 새로고침 기준). 통신 실패로 갱신이 안 됐으면 이 시각은 갱신되지 않고 멈춰 있어야 합니다 — 화면을 여는 시각이 아닙니다.

지금 앱은 이렇습니다 앱이 값을 받아 온 시각을 씁니다. 화면을 다시 열면 이 시각이 바뀝니다.

[내트럭] D-62026-08-26

질소 압력이 위험할 때 쓸 안내 문구가 없어요

답변 완료

무엇이 어긋났나
내 트럭의 실시간 더보기 펼침에 압력 카드가 두 장 있습니다 — 메인 압력질소 압력입니다. 두 장 모두 위험 상태의 도면에는 카드 아래 안내 문구가 달려 있습니다.
그런데 준비된 문구가 한 방향뿐입니다. 도면에 있는 문구는 메인 압력이 정상 범위(300 Bar)를 초과했어요. 입니다 — 범위를 넘었을 때의 말입니다.
질소는 반대쪽으로도 위험합니다. 도면의 질소 눈금은 낮은 구간을 위험한 단계로 표시합니다. 이때는 넘은 것이 아니라 모자란 것이라 「초과했어요」를 쓸 수가 없습니다.

참고
메인 압력은 위쪽만 위험해서 지금 문구로 충분합니다. 이 질문은 질소의 낮은 쪽 하나에만 해당합니다.

저희가 확인한 답 이미 도면에 존재합니다. 메인과 같은 문구에서 「초과」만 「미달」로 바꾼 형태입니다.

지금 앱은 이렇습니다 문구 없이 카드만 그렸습니다. 게이지와 상태 칩은 위험으로 표시되지만 아래 안내 줄이 비어 있습니다. 없는 문구를 지어내면 그것이 확정된 사양으로 굳기 때문에 비워 두었습니다.

[내트럭] D-72026-08-26

「주의」 색이 도면 안에서 두 가지예요

답변 완료

무엇이 어긋났나
압력 카드 도면 한 장 안에서 「주의」를 나타내는 주황색이 두 가지로 쓰였습니다.
· 카드 위의 상태 표시는 디자인 시스템에 이름이 붙은 색입니다
· 아래 범위 안내 줄시스템에 없는 색을 직접 칠했습니다
두 색이 아주 비슷하지만 같지는 않습니다.

참고
눈으로는 거의 구분이 안 갑니다. 다만 저희가 어느 쪽을 따라야 할지 정할 수 없어서 여쭙습니다 — 한 화면 안에서 같은 뜻의 색이 둘이면 나중에 다른 화면에서 또 갈립니다.
시스템 색으로 통일해 주시면 앞으로 이런 자리가 안 생깁니다.

저희가 확인한 답 가이드에 맞춥니다. 링크로 준 가이드의 값을 따르면 됩니다.

지금 앱은 이렇습니다 시스템에 이름이 붙은 색을 따랐습니다. 상태 표시와 범위 안내 줄이 같은 주황색으로 나옵니다.

[내트럭] D-82026-08-26

집계 전에 주행거리·연비를 보여 줘도 될까요

답변 완료

무엇이 어긋났나
오늘·어제 작업 카드에 「정보 집계 전」 상태가 있습니다. 아직 집계가 안 끝났을 때의 모습입니다.
도면은 그때 아래 네 값(주행거리·주행연비·사용연료·작업연비)을 전부 - 로 그립니다.
그런데 저희는 그 넷을 실제 값으로 보여 주고 있습니다. 위쪽 총작업량·펌핑타수·작업시간은 도면과 같이 - 입니다.

참고
아래 넷은 집계 대상이 아닌 값일 수 있습니다 — 그렇다면 집계 전에도 이미 알고 있어서 보여 주는 것이 맞습니다.
반대로 이것들도 집계가 끝나야 확정되는 값이라면 도면대로 - 가 맞습니다. 아직 확정 안 된 값을 보여 주면 나중에 숫자가 바뀝니다.

저희가 확인한 답 네 값 모두 - 로 확정돼 있습니다. 「오늘/어제 작업 카드 유형」 시트의 「데이터 있을 때_정보 집계 전」에 이미 그려져 있습니다. 지금 앱이 이 넷을 실제 값으로 보여주는 것은 도면과 어긋난 구현이니 도면 기준으로 맞춰 주세요.

지금 앱은 이렇습니다 실제 값을 보여 주고 있습니다. 도면보다 더 많이 보여 주는 방향이라, 어느 쪽이 맞는지 확인을 받고 움직이려 합니다.

[내트럭] D-14전달 뒤 추가아직 안 보냄

질소 압력 「미달」 카드를 못 찾았습니다 — 어느 화면에 있을까요

미답변

어느 화면 [02-38] 실시간데이터_유형정의 2175:38840

`D-6` 답으로 「이미 존재함. 피그마 좀 살펴보도록」이라고 알려 주셨는데, 찾아봤지만 못 찾았습니다. 저희가 잘못 찾고 있는 것 같아 여쭙니다.
이렇게 찾았습니다
「실시간데이터_유형정의」 카탈로그 전체를 훑었더니 압력 안내 문구가 딱 둘이었습니다.

메인 압력이 정상 범위(300 Bar)를 초과했어요.
질소 압력이 정상 범위(190 Bar)를 초과했어요.
둘 다 「초과」고 「미달」은 없었습니다.

찾는 방법이 고장난 것은 아닙니다. 「반드시 있는 것」을 같은 방법으로 함께 찾아 확인했습니다 — 메인 압력 「초과」 카드는 제대로 나왔습니다. 그러니 「못 찾았다」이지 「도구가 안 돌았다」가 아닙니다.
다만 그 카탈로그 밖(다른 프레임·다른 시트)에 있을 가능성은 못 지웠습니다. 저희가 카탈로그만 보고 있었을 수 있습니다.

지금 앱은 이렇습니다 답변의 문장을 그대로 사양으로 삼아 만들었습니다. `D-6` 에 「메인과 같은 문구를 쓰되 「초과」만 「미달」로」라고 정해 주셔서, 초과 문구에서 그 두 글자만 바꾼 문장을 씁니다 — 「질소 압력이 정상 범위(190 Bar)에 미달했어요.」
즉 지금 화면은 도면에서 옮긴 것이 아니라 답변 문장에서 파생한 것입니다. 도면에 실제 카드가 있다면 그쪽이 맞고, 저희 문장은 갈아야 합니다.

정해 주세요 「미달」 카드가 어디에 있는지 알려 주시겠어요?

여기에 답해 주세요

[내트럭] D-15전달 뒤 추가아직 안 보냄

상단 연결 칩의 글자가 2px 잘립니다 — 공유 부품입니다

미답변

원인은 눈에 안 보이는 테두리입니다.
20 이 18 에 안 들어갑니다. 기본 글자 배율·모든 폭에서 늘 그렇습니다.

보이는 것이 달라집니다 — 실제로 재 봤습니다(2026-08-26). 테두리 색이 채움과 같아서 「없애도 안 보인다」고 적었었는데 틀렸습니다. 빼고 돌려 보니 골든 넉 장이 깨졌습니다 — 지금 글자가 눌린 채로 그려지고 있어서 풀면 눈에 띄게 달라집니다. 실험은 되돌렸습니다.

칩 높이36
위아래 여백8 + 8
테두리위아래 1 + 1 ← 채움과 같은 색이라 안 보입니다
남는 안쪽 높이18
글줄 높이20

고를 수 있는 것
· 테두리를 없앤다 — 보이는 것은 그대로고 글자가 안 잘립니다. 가장 작은 수정입니다
· 칩을 조금 키운다 — 도면 높이(36)와 달라집니다
· 그 칩에 테두리가 있어야 하는지부터 알려 주셔도 됩니다
공유 부품은 모든 화면에 걸려서 승인 없이 안 고칩니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 대신 테스트를 빨강으로 남겨 뒀습니다 — 숨기면 아무도 다시 안 봅니다. 고치면 그 자리에서 초록이 됩니다.

정해 주세요 칩의 위아래 테두리를 없애도 될까요? 아니면 칩 높이를 키울까요?

여기에 답해 주세요

배차

배차 상세 도면 · 노드 2175:37271 · 2175:37227

[배차] D-12026-08-26

취소 계열 다섯 화면의 표시 조건이 없습니다

답변 완료

배차 취소 계열에 cancelledDetail · delayReason · stopReason · completeConfirmation · dispatchRequest 다섯 화면이 있습니다. 도면에는 나란히 보이지만 각각 언제 뜨는지는 적혀 있지 않습니다.

저희가 확인한 답 다섯 화면의 조건이 정해졌습니다. cancelledDetail 은 배정 취소 뒤 취소 상세, delayReason 은 「지연·이동중/지연·대기중」에서 지연 사유 입력, stopReason 은 「중단」 상태의 중단 사유 입력, dispatchRequest 는 「미배정」에서 배차를 요청할지 묻는 알럿입니다. completeConfirmation 만 성격이 다릅니다 — 상태가 아니라 「작업 완료하기」를 누르는 순간 뜨는 확인 알럿입니다.

지금 앱은 이렇습니다 취소 계열 다섯 화면을 각각 그려 두었지만, 표시 조건은 정하지 않았습니다.

[배차] D-22026-08-26

지도 시트의 dim 변형은 언제 쓰나요

답변 완료

지도 바텀시트에는 기본 변형과 별도의 dim 변형이 있습니다. dim 변형이 언제 필요한지는 적혀 있지 않습니다.

저희가 확인한 답 바텀시트·팝업 레이어 뒤에는 기본적으로 dim 이 들어가고, 그 외에는 없습니다.

지금 앱은 이렇습니다 지도 시트의 dim 변형을 따로 두었지만, 표시 조건은 정하지 않았습니다.

[배차] D-32026-08-26

현장지도의 붉은 띠가 실제 화면인가요, 도면 표시인가요

답변 완료

무엇이 어긋났나
현장 지도 화면의 한 상태에 지도 가운데를 가로지르는 붉은 띠가 그려져 있습니다. 저희는 도면대로 붉은색 30% 투명으로 구현했습니다.
그런데 이것이 정말 사용자에게 보여 줄 화면인지 확신이 안 섭니다. 이유가 둘입니다.
· 앱의 다른 어두워지는 처리 아홉 곳은 전부 검정 계열인데 여기만 붉은색입니다
· 이 색만 디자인 시스템의 색이 아니라 직접 칠한 색입니다 — 다른 색들은 전부 시스템에 이름이 붙어 있습니다

참고
도면에는 개발이 그리면 안 되는 표시가 섞여 있습니다 — 분홍색 자리표시 상자, 보라 점선, 기기 테두리 같은 것들입니다. 이 붉은 띠도 그 부류일 수 있어 여쭙습니다.
표시가 맞다면 무엇을 나타내려 하신 것인지 알려 주시면, 그에 맞는 화면으로 바꾸겠습니다.

저희가 확인한 답 도면 표기입니다. 실제로 그리면 안 됩니다. 핀의 위치가 그 빨간 딤의 중앙이라는 것을 보여주는 표시입니다.

지금 앱은 이렇습니다 도면대로 붉은색 30% 투명으로 그려 두었습니다. 지도 가운데 영역이 분홍빛으로 덮입니다.

[배차] D-42026-08-26

중지 사유 화면에 「지연 사유」라고 적혀 있어요

답변 완료

무엇이 어긋났나
배차를 중지할 때 사유를 적는 화면이 있습니다. 제목은 「중지 사유」 인데, 그 아래 입력칸의 안내 문구가 「지연 사유를 입력해 주세요.」 로 나옵니다.
지연 사유 화면과 같은 문구를 쓰고 있습니다. 저희가 문구를 하나만 받아서 두 화면이 나눠 쓰고 있습니다.

참고
중지 쪽 문구를 저희가 지어내면 그것이 확정된 사양으로 굳습니다. 그래서 지금은 지연 문구를 그대로 두고 여쭙니다.
같은 문구를 써도 된다면 그렇게 알려 주시면 됩니다 — 그러면 지금이 맞습니다.

저희가 확인한 답 「중단 사유를 입력해 주세요.」 로 수정됐습니다. 도면 쪽을 고쳐 주셨습니다.

지금 앱은 이렇습니다 지연 문구를 그대로 쓰고 있습니다. 중지 화면에서도 「지연 사유를 입력해 주세요.」 가 나옵니다.

작업일지

[03-01]~[03-13] · 노드 2175:40068~41352 · 화면 16장은 다 그려져 있는데 서버에 집계 API 가 없다

[작업일지] D-12026-08-26

「작업 중단」 여정 아이콘만 그림 파일이 없습니다

답변 완료

작업 여정 아이콘 여덟 종을 도면 자산으로 맞췄습니다. 그런데 「작업 중단」 하나만 안쪽이 그림이 아니라 주황색 네모 한 개로 그려져 있습니다.
나머지 일곱은 전부 아이콘 그림이 들어 있습니다 — 출발·도착·대기·시작·재시작·완료·복귀.

참고
지금은 도면 그대로 주황 네모를 그렸습니다. 비슷한 아이콘으로 대신 그리지 않았습니다 — 저희가 골라 넣으면 나중에 진짜 아이콘이 왔을 때 다른 그림이 됩니다.

저희가 확인한 답 있습니다. 「작업 중단」 여정 아이콘이 도면에 존재합니다.

지금 앱은 이렇습니다 도면 그대로 주황 네모를 그렸습니다. 크기·색·자리 모두 도면과 같습니다.

점검·관리

[06] 점검·관리 · 마이 페이지 · [06-01]~[06-13] · 내 정보 · 비밀번호 변경 · 장비 정보

[점검·관리] D-1전달 뒤 추가아직 안 보냄

언어 설정 화면의 제목이 도면과 다릅니다

미답변

무엇이 어긋났나
도면의 상단 제목은 「언어」 인데 화면에는 「언어설정」 이 나옵니다.

구현 쪽 주석에는 이 화면의 도면 위치가 정확히 적혀 있습니다. 도면을 보고 만들었는데 제목만 다른 말이 들어간 셈이라, 어느 쪽이 의도인지 저희가 정할 수 없습니다.

참고
이 화면으로 들어오는 앞 화면(관리 홈)의 줄 이름도 「언어」 입니다. 그래서 도면대로면 앞뒤가 같은 말이 됩니다.

지금 앱은 이렇습니다 「언어설정」 을 그대로 두었습니다. 화면 문구의 정본은 도면이 아니라 기획이라, 저희가 임의로 바꾸지 않았습니다.

정해 주세요 제목을 어느 쪽으로 할까요?

여기에 답해 주세요

[점검·관리] D-2전달 뒤 추가아직 안 보냄

앱버전 화면의 CTA — 도면대로 비활성으로 둘까요

미답변

어느 화면 2175:41588

도면은 「최신」과 「업데이트 완료」 둘 다 CTA 를 비활성 업데이트 하기 로 그립니다. 우리는 활성 확인 입니다. 근거는 양쪽 다 있습니다 — 도면 두 상태와 우리 settings_screen.dart 입니다.

복사 흔적이 아닙니다. 나머지 두 상태는 라벨이 상태마다 다르게 편집돼 있습니다(활성 업데이트 하기, 비활성 업데이트 중...). 그래서 「그냥 안 고친 것」으로 넘길 수가 없습니다.

그런데 그대로 넣으면 나가는 길이 헤더 뒤로가기 하나만 남습니다. 최신 상태에서 누를 수 있는 버튼이 아무것도 없는 화면이 됩니다.

고르면무엇이 달라지나
도면대로 비활성두 화면 모두 CTA 가 죽습니다. 나가는 길은 헤더 뒤로가기뿐입니다
지금대로 활성 「확인」나가는 길이 남습니다. 도면과 다른 채로 굳습니다
디자이너에게 문의「최신 상태에서 CTA 가 왜 있나」를 정해 주세요. 답 올 때까지 지금대로 둡니다

둘은 함께 움직여야 합니다 — 같은 CTA 라 따로 정하면 화면 둘이 갈라집니다.

지금 앱은 이렇습니다 아직 안 고쳤습니다. 「최신」·「업데이트 완료」 두 화면 모두 활성 확인 버튼으로 두었습니다.

정해 주세요 두 화면의 CTA 를 도면대로 비활성 「업데이트 하기」 로 바꿀까요?

여기에 답해 주세요

그 밖

여기서 묻지 않은 것 중에 알려 주실 것이 있나요

미작성

저희가 못 본 것, 잘못 이해한 것, 먼저 정해야 할 것 — 무엇이든 적어 주세요. 질문이 없어도 됩니다.

답변 0 / 0
적을 때마다 자동으로 저장됩니다. 「저장하기」는 지금 바로 한 번 더 쓰는 것입니다.