이번 주의 레포월요일마다 바뀝니다
@@ -659,7 +682,7 @@ $("#featured").innerHTML = (state.featured || []).map((f) => { const r = f.repo && state.repos.get(f.repo); const stars = r && r.stars >= 10 ? `${icons.star}${fmt(r.stars)}` : ""; - return `${esc(a.title)}
${esc(a.summary)}
오늘의 한 문제
${now.getMonth() + 1}월 ${now.getDate()}일 · 매일 바뀝니다
+ ${streak ? `${streak}일 연속${streak < 3 ? ` · ${3 - streak}일 더 풀면 스탬프` : rec.best > streak ? ` · 최고 ${rec.best}일` : ""}
` : `사흘 연속 풀면 스탬프
`}
+
`;
+ return;
+ }
+ box.innerHTML = `${head}${esc(q.text)}
+이렇게 말해도 될까요?“${esc(q.claim)}”
+
+
`;
+ }
+ function answerDaily(pick) {
+ const pool = (state.daily && state.daily.questions) || [];
+ const today = dayNum(), q = pool.at(today % pool.length), rec = loadDaily();
+ rec.answers = rec.answers || {};
+ if (rec.answers[today]) return;
+ const correct = pick === q.answer;
+ rec.answers[today] = { pick, correct };
+ Object.keys(rec.answers).map(Number).filter((k) => k < today - 40).forEach((k) => delete rec.answers[k]);
+ rec.streak = rec.last === today - 1 ? (rec.streak || 0) + 1 : 1;
+ rec.best = Math.max(rec.best || 0, rec.streak);
+ rec.last = today;
+ saveDaily(rec);
+ track("daily_answer", { q: q.id, correct, streak: rec.streak });
+ renderDaily();
+ stamp("daily");
+ if (rec.streak >= 3) stamp("streak3");
+ }
+
+ /* ---------- start-point quiz (three questions to one route) ---------- */
+ const QUIZ = [
+ { key: "experience", q: "인과추론은 어느 정도 해 보셨나요?", opts: [["new", "처음이에요"], ["some", "개념은 들어 봤어요"], ["used", "업무에 써 봤어요"]] },
+ { key: "work", q: "지금 하는 일에 가장 가까운 것은?", opts: [["exp", "A/B 테스트와 실험"], ["mkt", "마케팅·정책 효과 분석"], ["ml", "ML과 모델링"], ["research", "연구·헬스케어"], ["tools", "데이터 도구·에이전트 개발"]] },
+ { key: "want", q: "허브에서 가장 얻고 싶은 것은?", opts: [["concept", "개념을 제대로 이해하기"], ["apply", "바로 쓸 코드와 사례"], ["build", "직접 만들고 기여하기"]] }
+ ];
+ const quiz = { step: 0, a: {} };
+ const WHY = { exp: "A/B 테스트와 실험", mkt: "마케팅·정책 효과 분석", ml: "ML과 모델링", research: "연구·헬스케어", tools: "데이터 도구·에이전트 개발" };
+ function quizReason(a, id) {
+ if (id === "build") return a.want === "build" ? "직접 만들고 기여하고 싶다고 하셔서 만드는 쪽 경로를 골랐습니다." : "데이터 도구를 만드신다고 하셔서 에이전트를 만드는 경로를 골랐습니다.";
+ if (id === "start" && a.experience === "new") return "처음이라고 하셔서 영상과 웹북으로 기초를 다지는 경로를 골랐습니다.";
+ return `${WHY[a.work] || "하시는 일"}을 고르셔서 이 경로를 추천합니다.`;
+ }
+ /* Where to start inside the route: skip the L0 primer if the basics are known,
+ and jump to the first L2 item when someone has used it at work and wants code. */
+ function quizBegin(a, stops) {
+ if (a.experience === "new") return 0;
+ if (a.experience === "used" && a.want === "apply") { const k = stops.findIndex((r) => r.level === "L2"); if (k > 0) return k; }
+ return stops.length > 1 && stops[0].level === "L0" ? 1 : 0;
+ }
+ function quizRoute(a) {
+ if (a.want === "build" || a.work === "tools") return "build";
+ if (a.work === "research") return "research";
+ if (a.work === "exp") return "experiment";
+ if (a.work === "ml") return a.experience === "new" ? "start" : "ml";
+ if (a.work === "mkt" && a.experience === "used") return "experiment";
+ return "start";
+ }
+ function showDialog() {
+ const d = dialog();
+ if (!d.open) { if (typeof d.showModal === "function") d.showModal(); else d.setAttribute("open", ""); }
+ }
+ function openQuiz(retry) {
+ quiz.step = 0; quiz.a = {};
+ track("quiz_start", { retry: !!retry });
+ renderQuiz(); showDialog();
+ }
+ function renderQuiz() {
+ const shell = (inner) => `
+
+ ${esc(q.text)}
+이렇게 말해도 될까요?“${esc(q.claim)}”
+${ans.correct ? "맞았습니다" : "아쉽습니다"}내 답: ${DAILY_LABEL[ans.pick] || ""} · 정답: ${DAILY_LABEL[q.answer]}
+${esc(q.why)}
+${esc(q.chapter.title)} 읽기10문제 더 풀기실험실에서 직접 해 보기
+자정에 새 문제가 열립니다.
${inner}
`;
+ if (quiz.step < QUIZ.length) {
+ const item = QUIZ.at(quiz.step);
+ $("#station-body").innerHTML = shell(`
+ ${quiz.step + 1} / ${QUIZ.length}
+${esc(item.q)}
+${item.opts.map(([v, label]) => ``).join("")}
+ ${quiz.step ? `` : `답은 이름 없이 통계로만 집계합니다.
`}`); + $("#station-body .quiz-opts button").focus(); + return; + } + const id = quizRoute(quiz.a); + const route = state.routes.find((r) => r.id === id); + const stops = route.stops.map((x) => state.repos.get(x)).filter(Boolean); + const begin = quizBegin(quiz.a, stops); + $("#station-body").innerHTML = shell(` +추천 경로
+${esc(route.label)}
+${esc(quizReason(quiz.a, id))} ${esc(route.description)}
+- ${stops.map((r, i) => `
- ${pad2(i + 1)}${esc(r.title)}${esc(r.level || "")}${i === begin ? " · 여기서 시작" : i < begin ? " · 필요하면" : ""} `).join("")}
+
`;
+ showDialog();
+ try { if (document.fonts) await document.fonts.load('800 92px "Pretendard Variable"'); } catch (e) { /* draw with fallback fonts */ }
+ const canvas = $("#station-body .card-canvas"), input = $("#station-body [data-card-name]");
+ drawCard(canvas, lv, items, "");
+ input.addEventListener("input", () => drawCard(canvas, lv, items, input.value.trim()));
+ }
+ function saveCard(levelId) {
+ const canvas = $("#station-body .card-canvas");
+ if (!canvas) return;
+ const name = `causal-inference-hub-${levelId}.png`;
+ canvas.toBlob(async (blob) => {
+ if (!blob) return;
+ const file = typeof File === "function" ? new File([blob], name, { type: "image/png" }) : null;
+ /* phones: hand the image to the share sheet; elsewhere download it */
+ if (file && navigator.canShare && navigator.canShare({ files: [file] })) {
+ try { await navigator.share({ files: [file], title: "Causal Inference Hub 완주 카드" }); track("share", { content: "finish_card", method: "share_sheet" }); return; } catch (e) { if (e && e.name === "AbortError") return; }
+ }
+ const a = document.createElement("a");
+ a.download = name; a.href = URL.createObjectURL(blob);
+ document.body.appendChild(a); a.click(); a.remove();
+ setTimeout(() => URL.revokeObjectURL(a.href), 4000);
+ track("share", { content: "finish_card", method: "download" });
+ }, "image/png");
+ }
+
/* ---------- station dialog ---------- */
const dialog = () => $("#station-dialog");
- function openStation(id) {
+ function openStation(id, source, silent) {
const r = state.repos.get(id);
if (!r) return;
- if (r.kind !== "paid") {
+ state.openRepo = r;
+ if (!silent) { track("open_repo", { repo: r.repo, level: r.level || "", source: source || "hub" }); if (source !== "deeplink") stamp("first_open"); }
+ if (!silent && r.kind !== "paid") {
state.recent = [{ id, t: Date.now() }, ...state.recent.filter((x) => x.id !== id)].slice(0, 6);
saveRecent(); renderWeek();
}
@@ -830,6 +1063,7 @@
${lv.id} ${esc(lv.name)} 완주 카드
+ + +이미지를 저장해 링크드인이나 블로그에 올려 보세요. 이름과 진도는 이 브라우저 밖으로 보내지 않습니다.
+${next ? `` : ""}
+ ${links}${r.kind === "paid" ? `` : ""}
${adjacent}
${canRide ? `` : ""}
+ ${ridden && lv && levelDone(lv.id) ? `` : ""}
}.png?size=160)
' if gh else ""
+ return f'