TALES · COURT MATERIALS

실사 코트 배경 적용 예시

잔디의 예초 결과 롤랑가로스 스타일 흙 코트의 입자를 살린 배경입니다. 바닥 이미지와 라인을 분리해, 화면 길이와 카드 배치에 맞춰 사용할 수 있습니다.

서체 확인 중…

GRASS · 실사 잔디 + 페인트 라인
CLAY · 붉은 흙 + 아이보리 라인

숫자 서체 규칙

자리숫자 서체예
날짜 · 시간 · 요일 띠 · 달력Pretendard9월 27일 · 19:00 · 28
영문과 함께 (배지)PretendardNTRP 3.5 · 5 Years
거리 · 소요 시간 · 경기 시간 · 달 요약Pretendard3.2km · 12분 · 120분 · 21게임
일기 본문 · 기록 결과시우 귀여워더블폴트가 4개 · 남복 3승 1패
날씨시우 귀여워22° · 비 올 확률 10%
스스로 매긴 점수 (링 안)시우 귀여워84

«달 요약(21게임 · 승률 62%)»과 «거리·소요 시간»은 기록이라기보다 계산된 값이라 Pretendard로 뒀어요. 기록 쪽으로 옮기려면 말씀해 주세요.

확인이 필요한 것

  1. 마이와 설정 나누기: 하단 탭의 «마이»가 «설정»으로 바뀌고 마이페이지는 인사말 옆 버튼으로 들어가요. 스펙의 «마이»에 있던 것을 나눠야 해요. 제안: 마이페이지는 테일이 꾸미기·프로필(NTRP·구력)·좋아하는 선수, 설정은 테마·사람 태그 관리·데이터 내보내기.
  2. Records의 일기 본문: 스펙의 기록 폼에는 짧은 칸 두 개(잘된 점·안 된 점)만 있고 일기 본문 칸이 없어요. 카드에 일기를 띄우려면 둘 중 하나를 정해야 해요. 폼에 «오늘의 일기» 칸을 새로 두거나, 잘된 점과 안 된 점을 이어 붙여 보여 주는 방법이에요. 날짜는 일기의 머리글로 남겨 뒀어요.
  3. 100점 점수 입력: 100점 만점이면 한 번 밀어서 고르기(슬라이더)가 현실적이에요. 1점 단위로 정확히 맞추기는 어려우니 5점 단위로 끊기를 제안해요.
  4. 아이콘만 있는 탭: 글자 없이 아이콘만 두면 처음 쓰는 사람이 «코트»와 «기록»을 헷갈릴 수 있어요. 화면 읽기용 이름은 탭마다 붙여 뒀어요.
  5. 80%로 줄인 작은 글자: 배지·요일·상자 라벨이 10.4px, 연도 표시가 9.6px가 됐어요. 게다가 시우 귀여워의 한글은 같은 크기의 Pretendard보다 작게 보여서, 실제로는 더 작게 읽혀요. iOS가 권하는 최소 크기는 11pt예요. 이 글자들만 11px 아래로 내려가지 않게 막을지 정해 주세요.
  6. 스트링 교체 알림이 빠졌어요: Upcoming 상자를 가장 가까운 일정 셋으로 바꾸면서 스트링 카드가 사라졌어요. 스펙의 홈에는 «스트링 교체 권장 1줄»이 있어요. 교체할 때가 됐을 때만 헤더 시트 아래에 한 줄로 띄우는 방안을 제안해요.
  7. 길찾기: 앱 안에서 경로를 그리려면 지도 SDK와 경로 API 키가 필요해요. 1차 버전은 «지도 앱에서 길찾기» 버튼으로 네이버 지도나 카카오맵을 여는 편이 싸고 빨라요. 시안의 길찾기 화면도 그렇게 그렸어요.
  8. 경기 날 예보: 예보는 가까운 날짜만 시간 단위로 나오고 먼 날짜는 하루 단위로만 나와요. 몇 일 앞까지 시간별 예보가 되는지는 쓸 기상 API를 정할 때 확인해야 해요. 그 전까지 먼 일정의 날씨 상자는 «예보 전» 상태가 필요해요.

서체 용량과 대비

서체 용량은 이 파일을 만들며 직접 잘라서 잰 값이에요. 대비는 이 페이지 CSS의 토큰을 읽어 계산해요.