급식뭐지

1. App Store에서 Scriptable(무료) 앱을 설치해요
2. 아래 코드 복사 버튼을 눌러요
3. Scriptable 앱을 열고 오른쪽 위 + → 코드를 붙여넣고, 이름을 급식뭐지로 바꿔 저장해요
4. 홈 화면을 길게 누르고 + → Scriptable 검색 → 원하는 크기(소·중·대)의 위젯을 추가해요
5. 추가된 위젯을 길게 눌러 위젯 편집 → Script에서 급식뭐지를 선택하면 끝!

크기별로 보여주는 내용이 달라요 — 소: 중식 요약 · 중: 중식 + 석식 한 줄 · 대: 중식·석식 전체 + 칼로리 + 내일 미리보기

// 급식뭐지 위젯 (Scriptable) — 소·중·대 크기 지원
const API = "https://kislunchisallmine.pages.dev/api/today";
const res = await new Request(API).loadJSON();
const size = config.widgetFamily || "medium";

const C = {
  primary: new Color("#ED5A1F"),
  text: Color.dynamic(new Color("#1C1917"), new Color("#FAFAF9")),
  sub: Color.dynamic(new Color("#57534E"), new Color("#D6D3D1")),
  faint: Color.dynamic(new Color("#A8A29E"), new Color("#78716C")),
  warn: new Color("#DC2626")
};

const w = new ListWidget();
w.url = "https://kislunchisallmine.pages.dev";
const g = new LinearGradient();
g.colors = [
  Color.dynamic(new Color("#FFF7ED"), new Color("#1C1917")),
  Color.dynamic(new Color("#FAF7F2"), new Color("#292524"))
];
g.locations = [0, 1];
w.backgroundGradient = g;
w.setPadding(13, 15, 13, 15);

// 머리글: 제목 + 날짜
const head = w.addStack();
head.centerAlignContent();
const title = head.addText(size === "small" ? "🍱 급식" : "🍱 오늘의 급식");
title.font = Font.boldSystemFont(size === "small" ? 11 : 13);
title.textColor = C.primary;
head.addSpacer();
const date = head.addText(res.label);
date.font = Font.mediumSystemFont(size === "small" ? 9 : 11);
date.textColor = C.faint;
w.addSpacer(size === "small" ? 5 : 8);

const lunchItems = res.lunchItems || [];
const dinnerItems = res.dinnerItems || [];

function row(item, fs, showKcal) {
  const r = w.addStack();
  r.centerAlignContent();
  const t = r.addText((item.emoji ? item.emoji + " " : "· ") + item.name);
  t.font = Font.systemFont(fs);
  t.textColor = C.text;
  t.lineLimit = 1;
  if (item.allergy) {
    r.addSpacer(3);
    const a = r.addText("⚠");
    a.font = Font.boldSystemFont(fs - 2);
    a.textColor = C.warn;
  }
  r.addSpacer();
  if (showKcal) {
    if (item.kcal) {
      const k = r.addText(item.kcal + " kcal");
      k.font = Font.systemFont(fs - 2);
      k.textColor = C.faint;
    }
  }
  w.addSpacer(2);
}

function empty() {
  const t = w.addText("등록된 메뉴가 없어요");
  t.font = Font.systemFont(12);
  t.textColor = C.sub;
}

function sectionLabel(txt) {
  const s = w.addText(txt);
  s.font = Font.boldSystemFont(10);
  s.textColor = C.sub;
  w.addSpacer(3);
}

if (size === "small") {
  if (lunchItems.length === 0) { empty(); }
  else { for (const it of lunchItems.slice(0, 4)) row(it, 10, false); }
} else if (size === "large") {
  sectionLabel(res.lunchKcal ? "🍚 중식 · " + res.lunchKcal + " kcal" : "🍚 중식");
  if (lunchItems.length === 0) { empty(); }
  else { for (const it of lunchItems.slice(0, 7)) row(it, 12, true); }
  if (dinnerItems.length) {
    w.addSpacer(8);
    sectionLabel(res.dinnerKcal ? "🌙 석식 · " + res.dinnerKcal + " kcal" : "🌙 석식");
    for (const it of dinnerItems.slice(0, 5)) row(it, 12, true);
  }
  if (res.tomorrow) {
    if (res.tomorrow.lunch.length) {
      w.addSpacer(8);
      const tm = w.addText("내일 · " + res.tomorrow.lunch.slice(0, 3).join(" · "));
      tm.font = Font.mediumSystemFont(10);
      tm.textColor = C.faint;
      tm.lineLimit = 1;
    }
  }
} else {
  if (lunchItems.length === 0) { empty(); }
  else { for (const it of lunchItems.slice(0, 5)) row(it, 12, false); }
  if (dinnerItems.length) {
    w.addSpacer(4);
    const dn = w.addText("🌙 석식 · " + dinnerItems.map(m => m.name).join(" · "));
    dn.font = Font.mediumSystemFont(10);
    dn.textColor = C.sub;
    dn.lineLimit = 1;
  }
}

w.addSpacer();
const foot = w.addStack();
foot.addSpacer();
let brand = "급식뭐지";
if (size === "medium") {
  if (res.lunchKcal) brand = "🔥 " + res.lunchKcal + " kcal · 급식뭐지";
}
const f = foot.addText(brand);
f.font = Font.mediumSystemFont(9);
f.textColor = C.faint;

w.refreshAfterDate = new Date(Date.now() + 30 * 60 * 1000);
Script.setWidget(w);
if (config.runsInApp) w.presentMedium();
Script.complete();

1. Play 스토어에서 KWGT(무료) 앱을 설치해요
2. 홈 화면을 길게 누르고 위젯 → KWGT 위젯을 홈 화면에 추가해요
3. 추가된 빈 위젯을 탭 → 편집 화면에서 텍스트 요소를 추가해요
4. 텍스트 항목의 수식 입력칸에 아래 수식을 붙여넣어요
5. 오른쪽 위 저장을 누르면 끝! (글꼴·크기는 취향대로 조절)

$wg("https://kislunchisallmine.pages.dev/api/today", json, .widget)$

따로 꾸미고 싶다면 텍스트 요소를 3개 만들어 아래 수식을 하나씩 넣어보세요

$wg("https://kislunchisallmine.pages.dev/api/today", json, .widgetTitle)$

$wg("https://kislunchisallmine.pages.dev/api/today", json, .widgetLunch)$

$wg("https://kislunchisallmine.pages.dev/api/today", json, .widgetDinner)$