diff --git a/.design/surinz/build-record.mjs b/.design/surinz/build-record.mjs new file mode 100644 index 0000000..9bce2c8 --- /dev/null +++ b/.design/surinz/build-record.mjs @@ -0,0 +1,64 @@ +// templates-record/*.dc.html 의 /*PRETENDARD*/ 토큰을 Pretendard woff2 data URI 로 치환해 +// record/ 아래에 최종 .dc.html 아트보드를 생성한다. +// +// 홈 캔버스(build.mjs · fonts/mini)와 서브셋을 공유하지 않는다. +// 전적 화면은 홈에 없던 글자를 많이 쓰는데, 공용 서브셋을 키우면 홈 아트보드 10개가 +// 전부 같이 무거워지기 때문이다. 여기서는 이 화면이 실제로 쓰는 글자만 담는다. +import { readFileSync, writeFileSync, readdirSync, mkdirSync } from 'node:fs'; +import { join } from 'node:path'; +import subsetFont from 'subset-font'; +import { decompress } from 'wawoff2'; + +const TPL = 'templates-record'; +const OUT = 'record'; + +// 1) 아트보드 텍스트에서 쓰이는 글자를 모은다 (style 블록과 태그는 제외) +const used = new Set(); +const names = readdirSync(TPL).filter((n) => n.endsWith('.dc.html')); +for (const name of names) { + const src = readFileSync(join(TPL, name), 'utf8') + .replace(//g, '') + .replace(/<[^>]+>/g, ' '); + for (const c of src) used.add(c); +} +// 안전 여유 — 아스키 인쇄 가능 문자와 자주 쓰는 기호는 항상 포함 +for (let i = 0x20; i <= 0x7e; i += 1) used.add(String.fromCharCode(i)); +for (const c of '·…—–‘’“”「」『』±×÷≤≥→←↑↓★☆※%') used.add(c); + +const text = [...used].filter((c) => c.charCodeAt(0) > 0x1f).join(''); +console.log(`서브셋 글자 수 ${text.length}`); + +// 2) 굵기별 서브셋을 만들어 @font-face 로 인라인한다 +const WEIGHTS = [ + ['Regular', 400], + ['SemiBold', 600], + ['Bold', 700], +]; +let faceBytes = 0; +const faces = []; +for (const [file, weight] of WEIGHTS) { + const woff2 = readFileSync(join('fonts', `Pretendard-${file}.subset.woff2`)); + const ttf = Buffer.from(await decompress(woff2)); + const out = await subsetFont(ttf, text, { targetFormat: 'woff2' }); + faceBytes += out.length; + console.log(`${file.padEnd(9)} ${(out.length / 1024).toFixed(0).padStart(3)} KB`); + faces.push( + `@font-face{font-family:'Pretendard';font-style:normal;font-weight:${weight};font-display:swap;` + + `src:url(data:font/woff2;base64,${out.toString('base64')}) format('woff2');}`, + ); +} +console.log(`글꼴 합계 ${(faceBytes / 1024).toFixed(0)} KB (아트보드 1개당)`); + +// 3) 치환해서 내보낸다 +mkdirSync(OUT, { recursive: true }); +const joined = faces.join('\n'); +let total = 0; +for (const name of names) { + const src = readFileSync(join(TPL, name), 'utf8'); + if (!src.includes('/*PRETENDARD*/')) console.error(`warn: ${name} 에 /*PRETENDARD*/ 토큰이 없습니다`); + const out = src.replace('/*PRETENDARD*/', joined); + writeFileSync(join(OUT, name), out, 'utf8'); + total += out.length; + console.log(`${name} — ${(out.length / 1024).toFixed(0)} KB`); +} +console.log(`${names.length} artboards built · 합계 ${(total / 1024 / 1024).toFixed(1)} MB`); diff --git a/.design/surinz/record/Loading.dc.html b/.design/surinz/record/Loading.dc.html new file mode 100644 index 0000000..7fc64ac --- /dev/null +++ b/.design/surinz/record/Loading.dc.html @@ -0,0 +1,315 @@ + + + + + + + + + + + + +
+ +
+
+ +
+ +
+ + +
+ + +
+
+ + + +
+
+

달빛조각사

+ +
+
+ + +
+
+ +
+ +
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
+
+
+
+
+ +
+
랭크전 파티 · 2026 시즌3
+
+
+
+
+
+ + + + +
+ + +
+
+
+ +
종합
+ +
+ +
+ +
+
+

동향 스탯

+
+
+ + +
+
+
+
킬뎃
+
헤드샷
+
경기당 딜량
+
+
+
+ 주무기
킬뎃 +
+
+
+
+
+
+
+
+ +
+
+

랭크전 시즌

+ 솔로파티 +
+ +
+ 시즌티어RP +
+
+
+
+
+
+ +
+
+
승률
+
킬뎃
+
헤드샷
+
경기당 딜량
+
+
+ +
+

랭크·클랜 성적

+
+ 모드판수승률 +
+
+
+
+
+ +
+
+

같이 한 유저

최근 100경기 +
+
+ 유저판수내 승률 +
+
+
+
+
+
+
+ +
+
+

자주 만난 상대

최근 100경기 +
+
+ 유저판수내 승률 +
+
+
+
+
+
+
+
+ +
+ +
+
+

최근 폼

+
+ +
+
+
+
+
+ ← 최근
+ +
+
+
+
+
승률
+
+
+
+
+
킬뎃
+
+
+
+
+
헤드샷
+
+
+
+
+
+
+ +
+
+

경기 기록

+
+ +
+ + +
+ 전체랭크전클랜전토너먼트일반전 +
+ +
+ 결과모드 + 킬 · 데스 · 어시킬뎃헤드샷딜량 + 시각 +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+ 서린즈이용약관개인정보 처리방침문의하기 +
넥슨 공개 API 기반 · 서든어택 비공식 서비스 +
+
+
+ + diff --git a/.design/surinz/record/Main.dc.html b/.design/surinz/record/Main.dc.html new file mode 100644 index 0000000..3051f3c --- /dev/null +++ b/.design/surinz/record/Main.dc.html @@ -0,0 +1,386 @@ + + + + + + + + + + + + +
+ +
+
+ +
+ + + +
+ + + +
+ + +
+
+ + + +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+ +
+ +
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+
+ +
+
랭크전 파티 · 2026 시즌3
+
플래티넘 1
+
1,455 RP
+
+
+
+ + + +
+ + 12분 전에 불러왔어요 +
+
+
+ +
종합
+ + +
+ + +
+ + +
+
+

동향 스탯

+
+ +
+ 60% + 승률 · 12승 8패 +
+ +
+ + +
+ +
+
킬뎃
59%
+
헤드샷
36%
+
경기당 딜량
4,270
+
+ +
+
+ 주무기
킬뎃 +
+
+
라플61%
+
스나57%
+
특수48%
+
+
+
+ + +
+
+

랭크전 시즌

+ 솔로파티 +
+ +
+ 시즌티어RP +
+
2026 시즌3다이아 31,842
+
2026 시즌2플래티넘 21,610
+
2026 시즌1미배치
+
2025 시즌4골드 11,280
+
2025 시즌3실버 1740
+ +
2026 시즌3 · 솔로 기준
+
+
승률
62%
+
킬뎃
61%
+
헤드샷
38%
+
경기당 딜량
4,510
+
+
+ + +
+

랭크·클랜 성적

+
+ 모드판수승률 +
+
+ 솔로 랭크전 + 5판 + + 60% +
+
+ 파티 랭크전 + 3판 + + 33% +
+
+ 클랜전 + 4판 + + 50% +
+
+ +
+
+

같이 한 유저

최근 100경기 +
+
+ 유저판수내 승률 +
+
칼든햄스터38판58%
+
새벽두시29판62%
+
무명연대장24판50%
+
한밤의저격수19판74%
+
조용한총잡이15판47%
+
+ +
+
+

자주 만난 상대

최근 100경기 +
+
+ 유저판수내 승률 +
+
헤드샷장인22판41%
+
야간부대장18판56%
+
삼보급단골16판44%
+
웨어하우스지박령13판31%
+
칼든햄스터11판55%
+
+
+ + +
+ +
+
+

최근 폼

+
+ 최근 20판 · 최근 10판과 그 이전 10판 비교 +
+
+
+
+
+ ← 최근
+ 12승 8패 +
+
+
+
+
승률
+
70%20
+
이전 10판 50%
+
+
+
킬뎃
+
60%3
+
이전 10판 57%
+
+
+
헤드샷
+
36%1
+
이전 10판 35%
+
+
+
+
+ +
+
+

경기 기록

+
+ 9월 5일 18:08 기준 +
+ +
+ 전체랭크전클랜전토너먼트일반전 +
+ +
+ 결과모드 + 킬 · 데스 · 어시킬뎃헤드샷딜량 + 시각 +
+ +
일반전제3보급창고21 · 9 · 470%41%4,82014분 전
+ + +
+
+
+
+ + 우리 팀 +
+
+ 유저킬 · 데스 · 어시딜량 +
+
달빛조각사21 · 9 · 44,820
+
칼든햄스터14 · 11 · 63,210
+
새벽두시12 · 13 · 32,880
+
무명연대장9 · 14 · 82,140
+
한밤의저격수7 · 15 · 21,690
+
+
+
+ + 상대 팀 +
+
+ 유저킬 · 데스 · 어시딜량 +
+
헤드샷장인18 · 12 · 44,050
+
야간부대장15 · 13 · 53,470
+
삼보급단골11 · 12 · 72,610
+
웨어하우스지박령10 · 13 · 32,350
+
조용한총잡이8 · 13 · 61,920
+
+
+
+ +
일반전웨어하우스12 · 16 · 743%27%2,74032분 전
+
솔로 랭크전크로스카운터24 · 11 · 369%44%5,6101시간 전
+
일반전데드엔드19 · 7 · 673%39%4,3801시간 전
+
일반전아지트25 · 28 · 547%31%5,9402시간 전
+
솔로 랭크전제3보급창고17 · 13 · 857%35%3,9202시간 전
+
클랜전웨어하우스22 · 6 · 379%47%5,1803시간 전
+
솔로 랭크전크로스카운터9 · 14 · 439%29%2,1503시간 전
+
일반전데드엔드16 · 9 · 1164%33%3,640어제 21:40
+
일반전제3보급창고20 · 12 · 563%38%4,510어제 21:02
+
클랜전아지트11 · 13 · 246%30%2,480어제 20:24
+
일반전웨어하우스31 · 22 · 658%36%7,260어제 19:51
+
토너먼트크로스카운터18 · 8 · 769%42%4,1209월 3일
+
파티 랭크전데드엔드13 · 15 · 546%28%2,9809월 3일
+ + +
+
+
+ +
+ 서린즈이용약관개인정보 처리방침문의하기 +
넥슨 공개 API 기반 · 서든어택 비공식 서비스 +
+
+
+ + diff --git a/.design/surinz/record/Maps.dc.html b/.design/surinz/record/Maps.dc.html new file mode 100644 index 0000000..7d2b01d --- /dev/null +++ b/.design/surinz/record/Maps.dc.html @@ -0,0 +1,272 @@ + + + + + + + + + + + + +
+ +
+
+ +
+ + + +
+ + + +
+ + +
+
+ + + +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+ +
+ +
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+
+ +
+
랭크전 파티 · 2026 시즌3
+
플래티넘 1
+
1,455 RP
+
+
+
+ + + +
+ + 12분 전에 불러왔어요 +
+
+
+ +
종합
+ +
+
+

맵별 성적

+ 전체 경기 · 많이 한 순서 +
+
+
+ +
+
+ 제3보급창고 + 132판 +
+
+ 64% + 승률 +
+ 84승 48패 +
+
+
킬뎃
61%
+
헤드샷
37%
+
경기당 딜량
4,480
+
+
+
+
+ +
+
+ 웨어하우스 + 96판 +
+
+ 53% + 승률 +
+ 51승 45패 +
+
+
킬뎃
56%
+
헤드샷
34%
+
경기당 딜량
4,120
+
+
+
+
+ +
+
+ 크로스카운터 + 88판 +
+
+ 60% + 승률 +
+ 53승 35패 +
+
+
킬뎃
58%
+
헤드샷
38%
+
경기당 딜량
4,310
+
+
+
+
+ +
+
+ 데드엔드 + 61판 +
+
+ 48% + 승률 +
+ 29승 32패 +
+
+
킬뎃
53%
+
헤드샷
32%
+
경기당 딜량
3,940
+
+
+
+
+ +
+
+ 아지트 + 43판 +
+
+ 42% + 승률 +
+ 18승 25패 +
+
+
킬뎃
48%
+
헤드샷
30%
+
경기당 딜량
3,720
+
+
+
+
+
+ +
+ 서린즈이용약관개인정보 처리방침문의하기 +
넥슨 공개 API 기반 · 서든어택 비공식 서비스 +
+
+
+ + diff --git a/.design/surinz/record/States.dc.html b/.design/surinz/record/States.dc.html new file mode 100644 index 0000000..ef9ff29 --- /dev/null +++ b/.design/surinz/record/States.dc.html @@ -0,0 +1,308 @@ + + + + + + + + + + + + +
+ +

전적 — 없는 닉네임 · 첫 조회 · 갱신 중 · 실패

+

전적 화면에서 실제로 가장 자주 마주치는 네 가지입니다. 점선 라벨은 설명용이고 실제 화면에는 없습니다. 프로필과 경기 기록은 서로 다른 응답이라, 한쪽만 실패하거나 한쪽만 늦게 도착할 수 있습니다 — 홈에서 정한 「섹션별로 따로 채운다」와 같은 규칙입니다.

+ + +
+ ① 없는 닉네임 + 비어 있음 · 실패 아님 + 넥슨에 그 닉네임이 없을 때 +
+
+
+
+ + +
+ + +
+ +
+
+ +

「야간부대장77」 님을 찾지 못했어요

+

닉네임 철자와 띄어쓰기를 다시 확인해 주세요. 서든어택에서 닉네임을 바꿨다면 바뀐 닉네임으로 찾을 수 있어요.

+
+ +
+
+ 이런 닉네임을 찾으셨나요? + 야간부대장 + 야간부대장7 +
+
+
+
+
+ + +
+ ② 첫 조회 + 비어 있음 + 유저는 있지만 서린즈가 아직 경기를 가져온 적 없을 때 — 프로필은 넥슨 기본 정보라 바로 나온다 +
+
+
+
+ + +
+ + +
+ +
+
+ +
+
+

새벽두시

+ 대위 4호 +
+
+ 클랜 없음 + + 마지막 플레이 3일 전 +
+
+
+
+ +
+
랭크전
+
배치 전
+
+
+ + +
+ + 아직 불러온 적 없어요 +
+
+
+ +
종합
+ +
+
+ +

아직 불러온 경기가 없어요

+

위에 있는 전적 불러오기 버튼을 누르면 최근 경기부터 정리해 드릴게요. 처음 한 번은 30초쯤 걸려요.

+
+
+
+
+ + +
+ ③ 갱신 중 + 화면 위쪽만 잘라 보여 줌 + 이미 보고 있던 내용은 지우지 않는다 — 버튼만 진행 상태가 되고, 모드 필터는 「전체」로 돌아간다 +
+
+
+
+
+ +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+ +
+ + 새로 올라온 경기를 확인하고 있어요 +
+
+
+ +
종합
+ +
+
+ 경기 기록 +
+ 9월 5일 18:08 기준 +
+
전체랭크전클랜전토너먼트일반전
+
+ 결과모드 + 킬 · 데스 · 어시킬뎃헤드샷딜량 + 시각 +
+
일반전제3보급창고21 · 9 · 470%41%4,82014분 전
+
일반전웨어하우스12 · 16 · 743%27%2,74032분 전
+
솔로 랭크전크로스카운터24 · 11 · 369%44%5,6101시간 전
+
+
+
+ + +
+ ④ 경기 기록 실패 + 실패 + 프로필은 다른 응답이라 그대로 남는다 — 실패한 쪽만 다시 부른다 +
+
+
+
+ + +
+ + +
+ +
+
+ +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+ +
+ + 12분 전에 불러왔어요 +
+
+
+ +
종합
+ +
+
+
+ 동향 스탯 +
+
+ +

일시적인 오류가 생겼어요.
잠시 후 다시 시도해 주세요.

+ +
+
+
+
+ 경기 기록 +
+
전체랭크전클랜전토너먼트일반전
+
+ +

일시적인 오류가 생겼어요.
잠시 후 다시 시도해 주세요.

+ +
+
+
+
+
+ +
+
+ + diff --git a/.design/surinz/record/canvas.json b/.design/surinz/record/canvas.json new file mode 100644 index 0000000..0b3bc63 --- /dev/null +++ b/.design/surinz/record/canvas.json @@ -0,0 +1,97 @@ +{ + "artboards": [ + { + "file": "Main.dc.html", + "title": "전적 · 데스크톱 1440", + "x": 0, + "y": 0, + "w": 1440, + "h": 2100 + }, + { + "file": "Loading.dc.html", + "title": "전적 · 로딩", + "x": 1600, + "y": 0, + "w": 1440, + "h": 2100 + }, + { + "file": "Maps.dc.html", + "title": "전적 · 맵 탭", + "x": 3200, + "y": 0, + "w": 1440, + "h": 820 + }, + { + "file": "States.dc.html", + "title": "전적 · 없는 닉네임 · 첫 조회 · 갱신 중 · 실패", + "x": 4800, + "y": 0, + "w": 1560, + "h": 3060 + } + ], + "annotations": [ + { + "id": "note-main", + "x": 0, + "y": -1080, + "w": 800, + "text": "전적 화면 · 1차 시안 (경기 목록 중심)\n\n얼개\n왼쪽 300px 요약 레일 + 오른쪽 경기 목록입니다. 홈의 균등 3열 그리드는 쓰지 않았습니다 — 이 화면의 주인공은 목록 하나뿐이라, 세 열로 나누면 목록이 좁아지기만 합니다. 대신 홈에서 굳은 것들은 그대로 가져왔습니다: 옅은 색면(#FAFBFC) + 아래 경계선으로 만든 한 층(홈은 히어로, 여기는 프로필), 카드 그림자 없는 구분선 기반 표, 알약 탭과 밑줄 세그먼트의 역할 구분, 실패·비어 있음 블록 규격.\n\n홈에서 일부러 뺐던 수치들의 자리\n홈 랭킹에서는 승률·K/D·헤드샷·판수를 전부 뺐습니다. 그래서 이 화면이 그 수치들의 유일한 자리입니다. 왼쪽 레일 위쪽은 프로필의 「동향 스탯」을 그대로 옮긴 자리입니다 — 승률(큰 숫자) · 킬뎃 · 헤드샷 · 딜량, 그리고 주무기 라플/스나/특수 비율. 딜량만 수치이고 나머지는 백분율입니다. 그 아래 「랭크전 시즌」도 프로필에서 오고, 맨 아래 「모드별 성적」만 경기 기록에서 직접 센 값입니다. 히어로 문구가 약속한 「최근 경기 흐름부터 자주 쓰는 무기까지」는 이 두 블록이 지킵니다.\n동향 스탯은 넥슨이 주는 값이라 경기 목록에서 다시 계산하지 않습니다. 두 곳이 어긋날 수 있으니 한쪽만 진짜로 둡니다 — 승률은 동향 스탯 값을 쓰고, 옆의 「12승 8패」와 승/패 막대만 경기 기록에서 셉니다.\n\n경기 한 줄의 열 — 결과 / 모드 / 맵 / 킬·데스·어시 / 킬뎃 / 헤드샷 / 딜량 / 시각\n목록 위 세그먼트는 경기 종류입니다 — 전체 / 랭크전 / 클랜전 / 토너먼트 / 일반전.\n넥슨에서 받을 수 없는 것 셋을 뺐습니다 — 판별 RP 증감, 경기 스코어(8 : 5), 그 판의 주 무기. 1차 시안에는 세 열이 다 있었습니다.\n· 값이 여섯 개로 줄어 행 높이를 홈 표와 같은 46px 로 되돌렸습니다. 56px 은 한 줄에 아홉 개를 담으려던 값이었습니다.\n· 맵 칸은 222px 입니다.\n· 데스만 색을 달리했습니다(#C4453D). 킬·어시는 검정 그대로이고 가운뎃점은 옅게 두어, 한 칸 안에서 세 수가 눈으로 갈립니다. 이 빨강은 패·하락과 같은 값이라 팔레트에 색이 늘지는 않습니다.\n· 딜량은 그 판의 실제 딜 수치로 뒀습니다(4,820 같은 숫자). 동향 스탯의 딜량은 백분율인데 판별 값도 %라면 알려 주세요 — 그때는 킬뎃·헤드샷과 같은 모양이 됩니다. 남는 폭을 숫자 열에 나눠 주고 맵을 늘림 칸으로 두어, 수치는 오른쪽에 모이고 글자는 왼쪽에 남습니다.\n· 킬뎃은 킬 ÷ (킬 + 데스) 를 백분율로 적습니다(21킬 9데스 → 70%). 서든어택에서 쓰는 표기라 최댓값이 100% 이고, KDA(=(킬+어시)÷데스)나 1.41 같은 소수 표기는 쓰지 않습니다. 왼쪽 레일의 요약 타일도 같은 표기입니다.\n· 오른쪽 끝 화살표를 누르면 그 줄 아래에 팀 스코어보드가 열립니다. 첫 줄을 펼친 모습으로 그려 뒀고, 펼친 줄의 화살표는 위를 봅니다.\n\n프로필 헤더\n클랜은 마크 없이 이름만 둡니다 — 20px 타일에 들어간 클랜 마크는 알아보기도 어렵고, 이 줄에서 눈이 가야 하는 건 닉네임과 계급입니다. 계급·티어 타일만 이미지 자리로 남습니다.\n마지막 줄은 「마지막 플레이 2시간 전」입니다 — 접속이 아니라 마지막으로 한 판 한 시각을 말합니다.\n\n최근 폼\n경기 목록 바로 위에 뒀습니다 — 그 아래 스무 판을 요약한 것이라 붙어 있어야 하고, 왼쪽 레일에 넣으면 프로필 성격의 블록(동향 스탯·랭크전 시즌) 사이에 목록 요약이 끼어듭니다. 오른쪽 열이 840 → 970px 로 늘어 레일과 균형도 맞습니다.\n· 제목 옆 문구를 「견줍니다」에서 「비교」로 바꿨습니다. 화면에 나가는 말은 실제로 쓰는 말로만 씁니다 — 아래 「문구 규칙」에 정리해 뒀습니다.\n· 스무 칸은 왼쪽이 최근입니다. 아래 목록도 위에서 아래로 최근 → 과거라 둘이 같은 방향을 가리킵니다. 가운데를 12px 벌려 앞의 10판과 뒤의 10판을 눈으로 가릅니다 — 오른쪽 비교 수치가 그 두 구간입니다.\n· 한 블록에 색이 셋입니다. 칸의 파랑·빨강은 이긴 판·진 판, 화살표의 초록·빨강은 지표가 올랐다·내렸다 — 기본 요소의 의미 색 셋을 각자 제 뜻으로 씁니다. 승패에 초록을 안 쓰기로 한 덕분에 한 블록에 둘이 같이 있어도 헷갈리지 않습니다.\n· 수치는 전부 이 목록에서 직접 센 값입니다. 왼쪽 동향 스탯은 넥슨이 주는 값이라 역할이 갈립니다 — 두 곳의 킬뎃(59% / 60%)이 달라도 어긋난 게 아닙니다.\n· 딜량은 지금 셋(승률·킬뎃·헤드샷)에 넣지 않았습니다. 판별 딜량이 있으니 넷째 지표로 넣을 수 있습니다 — 필요하면 말씀해 주세요.\n· 지금 예시는 세 지표가 모두 올라 ▲ 뿐입니다. 내려가면 ▼ 빨강, 같으면 홈의 「변동 없음」과 같은 짧은 선이 들어갑니다.\n\n갱신\n이 화면의 주 동작이라 브랜드 오렌지 면 + 흰 글자로 두었습니다(홈의 「찾아보기」와 같은 급). 버튼 아래에 마지막으로 불러온 시각을 둡니다. 갱신을 누르면 보고 있던 내용은 지우지 않고 버튼만 진행 상태가 되며, 모드 필터는 「전체」로 돌아갑니다 — 상태 아트보드 ③.\n\n헤더\n홈에서는 돋보기가 스크롤한 뒤에만 나타났습니다. 이 화면에는 히어로 검색창이 없으니 처음부터 둡니다 — 같은 것이 둘이 되지 않고, 다른 유저를 찾는 일이 이 화면에서 제일 잦습니다. 헤더에 입력칸을 다시 넣지는 않았습니다.\n\n승 · 패 색 — C(파랑 / 빨강) 확정\n승 #2A5FCC · 패 #C4453D. 후보 비교 아트보드는 결정이 끝나 지웠고, 고른 이유만 여기 남깁니다.\n· 초록/빨강(A)은 새 색을 안 늘려도 되지만, 같은 두 색이 랭킹에서는 「등락」, 여기서는 「승패」로 두 가지 뜻이 됩니다.\n· 승만 초록으로 강조(B)하면 화면은 조용해지지만 연패 구간이 눈에 덜 띕니다.\n· 파랑/빨강(C)은 승과 패가 가장 멀리 떨어져 스무 줄을 훑을 때 제일 빨리 읽히고, 패 빨강 옆에 오렌지 글자가 와도 파랑이 승을 확실히 잡아 줍니다. 브랜드 컬러 아트보드가 예고했던 「글자용 오렌지와 하락 빨강이 18° 차이」 문제가 이 선택으로 풀립니다. 대신 팔레트에 색이 하나 늘었습니다.\n왼쪽 레일의 승/패 비율 막대도 같은 두 색입니다. 모드별 승률과 무기 비중 막대는 승패가 아니라 크기를 나타내므로 검정(#14161A)을 그대로 둡니다.\n이 화면에 초록은 한 군데도 없습니다. 랭킹의 등락은 계속 초록·빨강이고, 두 화면이 같은 색을 다른 뜻으로 쓰던 문제가 없어졌습니다.\n\n예시 데이터\n닉네임 · 클랜명 · 맵 이름 · 무기 이름 · 계급명 · 티어명과 모든 수치는 예시입니다. 다만 서로 어긋나지 않게 맞춰 두었습니다 — 보이는 열네 줄의 킬 합(258)과 데스 합(183)이 왼쪽 킬뎃 59% 와 맞고, 스무 판의 승·패(12승 8패)도 요약과 같습니다. 「모드별 성적」은 랭크·클랜만 따로 본 표라 판수 합이 12 입니다 — 나머지 여덟 판은 일반전 7 · 토너먼트 1 입니다. 계급 타일과 티어 타일은 실제 에셋 자리로, 지금은 회색 타일에 약식 표장을 그려 뒀습니다(홈과 같은 방식).\n\n닫은 것들 (2026-09-11)\n· 동향 스탯에는 집계 기준이 없습니다 — 넥슨 API 가 주는 값 그대로라 기간을 말할 수 없습니다. 제목 옆 [집계 기준] 자리표시를 지웠습니다. 그래서 이 블록만 「최근 N」이 안 붙고, 화면의 기준은 둘(맵 = 전체, 같이 한 유저 = 100경기, 나머지 = 20경기)로 정리됐습니다.\n· 주무기 라플·스나·특수는 비중이 아니라 «계열별 킬뎃» 입니다. 셋의 합이 100% 가 아니라 각각이 최대 100% 입니다. 값을 61 / 57 / 48% 로 고치고, 소제목 오른쪽에 「킬뎃」을 적어 무엇을 재는 숫자인지 밝혔습니다. 막대는 그대로 두었습니다 — 0~100 을 재는 자리라 길이가 그대로 뜻이 됩니다.\n· 맵 그림은 스크린샷(16:9)입니다. 맵 탭 카드가 이미 그 비율이라 바꿀 것이 없습니다.\n· 팀 스코어보드 인원은 모드마다 다릅니다. 지금 아트보드는 다섯 명씩이고, 실제로는 그 판의 인원만큼 줄이 생깁니다.\n· 「모드별 성적」을 「랭크·클랜 성적」으로 바꿨습니다 — 담긴 것이 모드가 아니라 경기 종류입니다.\n· 집계 자리의 딜량 라벨을 「경기당 딜량」으로 바꿨습니다(동향 스탯 · 시즌 · 맵 카드). 경기 한 줄의 「딜량」은 그 판의 딜이라 그대로입니다.\n· 미배치 시즌을 고르면 아래 넉 장 대신 「이 시즌은 배치를 받지 않았어요」 한 줄이 들어갑니다.\n· 닉네임은 눌러서 그 사람 전적으로 갑니다 — 랭킹 표와 「같이 한 유저 · 자주 만난 상대」 모두. 평소에는 검정이고 hover 에서만 오렌지가 됩니다. 표 한가득 오렌지가 되지 않게 하려는 것입니다.\n· 「같이 한 유저」는 100경기 중 10판 이상 만난 사람부터 봅니다.\n· 「배치 전」 · 「클랜 없음」 같은 빈 값은 회색 글자 그대로 둡니다.\n\n나중에 꺼낼 것 (지금은 안 넣음)\n· 즐겨찾기(별) — 로그인과 엮입니다.\n· 랭크전 RP 흐름 — 시즌 표가 이미 오르내림을 말합니다.\n· 「같이 한 유저」의 클랜원 탭 — 요구가 생기면 알약 탭 하나면 됩니다.\n· 기간 필터(7일 / 30일 / 시즌) — 지금은 최근 20경기 고정입니다.\n· 닉네임 변경 이력 · 전적 공유 · 연승 기록 · 클랜 카드 · 계급 진행도 · 칭호." + }, + { + "id": "note-loading", + "x": 1600, + "y": -560, + "w": 800, + "text": "전적 로딩 — 홈과 같은 기준\n\n「서버 응답이 없어도 그릴 수 있는 것은 전부 즉시 그린다」를 그대로 적용했습니다.\n\n즉시 그리는 것\n· 헤더 전체, 푸터, 섹션 제목, 표 머리, 경기 종류 세그먼트와 솔로·파티 알약(고정 문구), 스탯 타일의 라벨(킬뎃 · 헤드샷 · 딜량)과 「주무기」\n· 닉네임 — 검색어라 응답을 기다릴 필요가 없습니다. 이 화면에서 제일 크고 제일 먼저 눈이 가는 글자가 처음부터 제자리에 있습니다.\n· 「전적 갱신」 버튼 — 기다리는 동안에도 누를 수 있어야 합니다.\n\n회색으로 두는 것\n계급 타일과 계급명, 클랜, 마지막 접속, 랭크전 두 블록의 값, 마지막 갱신 시각, 승률과 승/패 막대, 스탯 타일의 값, 주무기 세 줄, 시즌 표 네 줄(순위 포함)과 그 아래 넉 장, 모드별 세 줄, 경기 열네 줄(딜량 칸 포함), 「20경기 · 전체 모드」처럼 데이터에서 나오는 수치.\n\n모양은 홈과 같습니다 — #EDEFF2 한 색, 1.6초에 한 번 쓸어가기, 글자 자리는 높이 10~13px 에 라운드 5px, 막대 폭은 54~84% 로 흩어 놓기, 행 높이와 구분선은 실제 화면과 동일. 움직임 줄이기를 켠 기기에서는 쓸어가기가 꺼집니다.\n\n프로필과 경기 기록은 서로 다른 응답입니다. 프로필이 먼저 오면 위쪽만 먼저 채워지고 목록은 회색으로 남습니다 — 홈의 「섹션별로 따로 채운다」와 같습니다." + }, + { + "id": "note-states", + "x": 4800, + "y": -620, + "w": 800, + "text": "네 가지 상태\n\n① 없는 닉네임 — 실패가 아니라 「비어 있음」으로 다뤘습니다.\n서버는 404 를 주겠지만, 에러 코드 맵의 RES_001 문장(「요청하신 정보나 페이지를 찾을 수 없습니다.」)을 그대로 쓰면 사용자가 다음에 뭘 해야 할지 알 수 없습니다. 그래서 이 화면만의 문구를 썼습니다. 규칙(실패 문구는 코드 맵 문장을 그대로 쓴다)에서 벗어나는 자리라 짚어 둡니다 — 「없는 닉네임」을 404 실패로 볼지, 검색 결과 0건으로 볼지 정해 주세요.\n비슷한 닉네임 제안 칩은 있으면 좋겠다 싶어 넣어 봤습니다. 부분 일치 검색이 안 되면 빼겠습니다.\n\n② 첫 조회 — 유저는 있는데 서린즈가 아직 경기를 가져온 적 없는 경우.\n프로필(닉네임·계급·클랜)은 넥슨 기본 정보라 바로 나옵니다. 경기 쪽만 비어 있습니다. 같은 동작의 버튼을 화면에 둘 두지 않으려고, 본문 블록에는 버튼을 넣지 않고 헤더 버튼의 이름만 「전적 갱신」 → 「전적 불러오기」로 바꿨습니다. 버튼 아래 문구도 「아직 불러온 적 없어요」로 바뀝니다.\n랭크전이 배치 전이면 티어 자리는 빈 육각 + 「배치 전」입니다.\n\n③ 갱신 중 — 화면 위쪽만 잘라 보여 줍니다.\n보고 있던 내용을 지우거나 회색으로 덮지 않습니다. 버튼만 진행 상태가 되고, 모드 필터는 「전체」로 돌아갑니다. 새 경기가 들어오면 목록 위쪽에 붙습니다.\n\n④ 경기 기록 실패 — 프로필은 다른 응답이라 그대로 남습니다.\n최근 폼과 「같이 한 유저 · 자주 만난 상대」도 같은 응답에서 나오므로 따로 실패 블록을 두지 않고 경기 기록 쪽 블록 하나가 셋을 대신합니다.\n요약 레일과 경기 목록은 같은 응답이라 함께 실패합니다. 문구는 SYS_001 그대로, 「다시 시도」는 그 부분만 다시 부릅니다. 아이콘은 색으로 경고하지 않습니다(회색 원 + 선 아이콘).\n\n남은 것\n· 첫 조회 문구의 「30초쯤」은 실제 수집 시간에 맞춰 고쳐야 합니다.\n· 갱신에 시간 제한(예: 2분에 한 번)을 둘지 — 두면 버튼이 잠기는 상태와 그 문구가 하나 더 필요합니다." + }, + { + "id": "note-season", + "x": 900, + "y": -1080, + "w": 660, + "text": "랭크전 시즌\n티어와 RP 가 시즌마다 따로 남으므로 표로 뒀고, 열 이름은 「점수」가 아니라 「RP」입니다 — 프로필 헤더(「1,842 RP」)와 같은 말을 씁니다. 표 안의 값은 숫자만 두어 자릿수가 세로로 줄맞춤됩니다. 고른 시즌의 승률 · 킬뎃 · 헤드샷 · 딜량이 그 아래 넉 장으로 붙습니다. 지금은 2026 시즌3(진행 중)을 고른 상태이고, 고른 줄만 굵게 두어 표시했습니다.\n· 시즌 이름은 「2026 시즌3」 형태입니다. 연도가 앞에 붙어 길어지므로 시즌 칸을 72px 로 잡았습니다.\n· 순위는 넣지 않습니다. 데이터로는 지난 시즌 순위도 남지만, 티어와 RP 만으로 시즌 흐름은 충분히 읽히고 열이 늘면 레일이 좁아집니다. 프로필 헤더의 「전체 412위」도 같은 이유로 뺐습니다 — 헤더에는 티어와 RP 만 남습니다.\n· 진행하지 않은 시즌은 「미배치」입니다 — 티어 칸에 옅은 빈 육각과 회색 글자를 두고, RP 는 홈의 「변동 없음」과 같은 짧은 선으로 비웁니다. 줄을 빼지 않고 남기는 편이 시즌 흐름을 읽기 좋습니다(2026 시즌1 줄이 그 예입니다).\n· 솔로 / 파티는 알약 탭입니다. 홈의 랭크전 랭킹에서 솔로·파티·클랜을 알약으로 둔 것과 같은 층위라 같은 모양을 씁니다 — 시즌은 표 안에서, 갈래는 탭으로 고릅니다.\n· 프로필 헤더의 티어는 현재 시즌 값이라 라벨을 「랭크전 솔로 · 2026 시즌3」으로 고쳤습니다. 헤더는 지금, 이 블록은 지나온 시즌을 봅니다.\n· 넉 장의 값은 그 시즌의 랭크전만 센 것이라 위쪽 동향 스탯(전체)과 다릅니다. 두 블록이 같은 네 항목을 쓰므로 소제목에 「2026 시즌3 · 솔로 기준」을 붙여 갈라 뒀습니다.\n\n시즌이 쌓이면 — 표는 최근 넉 줄에서 멈춥니다\n한 해에 서너 시즌이면 2~3년 뒤에는 열 줄이 넘습니다. 표를 그대로 늘리면 레일만 길어지고, 아래 「모드별 성적」이 화면 밖으로 밀립니다. 그래서 표는 항상 최근 네 시즌까지만 그리고, 그 아래 「지난 시즌 더 보기」로 접습니다 — 홈의 「전체 보기」, 경기 목록의 「이전 경기 더 보기」와 같은 방식이라 새로 배울 것이 없습니다.\n· 진행 중인 시즌은 언제나 첫 줄에 있습니다. 접히는 것은 오래된 쪽뿐입니다.\n· 네 줄로 정한 이유는 「올해 흐름」이 대체로 네 시즌 안에 들어오기 때문입니다. 한 해 시즌 수가 확정되면 그 수에 맞추는 편이 낫습니다.\n· 더 보기를 누르면 전체 시즌을 어디에 보여줄지는 아직 안 정했습니다 — 표를 그 자리에서 펼칠지, 별도 화면으로 보낼지 정해 주세요. 열 줄 정도까지는 펼쳐도 무리가 없어 보입니다." + }, + { + "id": "note-copy", + "x": 900, + "y": -480, + "w": 660, + "text": "문구 규칙\n화면 문구는 딱딱하지 않게 씁니다. 「견줍니다」처럼 글에서나 보는 말은 쓰지 않고 「비교」처럼 실제로 쓰는 말을 씁니다.\n· 사용자에게 말을 거는 문장은 해요체로 통일합니다 — 「불러왔어요」 「걸려요」 「찾을 수 있어요」. 한 화면 안에서 합니다체와 섞지 않습니다.\n· 라벨과 보조 문구는 동사를 빼고 이름만 둡니다 — 「최근 10판과 그 이전 10판 비교」, 「최근 20판」, 「9월 5일 18:08 기준」.\n· 버튼 이름을 문장 안에서 부를 때 「」 를 씌우지 않습니다 — 「위의 「전적 불러오기」를 누르면」 대신 「위에 있는 전적 불러오기 버튼을 누르면」.\n· 에러 코드 맵의 문장도 해요체로 바꿨습니다. SYS_001 은 이제 「일시적인 오류가 생겼어요. 잠시 후 다시 시도해 주세요.」입니다 — 세 플랫폼이 함께 쓰는 문장이라 백엔드·프론트·플러터와 규칙 문서를 같이 고쳤습니다. 이 화면에서 예외로 남는 말투는 이제 없습니다." + }, + { + "id": "note-players", + "x": 0, + "y": 2180, + "w": 800, + "text": "같이 한 유저 · 자주 만난 상대\n\n둘 다 참가자 명단에서 센 값입니다. 명단이 있어야만 만들 수 있는 블록이라, 넥슨에서 경기별 참가자가 안 나오면 통째로 빠집니다.\n이 두 블록만 최근 100경기를 봅니다. 화면의 다른 값(동향 스탯 · 최근 폼 · 모드별 성적 · 경기 기록)은 최근 20경기 기준입니다 — 스무 판으로는 같은 사람을 서너 번밖에 못 만나 「자주」라는 말이 성립하지 않기 때문입니다. 기준이 다르므로 두 블록의 제목 옆에 「최근 100경기」를 반드시 붙여 둡니다.\n\n자리 — 왼쪽 레일 맨 아래\n처음에는 두 열 아래 전체 폭에 뒀는데, 그러면 「이전 경기 더 보기」로 스무 줄이 붙을 때마다 940px 씩 아래로 밀립니다. 두 번만 눌러도 못 보는 자리가 됩니다.\n레일에 두면 목록이 아무리 길어져도 자리가 안 바뀌고, 경기 목록을 아래로 밀지도 않습니다. 대신 레일이 1,050 → 1,640px 이 되어 처음 열었을 때 오른쪽이 비어 보입니다 — 더 보기를 한 번만 눌러도 오른쪽이 더 길어지므로 그 상태는 오래가지 않습니다.\n· 목록을 「더 보기」 대신 구간 이동(홈 랭킹처럼 ‹ 1~20 ›)으로 바꾸면 높이가 고정되어 어디에 두든 상관없어집니다. 지금은 바꾸지 않았습니다.\n\n한 줄의 구성 — 유저 / 판수 / 내 승률\n300px 라 막대는 뺐습니다. 닉네임 칸이 192px 이라 「웨어하우스지박령」처럼 여덟 글자까지 들어갑니다.\n· 승률 열 이름을 「내 승률」로 적었습니다. 그냥 「승률」이면 그 사람의 승률로 읽힙니다 — 여기 값은 내가 그 사람과 같은 편이었을 때, 또는 맞붙었을 때의 승률입니다.\n· 다섯 줄씩 뒀습니다. 더 필요하면 「더 보기」를 붙이면 되는데 지금은 넣지 않았습니다.\n· 닉네임 옆에 계급 타일이나 프로필 이미지는 두지 않았습니다. 참가자 명단에 닉네임만 있을 수도 있어서입니다 — 계급까지 나온다면 홈 랭킹처럼 26px 타일을 붙이겠습니다.\n\n예시 데이터\n닉네임은 홈 시안에서 쓰던 것을 그대로 가져왔습니다. 판수와 승률은 서로 맞습니다(19판 74% = 14승 5패 처럼 전부 정수로 떨어집니다). 「칼든햄스터」는 두 블록에 다 있습니다 — 같은 편이었던 판도, 맞붙은 판도 있는 경우입니다.\n\n정한 것\n· 100경기 중 10판 이상 만난 사람부터 봅니다.\n· 닉네임을 누르면 그 사람 전적으로 갑니다. 평소 검정, hover 에서만 오렌지입니다.\n· 클랜원만 거르는 탭은 요구가 생기면 붙입니다 — 지금은 넣지 않았습니다." + }, + { + "id": "note-tokens", + "x": 900, + "y": 2180, + "w": 660, + "text": "기본 요소에 올려야 할 값\n이 화면에서 처음 쓴 것들입니다. 「여기 없는 크기나 색은 먼저 기본 요소 아트보드에 올리고 나서 쓴다」는 규칙에 따라, 확정되면 옮겨 적어야 합니다.\n· 의미 색에 승 파랑 #2A5FCC 한 줄 — 지금 의미 색은 상승 초록 #12805C · 하락 빨강 #C4453D 둘뿐입니다\n· 계급 타일 64px(라운드 12) · 랭크전 티어 타일 40px(라운드 8) · 작은 티어 타일 22px(라운드 8)\n· 최근 폼 칸 14px(라운드 5)\n· 시즌 표 행 높이 38px\n· 동향 스탯 행 높이 34px (테두리 없는 소블록 — 표가 아니라서 구분선을 두지 않았습니다)\n· 비율 막대 두 종류 — 승/패 10px, 크기 막대 6px (둘 다 라운드 999)\n· 요약 타일 — 라운드 12, 바탕 #FAFBFC, 테두리 1px #EDEFF2 (실패·비어 있음 블록과 같은 면·선을 씁니다)\n· 닉네임 28px/700 — 글자 단계에는 이미 있지만(「아트보드 제목」) 화면에서 쓴 건 처음입니다" + }, + { + "id": "note-detail", + "x": 1700, + "y": 2180, + "w": 660, + "text": "한 판 펼침 — 팀 스코어보드\n우리 팀과 상대 팀을 나란히 두고, 각 줄은 유저 / 킬·데스·어시 / 딜량입니다. 목록 한 줄이 이미 킬뎃·헤드샷까지 말하고 있어서 여기서는 세 가지만 둡니다 — 열 명분을 다 적으면 표가 두 배로 무거워집니다.\n· 검색한 사람(달빛조각사)만 굵은 검정, 나머지는 회색입니다. 열 명 중 내 줄을 찾는 게 첫 번째 일이니까요.\n· 팀 제목 앞의 승·패는 목록과 같은 파랑·빨강입니다. 데스 색도 목록과 같습니다.\n· 바탕은 #FAFBFC + 1px #EDEFF2 + 라운드 16 — 실패·비어 있음 블록과 같은 면입니다. 목록 위에 덧대어진 층이라는 것이 이 면으로 읽힙니다.\n· 팀 인원은 다섯 명으로 그렸습니다. 모드마다 다르면(8대8 등) 알려 주세요.\n· 수치는 서로 맞습니다 — 우리 팀 킬 합(63)이 상대 팀 데스 합(63)과 같고, 반대도 같습니다.\n\n맵은 따로 탭으로 — 카드 그리드\n맵은 종류가 많고 한 칸에 그림 + 판수 · 승률 · 킬뎃 · 헤드샷 · 딜량까지 붙습니다. 레일에도, 목록 위 표에도 들어갈 양이 아니라 화면을 갈랐습니다.\n· 프로필 헤더 아래에 화면 갈래 탭(종합 / 맵)을 뒀습니다. 폭을 채우는 세그먼트(경기 종류)와 달리 왼쪽에 붙여 두어, 페이지를 가르는 탭과 목록을 거르는 탭이 눈에 다르게 보입니다.\n· 맵 화면은 다섯 칸씩 흐르는 카드 그리드입니다. 맵이 늘면 줄이 늘어납니다. 카드는 그림(16:9) + 맵 이름 · 판수 + 큰 승률 · 승패 수 + 킬뎃 · 헤드샷 · 딜량 셋입니다.\n· 맵만 «전체» 경기 기준입니다. 나머지 화면은 최근 20경기(같이 한 유저 · 자주 만난 상대는 100경기)를 봅니다 — 맵은 한 맵을 백 번 넘게 하기도 해서, 스무 판으로 자르면 맵마다 서너 판밖에 안 남습니다.\n· 승패 수를 승률 옆에 붙였습니다(84승 48패). 승률만으로는 「64% 인데 몇 판 기준인가」를 알 수 없고, 판수만으로는 어떻게 갈렸는지 모릅니다. 색은 화면의 승·패 색 그대로입니다.\n· 지금 카드는 다섯 개뿐입니다. 홈 시안에서 쓰던 맵 이름이 그것뿐이라 지어내지 않았습니다 — 실제 맵 목록을 주시면 채우겠습니다.\n· 레일의 「모드별 성적」은 탭 없이 원래대로 셋(솔로 랭크전·파티 랭크전·클랜전)만 봅니다.\n· 정렬은 많이 한 순서입니다. 승률 순이 나을지, 고를 수 있게 할지 정해 주세요.\n· 상태 화면 ②③④ 의 프로필 아래에도 같은 탭을 넣어 뒀습니다.\n\n시즌은 접지 않습니다\n한 시즌이 석 달이라 한 해에 넷씩만 쌓입니다. 3년을 해도 열두 줄이라 접을 만큼 긴 목록이 아니고, 첫 해에는 「더 보기」를 눌러도 같은 네 줄이 나옵니다. 그래서 「시즌 전체 보기」와 랭크전 탭을 둘 다 지우고, 레일 표가 가진 시즌을 그냥 다 폅니다.\n· 지금은 다섯 줄이고 시즌이 늘면 줄만 늘어납니다. 한 해에 156px 씩 자랍니다.\n· 시즌별 승률·킬뎃·헤드샷·딜량은 여전히 고른 시즌 것만 아래 넉 장으로 보입니다. 시즌끼리 한 표에서 견주는 화면은 없앴는데, 시즌이 넷씩만 쌓이는 동안에는 줄을 눌러 보는 편이 화면 하나를 더 만드는 것보다 낫다고 봤습니다.\n· 현재 시즌 티어·RP 는 프로필 헤더에도 있습니다. 표 첫 줄과 겹치지만, 헤더는 「지금」을 말하고 표는 「지나온 흐름」을 말하므로 그대로 뒀습니다." + } + ], + "launch": { + "view": "canvas" + } +} diff --git a/.design/surinz/surinz-record.html b/.design/surinz/surinz-record.html new file mode 100644 index 0000000..322b9c0 --- /dev/null +++ b/.design/surinz/surinz-record.html @@ -0,0 +1,11009 @@ + + + + +서린즈 전적 화면 + + + + + + + +
+ + + + diff --git a/.design/surinz/templates-record/Loading.dc.html b/.design/surinz/templates-record/Loading.dc.html new file mode 100644 index 0000000..65d7d35 --- /dev/null +++ b/.design/surinz/templates-record/Loading.dc.html @@ -0,0 +1,313 @@ + + + + + + + + + + + + +
+ +
+
+ +
+ +
+ + +
+ + +
+
+ + + +
+
+

달빛조각사

+ +
+
+ + +
+
+ +
+ +
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
+
+
+
+
+ +
+
랭크전 파티 · 2026 시즌3
+
+
+
+
+
+ + + + +
+ + +
+
+
+ +
종합
+ +
+ +
+ +
+
+

동향 스탯

+
+
+ + +
+
+
+
킬뎃
+
헤드샷
+
경기당 딜량
+
+
+
+ 주무기
킬뎃 +
+
+
+
+
+
+
+
+ +
+
+

랭크전 시즌

+ 솔로파티 +
+ +
+ 시즌티어RP +
+
+
+
+
+
+ +
+
+
승률
+
킬뎃
+
헤드샷
+
경기당 딜량
+
+
+ +
+

랭크·클랜 성적

+
+ 모드판수승률 +
+
+
+
+
+ +
+
+

같이 한 유저

최근 100경기 +
+
+ 유저판수내 승률 +
+
+
+
+
+
+
+ +
+
+

자주 만난 상대

최근 100경기 +
+
+ 유저판수내 승률 +
+
+
+
+
+
+
+
+ +
+ +
+
+

최근 폼

+
+ +
+
+
+
+
+ ← 최근
+ +
+
+
+
+
승률
+
+
+
+
+
킬뎃
+
+
+
+
+
헤드샷
+
+
+
+
+
+
+ +
+
+

경기 기록

+
+ +
+ + +
+ 전체랭크전클랜전토너먼트일반전 +
+ +
+ 결과모드 + 킬 · 데스 · 어시킬뎃헤드샷딜량 + 시각 +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+ 서린즈이용약관개인정보 처리방침문의하기 +
넥슨 공개 API 기반 · 서든어택 비공식 서비스 +
+
+
+ + diff --git a/.design/surinz/templates-record/Main.dc.html b/.design/surinz/templates-record/Main.dc.html new file mode 100644 index 0000000..0d53b0a --- /dev/null +++ b/.design/surinz/templates-record/Main.dc.html @@ -0,0 +1,384 @@ + + + + + + + + + + + + +
+ +
+
+ +
+ + + +
+ + + +
+ + +
+
+ + + +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+ +
+ +
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+
+ +
+
랭크전 파티 · 2026 시즌3
+
플래티넘 1
+
1,455 RP
+
+
+
+ + + +
+ + 12분 전에 불러왔어요 +
+
+
+ +
종합
+ + +
+ + +
+ + +
+
+

동향 스탯

+
+ +
+ 60% + 승률 · 12승 8패 +
+ +
+ + +
+ +
+
킬뎃
59%
+
헤드샷
36%
+
경기당 딜량
4,270
+
+ +
+
+ 주무기
킬뎃 +
+
+
라플61%
+
스나57%
+
특수48%
+
+
+
+ + +
+
+

랭크전 시즌

+ 솔로파티 +
+ +
+ 시즌티어RP +
+
2026 시즌3다이아 31,842
+
2026 시즌2플래티넘 21,610
+
2026 시즌1미배치
+
2025 시즌4골드 11,280
+
2025 시즌3실버 1740
+ +
2026 시즌3 · 솔로 기준
+
+
승률
62%
+
킬뎃
61%
+
헤드샷
38%
+
경기당 딜량
4,510
+
+
+ + +
+

랭크·클랜 성적

+
+ 모드판수승률 +
+
+ 솔로 랭크전 + 5판 + + 60% +
+
+ 파티 랭크전 + 3판 + + 33% +
+
+ 클랜전 + 4판 + + 50% +
+
+ +
+
+

같이 한 유저

최근 100경기 +
+
+ 유저판수내 승률 +
+
칼든햄스터38판58%
+
새벽두시29판62%
+
무명연대장24판50%
+
한밤의저격수19판74%
+
조용한총잡이15판47%
+
+ +
+
+

자주 만난 상대

최근 100경기 +
+
+ 유저판수내 승률 +
+
헤드샷장인22판41%
+
야간부대장18판56%
+
삼보급단골16판44%
+
웨어하우스지박령13판31%
+
칼든햄스터11판55%
+
+
+ + +
+ +
+
+

최근 폼

+
+ 최근 20판 · 최근 10판과 그 이전 10판 비교 +
+
+
+
+
+ ← 최근
+ 12승 8패 +
+
+
+
+
승률
+
70%20
+
이전 10판 50%
+
+
+
킬뎃
+
60%3
+
이전 10판 57%
+
+
+
헤드샷
+
36%1
+
이전 10판 35%
+
+
+
+
+ +
+
+

경기 기록

+
+ 9월 5일 18:08 기준 +
+ +
+ 전체랭크전클랜전토너먼트일반전 +
+ +
+ 결과모드 + 킬 · 데스 · 어시킬뎃헤드샷딜량 + 시각 +
+ +
일반전제3보급창고21 · 9 · 470%41%4,82014분 전
+ + +
+
+
+
+ + 우리 팀 +
+
+ 유저킬 · 데스 · 어시딜량 +
+
달빛조각사21 · 9 · 44,820
+
칼든햄스터14 · 11 · 63,210
+
새벽두시12 · 13 · 32,880
+
무명연대장9 · 14 · 82,140
+
한밤의저격수7 · 15 · 21,690
+
+
+
+ + 상대 팀 +
+
+ 유저킬 · 데스 · 어시딜량 +
+
헤드샷장인18 · 12 · 44,050
+
야간부대장15 · 13 · 53,470
+
삼보급단골11 · 12 · 72,610
+
웨어하우스지박령10 · 13 · 32,350
+
조용한총잡이8 · 13 · 61,920
+
+
+
+ +
일반전웨어하우스12 · 16 · 743%27%2,74032분 전
+
솔로 랭크전크로스카운터24 · 11 · 369%44%5,6101시간 전
+
일반전데드엔드19 · 7 · 673%39%4,3801시간 전
+
일반전아지트25 · 28 · 547%31%5,9402시간 전
+
솔로 랭크전제3보급창고17 · 13 · 857%35%3,9202시간 전
+
클랜전웨어하우스22 · 6 · 379%47%5,1803시간 전
+
솔로 랭크전크로스카운터9 · 14 · 439%29%2,1503시간 전
+
일반전데드엔드16 · 9 · 1164%33%3,640어제 21:40
+
일반전제3보급창고20 · 12 · 563%38%4,510어제 21:02
+
클랜전아지트11 · 13 · 246%30%2,480어제 20:24
+
일반전웨어하우스31 · 22 · 658%36%7,260어제 19:51
+
토너먼트크로스카운터18 · 8 · 769%42%4,1209월 3일
+
파티 랭크전데드엔드13 · 15 · 546%28%2,9809월 3일
+ + +
+
+
+ +
+ 서린즈이용약관개인정보 처리방침문의하기 +
넥슨 공개 API 기반 · 서든어택 비공식 서비스 +
+
+
+ + diff --git a/.design/surinz/templates-record/Maps.dc.html b/.design/surinz/templates-record/Maps.dc.html new file mode 100644 index 0000000..f48dc37 --- /dev/null +++ b/.design/surinz/templates-record/Maps.dc.html @@ -0,0 +1,270 @@ + + + + + + + + + + + + +
+ +
+
+ +
+ + + +
+ + + +
+ + +
+
+ + + +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+ +
+ +
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+
+ +
+
랭크전 파티 · 2026 시즌3
+
플래티넘 1
+
1,455 RP
+
+
+
+ + + +
+ + 12분 전에 불러왔어요 +
+
+
+ +
종합
+ +
+
+

맵별 성적

+ 전체 경기 · 많이 한 순서 +
+
+
+ +
+
+ 제3보급창고 + 132판 +
+
+ 64% + 승률 +
+ 84승 48패 +
+
+
킬뎃
61%
+
헤드샷
37%
+
경기당 딜량
4,480
+
+
+
+
+ +
+
+ 웨어하우스 + 96판 +
+
+ 53% + 승률 +
+ 51승 45패 +
+
+
킬뎃
56%
+
헤드샷
34%
+
경기당 딜량
4,120
+
+
+
+
+ +
+
+ 크로스카운터 + 88판 +
+
+ 60% + 승률 +
+ 53승 35패 +
+
+
킬뎃
58%
+
헤드샷
38%
+
경기당 딜량
4,310
+
+
+
+
+ +
+
+ 데드엔드 + 61판 +
+
+ 48% + 승률 +
+ 29승 32패 +
+
+
킬뎃
53%
+
헤드샷
32%
+
경기당 딜량
3,940
+
+
+
+
+ +
+
+ 아지트 + 43판 +
+
+ 42% + 승률 +
+ 18승 25패 +
+
+
킬뎃
48%
+
헤드샷
30%
+
경기당 딜량
3,720
+
+
+
+
+
+ +
+ 서린즈이용약관개인정보 처리방침문의하기 +
넥슨 공개 API 기반 · 서든어택 비공식 서비스 +
+
+
+ + diff --git a/.design/surinz/templates-record/States.dc.html b/.design/surinz/templates-record/States.dc.html new file mode 100644 index 0000000..5d7cdc2 --- /dev/null +++ b/.design/surinz/templates-record/States.dc.html @@ -0,0 +1,306 @@ + + + + + + + + + + + + +
+ +

전적 — 없는 닉네임 · 첫 조회 · 갱신 중 · 실패

+

전적 화면에서 실제로 가장 자주 마주치는 네 가지입니다. 점선 라벨은 설명용이고 실제 화면에는 없습니다. 프로필과 경기 기록은 서로 다른 응답이라, 한쪽만 실패하거나 한쪽만 늦게 도착할 수 있습니다 — 홈에서 정한 「섹션별로 따로 채운다」와 같은 규칙입니다.

+ + +
+ ① 없는 닉네임 + 비어 있음 · 실패 아님 + 넥슨에 그 닉네임이 없을 때 +
+
+
+
+ + +
+ + +
+ +
+
+ +

「야간부대장77」 님을 찾지 못했어요

+

닉네임 철자와 띄어쓰기를 다시 확인해 주세요. 서든어택에서 닉네임을 바꿨다면 바뀐 닉네임으로 찾을 수 있어요.

+
+ +
+
+ 이런 닉네임을 찾으셨나요? + 야간부대장 + 야간부대장7 +
+
+
+
+
+ + +
+ ② 첫 조회 + 비어 있음 + 유저는 있지만 서린즈가 아직 경기를 가져온 적 없을 때 — 프로필은 넥슨 기본 정보라 바로 나온다 +
+
+
+
+ + +
+ + +
+ +
+
+ +
+
+

새벽두시

+ 대위 4호 +
+
+ 클랜 없음 + + 마지막 플레이 3일 전 +
+
+
+
+ +
+
랭크전
+
배치 전
+
+
+ + +
+ + 아직 불러온 적 없어요 +
+
+
+ +
종합
+ +
+
+ +

아직 불러온 경기가 없어요

+

위에 있는 전적 불러오기 버튼을 누르면 최근 경기부터 정리해 드릴게요. 처음 한 번은 30초쯤 걸려요.

+
+
+
+
+ + +
+ ③ 갱신 중 + 화면 위쪽만 잘라 보여 줌 + 이미 보고 있던 내용은 지우지 않는다 — 버튼만 진행 상태가 되고, 모드 필터는 「전체」로 돌아간다 +
+
+
+
+
+ +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+ +
+ + 새로 올라온 경기를 확인하고 있어요 +
+
+
+ +
종합
+ +
+
+ 경기 기록 +
+ 9월 5일 18:08 기준 +
+
전체랭크전클랜전토너먼트일반전
+
+ 결과모드 + 킬 · 데스 · 어시킬뎃헤드샷딜량 + 시각 +
+
일반전제3보급창고21 · 9 · 470%41%4,82014분 전
+
일반전웨어하우스12 · 16 · 743%27%2,74032분 전
+
솔로 랭크전크로스카운터24 · 11 · 369%44%5,6101시간 전
+
+
+
+ + +
+ ④ 경기 기록 실패 + 실패 + 프로필은 다른 응답이라 그대로 남는다 — 실패한 쪽만 다시 부른다 +
+
+
+
+ + +
+ + +
+ +
+
+ +
+
+

달빛조각사

+ 중령 2호 +
+
+ 무명연대 + + 마지막 플레이 2시간 전 +
+
+
+
+ +
+
랭크전 솔로 · 2026 시즌3
+
다이아 3
+
1,842 RP
+
+
+ +
+ + 12분 전에 불러왔어요 +
+
+
+ +
종합
+ +
+
+
+ 동향 스탯 +
+
+ +

일시적인 오류가 생겼어요.
잠시 후 다시 시도해 주세요.

+ +
+
+
+
+ 경기 기록 +
+
전체랭크전클랜전토너먼트일반전
+
+ +

일시적인 오류가 생겼어요.
잠시 후 다시 시도해 주세요.

+ +
+
+
+
+
+ +
+
+ +