Files
fanuzu/docs/디자인확인/index.html
T
Sn-Kinos 395590067c 디자인 확인 페이지 — Figma 원본과 앱 화면 대조
- 발주사 제공 Figma(계약 시점 사본, 03_Wireframe) 93화면과 Flutter 앱 화면을 나란히 수록
- 화면별 구조 유사도 · 픽셀 일치 · 문구 일치와 Figma 문구 중 앱에 없는 것 표시
- 앱 화면이 없는 18화면은 사유 표기 (외부 인증 화면, 1차 로그인 4종 확정에 따른 제외 등)
- docs/디자인확인/index.html 을 브라우저로 열어 확인
2026-09-30 07:52:44 +09:00

799 lines
60 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="ko"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<title>FANUZU 디자인 확인</title>
<style>
:root { --bg:#f7f7f8; --card:#fff; --ink:#1d1d1f; --sub:#6b6b72; --line:#e3e3e8; --acc:#6b4df0; }
@media (prefers-color-scheme: dark) { :root { --bg:#111114; --card:#1b1b20; --ink:#ececf1; --sub:#9a9aa3; --line:#2c2c33; --acc:#a594ff; } }
* { box-sizing:border-box }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.55 -apple-system, "Pretendard", "Apple SD Gothic Neo", sans-serif; }
main { max-width:1100px; margin:0 auto; padding:24px 16px 64px; }
h1 { font-size:24px; margin:0 0 4px } h2 { font-size:19px; margin:40px 0 12px; border-bottom:2px solid var(--acc); padding-bottom:6px }
.lead { color:var(--sub); margin:0 0 16px }
table { width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:8px; overflow:hidden }
th, td { padding:8px 10px; border-bottom:1px solid var(--line); text-align:left } th { color:var(--sub); font-weight:600 }
a { color:var(--acc) }
article { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:14px; margin:0 0 16px }
article header { margin-bottom:10px } code { color:var(--sub); font-size:12px; margin-left:6px }
.pair { display:grid; grid-template-columns:1fr 1fr; gap:12px }
figure { margin:0 } figcaption { font-size:12px; color:var(--sub); margin-bottom:4px }
figure img { width:100%; height:auto; border:1px solid var(--line); border-radius:6px; display:block }
.none { border:1px dashed var(--line); border-radius:6px; padding:40px 8px; text-align:center; color:var(--sub) }
dl { display:flex; gap:16px; flex-wrap:wrap; margin:10px 0 0 } dl div { display:flex; gap:6px } dt { color:var(--sub) } dd { margin:0; font-weight:600 }
details { margin-top:8px; color:var(--sub); font-size:13px }
@media (max-width:560px) { .pair { gap:6px } }
</style></head>
<body><main>
<h1>FANUZU 디자인 확인 — Figma 기준 개발 반영 화면</h1>
<p class="lead">발주사 제공 Figma(계약 시점 사본, 03_Wireframe)의 화면과 Flutter 앱 화면을 나란히 놓았습니다.
앱 화면은 2026-09-27 디자인 일치 작업본을 375pt 폭으로 렌더한 것이며, 표시 데이터는 확인용 표본입니다.
사용자 노출 브랜드는 FANUZU로 적용했으므로 Figma의 「Fancake」 표기는 앱에서 FANUZU로 보입니다.</p>
<table><thead><tr><th>화면 그룹</th><th>화면 수</th><th>앱 대조</th><th>평균 구조 유사도</th></tr></thead>
<tbody><tr><td><a href="#g-F0">F0 공통</a></td><td>2</td><td>1</td><td>92%</td></tr><tr><td><a href="#g-F1">F1 홈</a></td><td>5</td><td>5</td><td>85%</td></tr><tr><td><a href="#g-F2">F2 갤럭시</a></td><td>2</td><td>2</td><td>82%</td></tr><tr><td><a href="#g-F3">F3 행성 · 성운 상세</a></td><td>12</td><td>12</td><td>88%</td></tr><tr><td><a href="#g-F4">F4 퀘스트</a></td><td>10</td><td>10</td><td>91%</td></tr><tr><td><a href="#g-F5">F5 캠페인</a></td><td>8</td><td>8</td><td>84%</td></tr><tr><td><a href="#g-F6">F6 MY</a></td><td>20</td><td>19</td><td>79%</td></tr><tr><td><a href="#g-F7">F7 이클립스</a></td><td>3</td><td>3</td><td>93%</td></tr><tr><td><a href="#g-F8">F8 브리핑 공유</a></td><td>3</td><td>0</td><td>–</td></tr><tr><td><a href="#g-F9">F9 인사이드</a></td><td>10</td><td>10</td><td>89%</td></tr><tr><td><a href="#g-F10">F10 로그인 · 가입</a></td><td>18</td><td>5</td><td>87%</td></tr><tr><th>합계</th><th>93</th><th>75</th><th>86%</th></tr></tbody></table>
<p class="lead" style="margin-top:8px">구조 유사도는 SSIM, 픽셀 일치는 허용 오차 안의 픽셀 비율, 문구 일치는 Figma 문구가 앱 화면에 나타난 비율입니다.
앱 화면이 없는 곳에는 그 사유를 적었습니다.</p>
<section id="g-F0"><h2>F0 공통</h2>
<article id="F0-01">
<header><b>F0-01</b> Bottom Navigation <code>Node 350:215853</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F0-01.jpg" alt="F0-01 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">하단 탭은 각 탭 화면 렌더에 함께 들어 있습니다</div></figure>
</div>
</article>
<article id="F0-02">
<header><b>F0-02</b> 홈/알림 <code>Node 229:11265</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F0-02.jpg" alt="F0-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F0-02.jpg" alt="F0-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>92%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>56%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 8건</summary><p>INSIDE · 2026.04.28 10:40 · CAMPAINGN · 2026.04.28 10:40 · INSIDE · 2026.04.28 09:28 · BTS · 2026.04.27 10:40 · BTS · 2026.04.27 10:40 · 2026.04.26 · 아이템 · 2026.04.26 16:27 · 퀘스트 · 2026.04.26 13:27</p></details>
</article></section><section id="g-F1"><h2>F1 홈</h2>
<article id="F1-01">
<header><b>F1-01</b> 홈 <code>Node 252:159354</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F1-01.jpg" alt="F1-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F1-01.jpg" alt="F1-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>74%</dd></div><div><dt>픽셀 일치</dt><dd>91%</dd></div><div><dt>문구 일치</dt><dd>43%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>Fancake · [LIVE] 아미보이님의 아이템 사용으로 버프가 발동되 · 행성 성장률 · 다음 진화까지 얼마 안남았어요! · 오늘의 출석체크 · 출석 완료 · 보상받기 · 만보기 · 0/1,500 걸음 · +150 · 퀘스트 시작하기 · AI Daily Briefing · 1. · NewJeans, 빌보드 ‘Women in Music’ · 2.</p></details>
</article>
<article id="F1-02">
<header><b>F1-02</b> 홈/성운 생성 <code>Node 340:75466</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F1-02.jpg" alt="F1-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F1-02.jpg" alt="F1-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>85%</dd></div><div><dt>픽셀 일치</dt><dd>94%</dd></div><div><dt>문구 일치</dt><dd>67%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 3건</summary><p>창립맴버가 목표 POP을 10일내 달성하면
정식 행성 · 이미 사용중인 이름입니다. · 1,000,000</p></details>
</article>
<article id="F1-03">
<header><b>F1-03</b> 홈_성장 완료 <code>Node 344:213778</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F1-03.jpg" alt="F1-03 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F1-03.jpg" alt="F1-03 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>74%</dd></div><div><dt>픽셀 일치</dt><dd>83%</dd></div><div><dt>문구 일치</dt><dd>29%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>Fancake · [LIVE] 아미보이님의 아이템 사용으로 버프가 발동되 · 성운 성장률 100% · 50,000 / 50,000 · 출석체크 · 오늘의 출석체크 · 좋아요 · 커뮤니티 · 댓글 · 커뮤니티 · AI Daily Briefing · 공유 · BTS, 빌보드 ‘Men in Music’ 어워드 올해 · BTS, ‘Fack Love, 스포티파이 글로벌 차트 · 3</p></details>
</article>
<article id="F1-04">
<header><b>F1-04</b> 홈_성장 완료/행성 생성 <code>Node 344:214421</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F1-04.jpg" alt="F1-04 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F1-04.jpg" alt="F1-04 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>99%</dd></div><div><dt>픽셀 일치</dt><dd>100%</dd></div><div><dt>문구 일치</dt><dd>67%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>완료</p></details>
</article>
<article id="F1-05">
<header><b>F1-05</b> 홈_초기사용자 <code>Node 343:212939</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F1-05.jpg" alt="F1-05 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F1-05.jpg" alt="F1-05 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>11%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>Fancake · [LIVE] 아미보이님의 아이템 사용으로 버프가 발동되 · 행성을 생성 또는 가입하고
팬케이크를 시작해 보세요! · TODAY’S QUEST · 더 보기 · 출석체크 · 오늘의 출석체크 · 좋아요 · 커뮤니티 · 댓글 · 커뮤니티 · HOT ARCHIVE · 더 보기 · 다이브짱 · 92% 달성</p></details>
</article></section><section id="g-F2"><h2>F2 갤럭시</h2>
<article id="F2-01">
<header><b>F2-01</b> Galaxy <code>Node 354:220228</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F2-01.jpg" alt="F2-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F2-01.jpg" alt="F2-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>94%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F2-02">
<header><b>F2-02</b> Galaxy_검색 <code>Node 353:217832</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F2-02.jpg" alt="F2-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F2-02.jpg" alt="F2-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>71%</dd></div><div><dt>픽셀 일치</dt><dd>61%</dd></div><div><dt>문구 일치</dt><dd>18%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>ㅂ · ㅈ · ㄷ · ㄱ · ㅅ · ㅛ · ㅕ · ㅑ · ㅐ · ㅔ · ㅁ · ㄴ · ㅇ · ㄹ · ㅎ</p></details>
</article></section><section id="g-F3"><h2>F3 행성 · 성운 상세</h2>
<article id="F3-01">
<header><b>F3-01</b> Galaxy/성운 상세 <code>Node 373:442708</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-01.jpg" alt="F3-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-01.jpg" alt="F3-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>87%</dd></div><div><dt>픽셀 일치</dt><dd>85%</dd></div><div><dt>문구 일치</dt><dd>93%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>500,000</p></details>
</article>
<article id="F3-02">
<header><b>F3-02</b> Galaxy/성운 상세/신고하기 <code>Node 373:442007</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-02.jpg" alt="F3-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-02.jpg" alt="F3-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F3-03">
<header><b>F3-03</b> Galaxy/성운 상세/차단하기 <code>Node 373:442417</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-03.jpg" alt="F3-03 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-03.jpg" alt="F3-03 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>85%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>94%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>500,000</p></details>
</article>
<article id="F3-04">
<header><b>F3-04</b> Galaxy/행성 상세 <code>Node 373:441117</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-04.jpg" alt="F3-04 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-04.jpg" alt="F3-04 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>82%</dd></div><div><dt>픽셀 일치</dt><dd>87%</dd></div><div><dt>문구 일치</dt><dd>87%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 6건</summary><p>BMP · REFERAL · STEPS · BMP · STEPS · REFERAL</p></details>
</article>
<article id="F3-05">
<header><b>F3-05</b> Galaxy/행성 상세/글 상세 <code>Node 244:22509</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-05.jpg" alt="F3-05 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-05.jpg" alt="F3-05 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>98%</dd></div><div><dt>픽셀 일치</dt><dd>99%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F3-06">
<header><b>F3-06</b> Galaxy/행성 상세/글 상세/신고하기 <code>Node 252:162674</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-06.jpg" alt="F3-06 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-06.jpg" alt="F3-06 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F3-07">
<header><b>F3-07</b> Galaxy/행성 상세/글 상세/차단하기 <code>Node 252:163306</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-07.jpg" alt="F3-07 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-07.jpg" alt="F3-07 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>52%</dd></div><div><dt>픽셀 일치</dt><dd>57%</dd></div><div><dt>문구 일치</dt><dd>38%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>pro_따봉 · 우와 사람 진짜 많네요,,,
저는 언제쯤 가볼 수 있을 · 2026.04.27 09:00 · 뚜루뚭 · 그러게요 직관이 진짜 재밌다던데 · 2026.04.27 09:00 · 호떡이 · I WANT THIS! · 2026.04.27 09:00 · 참참참 · 지금 실시간인가요?? · 2026.04.27 09:00 · 뚜루뚭 · 그런거 같아요! · 2026.04.27 09:00</p></details>
</article>
<article id="F3-09">
<header><b>F3-09</b> Galaxy/행성 상세_팬덤 라운지/글 쓰기 <code>Node 244:21746</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-09.jpg" alt="F3-09 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-09.jpg" alt="F3-09 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>98%</dd></div><div><dt>픽셀 일치</dt><dd>99%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F3-10">
<header><b>F3-10</b> 홈/행성 상세_FPI/BMP <code>Node 373:436556</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-10.jpg" alt="F3-10 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-10.jpg" alt="F3-10 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>94%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>95%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 2건</summary><p>BMP RANKING · 내 행성의 BMP 랭킹</p></details>
</article>
<article id="F3-11">
<header><b>F3-11</b> 홈/행성 상세_FPI/BMP/사용자 랭킹 <code>Node 373:436695</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-11.jpg" alt="F3-11 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-11.jpg" alt="F3-11 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>87%</dd></div><div><dt>픽셀 일치</dt><dd>91%</dd></div><div><dt>문구 일치</dt><dd>77%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 12건</summary><p>나의 BMP 랭킹 · SaunaSupa · 97 · 10 · 17_10 · 88 · 11 · Getting_OLD · 87 · 10 · Nineteen · 134.5K</p></details>
</article>
<article id="F3-12">
<header><b>F3-12</b> 홈/행성 상세_팬덤 라운지 <code>Node 251:51073</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-12.jpg" alt="F3-12 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-12.jpg" alt="F3-12 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>88%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>72%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 11건</summary><p>FPI SCORE : 100 / 100 · ILA_WITH · 3일 전 · 여러분 지금 미국 컴백 무대 보셨나요?
사진 공유해드릴 · ILA_WITH · 3일 전 · 여러분 지금 미국 컴백 무대 보셨나요?
사진 공유해드릴 · ILA_WITH · 3일 전 · 여러분 지금 미국 컴백 무대 보셨나요?
사진 공유해드릴 · +1</p></details>
</article>
<article id="F3-13">
<header><b>F3-13</b> 홈/행성 상세_팬덤 라운지/신고하기 <code>Node 251:51469</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F3-13.jpg" alt="F3-13 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F3-13.jpg" alt="F3-13 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article></section><section id="g-F4"><h2>F4 퀘스트</h2>
<article id="F4-01">
<header><b>F4-01</b> 홈/퀘스트 <code>Node 259:46109</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-01.jpg" alt="F4-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-01.jpg" alt="F4-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>97%</dd></div><div><dt>픽셀 일치</dt><dd>99%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F4-02">
<header><b>F4-02</b> 홈/퀘스트/퀘스트 상세 <code>Node 264:48835</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-02.jpg" alt="F4-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-02.jpg" alt="F4-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>96%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F4-03">
<header><b>F4-03</b> 홈/퀘스트/퀘스트 상세/신고하기 <code>Node 548:21261</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-03.jpg" alt="F4-03 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-03.jpg" alt="F4-03 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F4-04">
<header><b>F4-04</b> 홈/퀘스트/퀘스트 생성 <code>Node 254:164081</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-04.jpg" alt="F4-04 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-04.jpg" alt="F4-04 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>96%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F4-05">
<header><b>F4-05</b> 홈/퀘스트/퀘스트 생성/위치 선택 <code>Node 371:356705</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-05.jpg" alt="F4-05 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-05.jpg" alt="F4-05 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>55%</dd></div><div><dt>픽셀 일치</dt><dd>32%</dd></div><div><dt>문구 일치</dt><dd>67%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>서울특별시 동작구 동작동 산22-11</p></details>
</article>
<article id="F4-06">
<header><b>F4-06</b> 홈_퀘스트 <code>Node 264:46867</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-06.jpg" alt="F4-06 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-06.jpg" alt="F4-06 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>96%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>64%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>0 / 10 · 15 · 종료일 : 2026.05.01 00:00 · 만보기 · 건강 · 0 / 10,000 · 150 · 종료일 : 2026.05.01 00:00 · 퀘스트 시작하기 · 만보기 · 건강 · 0 / 10,000 · 150 · 종료일 : 2026.05.01 00:00 · 퀘스트 시작하기</p></details>
</article>
<article id="F4-07">
<header><b>F4-07</b> 홈_퀘스트/퀘스트 상세 <code>Node 272:245274</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-07.jpg" alt="F4-07 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-07.jpg" alt="F4-07 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>88%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>88%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 2건</summary><p>광고를 시청하고 3배의 보상을
받을 수 있어요! · 광고보고 3배 보상 받기</p></details>
</article>
<article id="F4-08">
<header><b>F4-08</b> 홈_퀘스트/퀘스트 상세_광고 시청 전 <code>Node 494:14332</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-08.jpg" alt="F4-08 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-08.jpg" alt="F4-08 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>87%</dd></div><div><dt>픽셀 일치</dt><dd>92%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F4-09">
<header><b>F4-09</b> 홈_퀘스트/퀘스트 상세_광고 시청 후 <code>Node 482:15084</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-09.jpg" alt="F4-09 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-09.jpg" alt="F4-09 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>99%</dd></div><div><dt>픽셀 일치</dt><dd>100%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F4-10">
<header><b>F4-10</b> 홈_퀘스트/퀘스트 상세_퀘스트 완료 <code>Node 251:113651</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F4-10.jpg" alt="F4-10 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F4-10.jpg" alt="F4-10 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>97%</dd></div><div><dt>픽셀 일치</dt><dd>99%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article></section><section id="g-F5"><h2>F5 캠페인</h2>
<article id="F5-01">
<header><b>F5-01</b> 홈/HOT ARCHIVE <code>Node 272:241184</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-01.jpg" alt="F5-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-01.jpg" alt="F5-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>75%</dd></div><div><dt>픽셀 일치</dt><dd>82%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F5-02">
<header><b>F5-02</b> 홈/HOT ARCHIVE/검색 <code>Node 272:241681</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-02.jpg" alt="F5-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-02.jpg" alt="F5-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>71%</dd></div><div><dt>픽셀 일치</dt><dd>61%</dd></div><div><dt>문구 일치</dt><dd>29%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>ㅂ · ㅈ · ㄷ · ㄱ · ㅅ · ㅛ · ㅕ · ㅑ · ㅐ · ㅔ · ㅁ · ㄴ · ㅇ · ㄹ · ㅎ</p></details>
</article>
<article id="F5-03">
<header><b>F5-03</b> 홈/HOT ARCHIVE/검색_검색결과 <code>Node 272:241724</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-03.jpg" alt="F5-03 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-03.jpg" alt="F5-03 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>72%</dd></div><div><dt>픽셀 일치</dt><dd>80%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F5-04">
<header><b>F5-04</b> 홈/HOT ARCHIVE/공유 <code>Node 480:14594</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-04.jpg" alt="F5-04 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-04.jpg" alt="F5-04 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>96%</dd></div><div><dt>픽셀 일치</dt><dd>85%</dd></div><div><dt>문구 일치</dt><dd>88%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>732,080</p></details>
</article>
<article id="F5-05">
<header><b>F5-05</b> 홈/HOT ARCHIVE/새 캠페인 <code>Node 287:16991</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-05.jpg" alt="F5-05 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-05.jpg" alt="F5-05 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>93%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>94%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>300,000 POP</p></details>
</article>
<article id="F5-06">
<header><b>F5-06</b> 홈/HOT ARCHIVE/캠페인 상세 <code>Node 272:245738</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-06.jpg" alt="F5-06 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-06.jpg" alt="F5-06 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>87%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>88%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 3건</summary><p>행성 성장률 · 732,080 · 10,000</p></details>
</article>
<article id="F5-07">
<header><b>F5-07</b> 홈/HOT ARCHIVE/캠페인 상세/사용자 랭킹 <code>Node 333:70971</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-07.jpg" alt="F5-07 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-07.jpg" alt="F5-07 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>87%</dd></div><div><dt>픽셀 일치</dt><dd>91%</dd></div><div><dt>문구 일치</dt><dd>83%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 9건</summary><p>10 · 17_10 · 88 · 11 · Getting_OLD · 87 · 10 · Nineteen · 134.5K</p></details>
</article>
<article id="F5-08">
<header><b>F5-08</b> 홈/HOT ARCHIVE/캠페인 상세/신고하기 <code>Node 272:246311</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F5-08.jpg" alt="F5-08 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F5-08.jpg" alt="F5-08 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article></section><section id="g-F6"><h2>F6 MY</h2>
<article id="F6-01">
<header><b>F6-01</b> MY <code>Node 373:632962</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-01.jpg" alt="F6-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-01.jpg" alt="F6-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>91%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>88%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 2건</summary><p>GLOW TIER · 1.0K</p></details>
</article>
<article id="F6-02">
<header><b>F6-02</b> MY/내 인사이드 <code>Node 370:228289</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-02.jpg" alt="F6-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-02.jpg" alt="F6-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>80%</dd></div><div><dt>픽셀 일치</dt><dd>92%</dd></div><div><dt>문구 일치</dt><dd>96%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>1달 전</p></details>
</article>
<article id="F6-03">
<header><b>F6-03</b> MY/내 캠페인 <code>Node 370:229665</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-03.jpg" alt="F6-03 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-03.jpg" alt="F6-03 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>63%</dd></div><div><dt>픽셀 일치</dt><dd>66%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F6-04">
<header><b>F6-04</b> MY/설정 <code>Node 354:222008</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-04.jpg" alt="F6-04 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-04.jpg" alt="F6-04 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>89%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>97%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>X(Twitter)</p></details>
</article>
<article id="F6-05">
<header><b>F6-05</b> MY/설정/Apple연결 <code>Node 357:222740</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-05.jpg" alt="F6-05 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-05.jpg" alt="F6-05 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>48%</dd></div><div><dt>픽셀 일치</dt><dd>60%</dd></div><div><dt>문구 일치</dt><dd>47%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>연동 SNS 계정 · X(Twitter) · 이벤트·마케팅 알림 설정 · 콘텐츠 설정 · 차단 프로필 · 언어 설정 · 서비스 정보 · 공지 사항 · 앱 버전 · 최신 버전 · 로그아웃 · 서비스 탈퇴 · Apple 계정을 사용하여 Fancake에 로그인 하십 · 홍길동 · 사용자의 계정</p></details>
</article>
<article id="F6-06">
<header><b>F6-06</b> MY/설정/Google연결 <code>Node 357:222899</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-06.jpg" alt="F6-06 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-06.jpg" alt="F6-06 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>57%</dd></div><div><dt>픽셀 일치</dt><dd>6%</dd></div><div><dt>문구 일치</dt><dd>44%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>연동 SNS 계정 · X(Twitter) · 이벤트·마케팅 알림 설정 · 콘텐츠 설정 · 차단 프로필 · 언어 설정 · 서비스 정보 · 공지 사항 · 앱 버전 · 최신 버전 · 로그아웃 · 서비스 탈퇴 · 계정을 선택하세요. · Fancake
Account · (으)로 이동</p></details>
</article>
<article id="F6-07">
<header><b>F6-07</b> MY/설정/Kakao연결 <code>Node 357:222671</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-07.jpg" alt="F6-07 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-07.jpg" alt="F6-07 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>22%</dd></div><div><dt>픽셀 일치</dt><dd>1%</dd></div><div><dt>문구 일치</dt><dd>–</dd></div></dl>
</article>
<article id="F6-08">
<header><b>F6-08</b> MY/설정/POP 상세 <code>Node 374:15090</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-08.jpg" alt="F6-08 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-08.jpg" alt="F6-08 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>91%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F6-09">
<header><b>F6-09</b> MY/설정/X연결 <code>Node 357:222669</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-09.jpg" alt="F6-09 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">1차 로그인 4종 확정(9/7 회신)에 따라 X 연결은 제외했습니다</div></figure>
</div>
</article>
<article id="F6-10">
<header><b>F6-10</b> MY/설정/공지사항 <code>Node 357:224574</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-10.jpg" alt="F6-10 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-10.jpg" alt="F6-10 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>87%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F6-11">
<header><b>F6-11</b> MY/설정/공지사항/공지사항 상세 <code>Node 357:224775</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-11.jpg" alt="F6-11 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-11.jpg" alt="F6-11 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>53%</dd></div><div><dt>픽셀 일치</dt><dd>55%</dd></div><div><dt>문구 일치</dt><dd>83%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>안녕하세요. 팬케이크 운영진 입니다.
2026년 하반기</p></details>
</article>
<article id="F6-12">
<header><b>F6-12</b> MY/설정/서비스 결제 내역 <code>Node 374:15185</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-12.jpg" alt="F6-12 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-12.jpg" alt="F6-12 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>90%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>91%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 3건</summary><p>13.05 · 14.05 · 15.05</p></details>
</article>
<article id="F6-13">
<header><b>F6-13</b> MY/설정/서비스 결제 내역/상세 <code>Node 506:14308</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-13.jpg" alt="F6-13 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-13.jpg" alt="F6-13 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>84%</dd></div><div><dt>픽셀 일치</dt><dd>92%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F6-14">
<header><b>F6-14</b> MY/설정/서비스 결제 내역/환불 요청 <code>Node 506:14437</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-14.jpg" alt="F6-14 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-14.jpg" alt="F6-14 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>38%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 5건</summary><p>환불 사유 1 · 환불 사유 2 · 환불 사유 3 · 환불 사유 4 · 환불 사유 5</p></details>
</article>
<article id="F6-15">
<header><b>F6-15</b> MY/티어 상세 <code>Node 494:16177</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-15.jpg" alt="F6-15 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-15.jpg" alt="F6-15 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>76%</dd></div><div><dt>픽셀 일치</dt><dd>89%</dd></div><div><dt>문구 일치</dt><dd>76%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 6건</summary><p>GLOW TIER · GLOW TIER · GLOW TIER · GLOW TIER · GLOW TIER · GLOW TIER</p></details>
</article>
<article id="F6-16">
<header><b>F6-16</b> MY/티어 정보 <code>Node 373:633256</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-16.jpg" alt="F6-16 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-16.jpg" alt="F6-16 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>90%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>50%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 6건</summary><p>GLOSW TIER · 신규 회원 · 누적 기여 3,000 POP · 누적 기여 20,000 POP · 누적 기여 100,000 POP · 누적 기여 500,000 POP</p></details>
</article>
<article id="F6-17">
<header><b>F6-17</b> MY/프로필 사진 설정 <code>Node 374:15479</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-17.jpg" alt="F6-17 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-17.jpg" alt="F6-17 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>91%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F6-18">
<header><b>F6-18</b> MY/프로필 설정/프로필 사진 설정 <code>Node 374:16029</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-18.jpg" alt="F6-18 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-18.jpg" alt="F6-18 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>99%</dd></div><div><dt>픽셀 일치</dt><dd>100%</dd></div><div><dt>문구 일치</dt><dd>75%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>BTS_Hong</p></details>
</article>
<article id="F6-19">
<header><b>F6-19</b> MY_1:1 문의접수 <code>Node 373:634845</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-19.jpg" alt="F6-19 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-19.jpg" alt="F6-19 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>93%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F6-20">
<header><b>F6-20</b> MY_설정/푸시 알림 설정 <code>Node 357:223444</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F6-20.jpg" alt="F6-20 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F6-20.jpg" alt="F6-20 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>94%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article></section><section id="g-F7"><h2>F7 이클립스</h2>
<article id="F7-01">
<header><b>F7-01</b> 홈/이클립스 방어 <code>Node 373:445267</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F7-01.jpg" alt="F7-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F7-01.jpg" alt="F7-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>93%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F7-02">
<header><b>F7-02</b> 홈/이클립스 상세 <code>Node 373:444865</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F7-02.jpg" alt="F7-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F7-02.jpg" alt="F7-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>90%</dd></div><div><dt>픽셀 일치</dt><dd>96%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F7-03">
<header><b>F7-03</b> 홈/이클립스 성공 <code>Node 373:537406</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F7-03.jpg" alt="F7-03 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F7-03.jpg" alt="F7-03 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>97%</dd></div><div><dt>픽셀 일치</dt><dd>99%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article></section><section id="g-F8"><h2>F8 브리핑 공유</h2>
<article id="F8-01">
<header><b>F8-01</b> 홈_브리핑 공유 <code>Node 266:90445</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F8-01.jpg" alt="F8-01 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">브리핑 공유 카드는 이 렌더(9/27) 이후 구현되었습니다</div></figure>
</div>
</article>
<article id="F8-02">
<header><b>F8-02</b> 홈_브리핑 공유/인스타 <code>Node 272:240423</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F8-02.jpg" alt="F8-02 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">인스타그램 앱 화면입니다(외부 앱)</div></figure>
</div>
</article>
<article id="F8-03">
<header><b>F8-03</b> 홈_브리핑 공유/틱톡 <code>Node 272:240430</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F8-03.jpg" alt="F8-03 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">틱톡 앱 화면입니다(외부 앱)</div></figure>
</div>
</article></section><section id="g-F9"><h2>F9 인사이드</h2>
<article id="F9-01">
<header><b>F9-01</b> Inside/검색 <code>Node 200:48573</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-01.jpg" alt="F9-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-01.jpg" alt="F9-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>72%</dd></div><div><dt>픽셀 일치</dt><dd>61%</dd></div><div><dt>문구 일치</dt><dd>21%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 15건</summary><p>ㅂ · ㅈ · ㄷ · ㄱ · ㅅ · ㅛ · ㅕ · ㅑ · ㅐ · ㅔ · ㅁ · ㄴ · ㅇ · ㄹ · ㅎ</p></details>
</article>
<article id="F9-02">
<header><b>F9-02</b> Inside/검색/검색 결과 <code>Node 201:49535</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-02.jpg" alt="F9-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-02.jpg" alt="F9-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>84%</dd></div><div><dt>픽셀 일치</dt><dd>92%</dd></div><div><dt>문구 일치</dt><dd>66%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 12건</summary><p>1달 전 · 다이브짱 · 1시간 전 · 200 P · 공방 신청 꿀팁 공유합니다. · 공방 신청할 때 폼 가장 빨리 제출하는 손크로 팁 알려 · 아미보이 · 10분 전 · 500 P · 화양연화 세계관 해석해주실 분? · 이번 뮤비랑 연결되는 부분이 헷갈리네요. 타임라인 정리 · 인사이드 작성</p></details>
</article>
<article id="F9-03">
<header><b>F9-03</b> Inside/인사이드 상세(타인) <code>Node 201:49678</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-03.jpg" alt="F9-03 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-03.jpg" alt="F9-03 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>90%</dd></div><div><dt>픽셀 일치</dt><dd>94%</dd></div><div><dt>문구 일치</dt><dd>92%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 2건</summary><p>공방 신청할 때 폼 가장 빨리 제출하는 손크로팁 알려드 · 83</p></details>
</article>
<article id="F9-04">
<header><b>F9-04</b> Inside/인사이드 상세(타인)/신고하기 <code>Node 201:51871</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-04.jpg" alt="F9-04 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-04.jpg" alt="F9-04 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>95%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F9-05">
<header><b>F9-05</b> Inside/인사이드 상세(타인)/차단하기 <code>Node 207:52152</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-05.jpg" alt="F9-05 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-05.jpg" alt="F9-05 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>86%</dd></div><div><dt>픽셀 일치</dt><dd>93%</dd></div><div><dt>문구 일치</dt><dd>89%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 3건</summary><p>공방 신청할 때 폼 가장 빨리 제출하는 손크로팁 알려드 · 83 · 어떤 내용인지 공유해주실 수 있나요??</p></details>
</article>
<article id="F9-06">
<header><b>F9-06</b> Inside/인사이드 작성 <code>Node 199:44733</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-06.jpg" alt="F9-06 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-06.jpg" alt="F9-06 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>96%</dd></div><div><dt>픽셀 일치</dt><dd>99%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F9-07">
<header><b>F9-07</b> Inside_POP순 <code>Node 199:43964</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-07.jpg" alt="F9-07 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-07.jpg" alt="F9-07 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>80%</dd></div><div><dt>픽셀 일치</dt><dd>91%</dd></div><div><dt>문구 일치</dt><dd>97%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>1달 전</p></details>
</article>
<article id="F9-08">
<header><b>F9-08</b> Inside_인기순 <code>Node 199:43083</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-08.jpg" alt="F9-08 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-08.jpg" alt="F9-08 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>94%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>97%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>1달 전</p></details>
</article>
<article id="F9-09">
<header><b>F9-09</b> Inside_인사이드 상세(본인) <code>Node 207:53130</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-09.jpg" alt="F9-09 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-09.jpg" alt="F9-09 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>96%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>86%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>2026.04.27 09:00</p></details>
</article>
<article id="F9-10">
<header><b>F9-10</b> Inside_최신순 <code>Node 196:2673</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F9-10.jpg" alt="F9-10 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F9-10.jpg" alt="F9-10 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>94%</dd></div><div><dt>픽셀 일치</dt><dd>97%</dd></div><div><dt>문구 일치</dt><dd>95%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 2건</summary><p>1달 전 · 인사이드 쓰기</p></details>
</article></section><section id="g-F10"><h2>F10 로그인 · 가입</h2>
<article id="F10-01">
<header><b>F10-01</b> 로그인 <code>Node 173:1905</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-01.jpg" alt="F10-01 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F10-01.jpg" alt="F10-01 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>98%</dd></div><div><dt>픽셀 일치</dt><dd>99%</dd></div><div><dt>문구 일치</dt><dd>67%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 1건</summary><p>팬케이크는 처음이세요?</p></details>
</article>
<article id="F10-02">
<header><b>F10-02</b> 로그인/간편 로그인 <code>Node 173:2183</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-02.jpg" alt="F10-02 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F10-02.jpg" alt="F10-02 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>77%</dd></div><div><dt>픽셀 일치</dt><dd>94%</dd></div><div><dt>문구 일치</dt><dd>50%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 5건</summary><p>Fancake Account · 가장 편한 방법으로
팬케이크에 로그인하세요! · Fancake로 로그인 · X(Twitter)로 로그인 · 팬케이크는 처음이세요?</p></details>
</article>
<article id="F10-03">
<header><b>F10-03</b> 로그인/간편 로그인/Apple로그인 <code>Node 177:8696</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-03.jpg" alt="F10-03 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">각 제공자가 띄우는 외부 인증 화면이라 앱이 직접 그리지 않습니다</div></figure>
</div>
</article>
<article id="F10-04">
<header><b>F10-04</b> 로그인/간편 로그인/Google로그인 <code>Node 177:9233</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-04.jpg" alt="F10-04 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">각 제공자가 띄우는 외부 인증 화면이라 앱이 직접 그리지 않습니다</div></figure>
</div>
</article>
<article id="F10-05">
<header><b>F10-05</b> 로그인/간편 로그인/Kakao로그인 <code>Node 177:9443</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-05.jpg" alt="F10-05 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">각 제공자가 띄우는 외부 인증 화면이라 앱이 직접 그리지 않습니다</div></figure>
</div>
</article>
<article id="F10-06">
<header><b>F10-06</b> 로그인/간편 로그인/Line로그인 <code>Node 429:14044</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-06.jpg" alt="F10-06 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">각 제공자가 띄우는 외부 인증 화면이라 앱이 직접 그리지 않습니다</div></figure>
</div>
</article>
<article id="F10-07">
<header><b>F10-07</b> 로그인/간편 로그인/Wechat 로그인 <code>Node 429:14049</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-07.jpg" alt="F10-07 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">1차 로그인 4종 확정(9/7 회신)에 따라 WeChat은 제외했습니다</div></figure>
</div>
</article>
<article id="F10-08">
<header><b>F10-08</b> 로그인/간편 로그인/X로그인 <code>Node 177:9439</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-08.jpg" alt="F10-08 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">1차 로그인 4종 확정(9/7 회신)에 따라 X는 제외했습니다</div></figure>
</div>
</article>
<article id="F10-09">
<header><b>F10-09</b> 로그인/간편 로그인/X로그인_신규가입 <code>Node 295:45645</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-09.jpg" alt="F10-09 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">1차 로그인 4종 확정(9/7 회신)에 따라 X는 제외했습니다</div></figure>
</div>
</article>
<article id="F10-10">
<header><b>F10-10</b> 로그인/간편로그인/Fancake로그인 <code>Node 173:1821</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-10.jpg" alt="F10-10 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">1차 이메일 가입 비노출(9/7 회신)에 따라 제외했습니다</div></figure>
</div>
</article>
<article id="F10-11">
<header><b>F10-11</b> 로그인/간편로그인/Fancake로그인/비밀번호재설정 <code>Node 173:4596</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-11.jpg" alt="F10-11 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">1차 이메일 가입 비노출(9/7 회신)에 따라 제외했습니다</div></figure>
</div>
</article>
<article id="F10-12">
<header><b>F10-12</b> 로그인/회원가입 <code>Node 177:9451</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-12.jpg" alt="F10-12 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F10-12.jpg" alt="F10-12 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>87%</dd></div><div><dt>픽셀 일치</dt><dd>95%</dd></div><div><dt>문구 일치</dt><dd>67%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 3건</summary><p>Fancake Account · 가장 편한 방법으로
팬케이크에 회원가입 하세요! · Fancake로 가입하기</p></details>
</article>
<article id="F10-13">
<header><b>F10-13</b> 로그인/회원가입/Apple가입하기 <code>Node 177:12003</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-13.jpg" alt="F10-13 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">각 제공자가 띄우는 외부 인증 화면이라 앱이 직접 그리지 않습니다</div></figure>
</div>
</article>
<article id="F10-14">
<header><b>F10-14</b> 로그인/회원가입/Fancake가입하기 <code>Node 177:11975</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-14.jpg" alt="F10-14 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">1차 이메일 가입 비노출(9/7 회신)에 따라 제외했습니다</div></figure>
</div>
</article>
<article id="F10-15">
<header><b>F10-15</b> 로그인/회원가입/Fancake가입하기/약관 <code>Node 179:24230</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-15.jpg" alt="F10-15 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F10-15.jpg" alt="F10-15 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>78%</dd></div><div><dt>픽셀 일치</dt><dd>92%</dd></div><div><dt>문구 일치</dt><dd>73%</dd></div></dl><details><summary>Figma 문구 중 앱에 없는 것 3건</summary><p>Fancake 서비스 이용약관
제1조 (적용범위)
서 · Fancake 서비스 이용약관
제1조 (적용범위)
서 · Fancake 서비스 이용약관
제1조 (적용범위)
서</p></details>
</article>
<article id="F10-16">
<header><b>F10-16</b> 로그인/회원가입/Fancake가입하기/약관/회원가입완료 <code>Node 182:29344</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-16.jpg" alt="F10-16 Figma"></figure>
<figure><figcaption>앱</figcaption><img loading="lazy" src="img/app/F10-16.jpg" alt="F10-16 앱 화면"></figure>
</div>
<dl><div><dt>구조 유사도</dt><dd>96%</dd></div><div><dt>픽셀 일치</dt><dd>98%</dd></div><div><dt>문구 일치</dt><dd>100%</dd></div></dl>
</article>
<article id="F10-17">
<header><b>F10-17</b> 로그인/회원가입/Google가입하기 <code>Node 177:12069</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-17.jpg" alt="F10-17 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">각 제공자가 띄우는 외부 인증 화면이라 앱이 직접 그리지 않습니다</div></figure>
</div>
</article>
<article id="F10-18">
<header><b>F10-18</b> 로그인/회원가입/Kakao가입하기 <code>Node 177:12146</code></header>
<div class="pair">
<figure><figcaption>Figma</figcaption><img loading="lazy" src="img/figma/F10-18.jpg" alt="F10-18 Figma"></figure>
<figure><figcaption>앱</figcaption><div class="none">각 제공자가 띄우는 외부 인증 화면이라 앱이 직접 그리지 않습니다</div></figure>
</div>
</article></section>
</main></body></html>