// WeaveStudy — Campaigns / Library / Q&A / Alignment Hall const { useState: useStateExtra } = React; /* ════════════════════════════════════════════════════════════ CAMPAIGNS — list + curriculum detail (인강 커리큘럼) ════════════════════════════════════════════════════════════ */ function Campaigns({ navigate }) { const { CAMPAIGNS, CHARACTERS } = window.WS_DATA; return (
CURRICULUM

캠페인 · 커리큘럼

진행 중 / 수료 완료된 모든 캠페인. 각 캠페인은 막(Act) 단위로 구성됩니다.

{CAMPAIGNS.map(cmp => ( ))}
); } /* Campaign detail — 커리큘럼 막 구성 */ function CampaignDetail({ id, navigate }) { const { CAMPAIGNS, CHARACTERS } = window.WS_DATA; const cmp = CAMPAIGNS.find(x => x.id === id); if (!cmp) return
캠페인을 찾을 수 없습니다.
; return (
{cmp.name}
{cmp.acts.length}막 구성 {cmp.progress >= 1 && 수료 완료}
{cmp.nameSub}

{cmp.name}

{cmp.tagline}

전체 진행도
{Math.round(cmp.progress * 100)} %
등장 캐릭터
{cmp.members.map((id, i) => { const c = CHARACTERS.find(x => x.id === id); if (!c) return null; return ( ); })}
{/* 막 구성 — 인강 커리큘럼 스타일 */}
{cmp.acts.map(a => (
{a.act}막
{a.title}
{a.sessions.length}회차 · {a.status}
{a.status}
{a.sessions.map(s => (
e.currentTarget.style.background = "var(--fill-normal)"} onMouseLeave={e => e.currentTarget.style.background = "var(--cool-neutral-99)"}> SESSION {s.n}
{s.t}
{s.note}
{a.status === "수료" ? "✓ 수강 완료" : a.status === "진행 중" ? "▷ 수강 중" : "예정"}
))}
))}
); } /* ════════════════════════════════════════════════════════════ LIBRARY — 자나사의 만물 가이드 ════════════════════════════════════════════════════════════ */ function Library({ navigate }) { const { RESOURCES } = window.WS_DATA; return (
{/* parchment hero */}
XANATHAR'S GUIDE TO EVERYTHING

자나사의 만물 가이드

세계관 설정 · 룰 요약 · 창작 메모를 모은 자료실.
모든 항목은 출처(공식 / 창작)를 명확히 표기합니다.

{/* Source legend */}
포가튼 렐름 공식 설정 D&D 5e PHB 기준 발더스 게이트 3 내 공식 설정 본 사이트 창작 설정
{RESOURCES.map(r => (
{r.section}
{r.items.map((it, i) => (
{it.t}
{it.note}
))}
))}
{/* Bookshelf decorative section */}
책장

자나사의 만물 가이드에는 공식 룰북뿐 아니라, 졍이 직접 작성한 캐릭터 노트와 외부 참고 링크가 포함됩니다.

{Array.from({ length: 14 }).map((_, i) => { const colors = ["#6541F2", "#1B1820", "#7C2D12", "#2FA89A", "#C99E3B", "#5B37ED", "#1E40AF"]; const c = colors[i % colors.length]; const h = 140 + ((i * 13) % 40); return (
e.currentTarget.style.transform = "translateY(-6px)"} onMouseLeave={e => e.currentTarget.style.transform = "translateY(0)"} title="책 (장식 요소)">
{i === 7 && (
↓ 클릭?
)}
); })}
※ 책 한 권을 잘 살펴보면 무언가 발견할지도…
); } function SourceTag({ color, children }) { return (
{children}
); } function SourceDot({ color }) { return ; } function SubHeadAccent({ children, gold }) { return (
{children}
); } /* ════════════════════════════════════════════════════════════ QnA — 위더스에게 묻기 ════════════════════════════════════════════════════════════ */ function Qna({ navigate }) { const { QNAS } = window.WS_DATA; const [tab, setTab] = useStateExtra("all"); return (
ASK WITHERS · Q&A

위더스에게 묻기

주문 슬롯이 모자라거나, 캐릭터 메이킹이 막힐 때 — 캠프의 위더스가 답해 드립니다.

{/* 위더스 NPC card */}
W
NPC · 캠프
위더스 (Withers)
"… 무엇이 궁금하십니까?"
{/* 질문 작성 박스 */}
새 질문 위더스가 답할 수 있는 형태로 작성해 주십시오.
예) "예지술사 다미네는 같은 회차에 같은 주사위를 두 번 굴려도 되나요?"
{/* 탭 */}
{[{ id: "all", l: "전체" }, { id: "hot", l: "인기" }, { id: "wait", l: "답변 대기" }].map(t => ( ))}
{/* 질문 리스트 */}
{QNAS.map((q, i) => (
{q.answers}
답변
{q.isHot && HOT} · {q.status}
Q. {q.q}
{q.asker} · {q.at}
))}
위더스의 알림: 모든 답변은 D&D 5e PHB 기준 + 본 사이트 창작 설정을 함께 표기합니다. 답변이 마음에 들지 않으시면 가까운 캠프파이어에서 다시 한 번 물어 주십시오.
); } Object.assign(window, { Campaigns, CampaignDetail, Library, Qna });