minhyuk 1.0.0

package/README.md

@@ -0,0 +1,55 @@
+# minhyuk
+
+> 신민혁(Min-hyuk Shin)을 터미널에서 만나보세요. 설치 없이 한 줄이면 됩니다.
+
+```bash
+npx minhyuk
+```
+
+## Quick Start
+
+터미널을 열고 `minhyuk` CLI를 이렇게 실행하세요:
+
+```bash
+npx minhyuk
+```
+
+```text
+Options:
+  -a, --about       한 줄 자기소개와 스토리
+  -c, --career      경력 / 이력 보기
+  -p, --projects    대표 프로젝트 보기
+  -s, --skills      기술 스택 보기
+  -e, --education   학력 / 교육 보기
+  -g, --github      GitHub 열기
+  -b, --blog        블로그 열기
+  -r, --resume      이력서 열기
+  -l, --linkedin    LinkedIn 열기
+  -m, --email       이메일 주소 출력
+  -w, --web         포트폴리오 사이트 열기
+  -V, --version     버전 출력
+  -h, --help        도움말 보기
+```
+
+예시:
+
+```bash
+npx minhyuk --career     # 경력 보기
+npx minhyuk --projects   # 프로젝트 보기
+npx minhyuk --github     # GitHub 바로 열기
+```
+
+## 정보 수정
+
+모든 내용은 [`lib/data.js`](./lib/data.js) 한 파일에서 관리됩니다. 이 파일만 고치면 됩니다.
+
+## 배포
+
+```bash
+npm version patch   # 버전 올리기
+npm publish         # npm 배포
+```
+
+## License
+
+MIT © Min-hyuk Shin

package/bin/cli.js

@@ -0,0 +1,216 @@
+#!/usr/bin/env node
+"use strict";
+
+const { spawn } = require("child_process");
+const data = require("../lib/data");
+const { c, accent, accent2, box } = require("../lib/render");
+const pkg = require("../package.json");
+
+// head 등으로 출력이 잘릴 때 발생하는 EPIPE를 조용히 무시
+process.stdout.on("error", (err) => {
+  if (err.code === "EPIPE") process.exit(0);
+  throw err;
+});
+
+const out = (s = "") => process.stdout.write(s + "\n");
+
+// 브라우저로 URL 열기 (mac/linux/windows)
+function openUrl(url) {
+  const cmd =
+    process.platform === "darwin"
+      ? "open"
+      : process.platform === "win32"
+        ? "start"
+        : "xdg-open";
+  try {
+    spawn(cmd, [url], { stdio: "ignore", detached: true, shell: process.platform === "win32" }).unref();
+    out(`  ${c.green("✔")} 브라우저에서 여는 중… ${c.underline(c.cyan(url))}\n`);
+  } catch {
+    out(`  ${c.yellow("→")} 아래 주소를 열어주세요: ${c.underline(c.cyan(url))}\n`);
+  }
+}
+
+const li = (s) => out(`  ${accent("›")} ${s}`);
+const heading = (s) => out("\n" + accent2(c.bold(s)) + "\n");
+
+// ── 화면들 ───────────────────────────────────────────────
+
+function showHome() {
+  const lines = [
+    `${c.bold(accent(data.name))}  ${c.dim("(" + data.nameEn + ")")}`,
+    "",
+    c.white(data.tagline.slice(0, 0) + "디자인 · 기술 · 사용자 경험이 만나는 지점에서"),
+    c.white("디지털 경험을 만드는 ") + c.bold("소프트웨어 개발자"),
+    "",
+    `${accent2("●")} ${c.bold(data.current.role)} ${c.dim("@")} ${data.current.company}`,
+    `${c.dim(data.current.period + "  ·  " + data.location)}`,
+    "",
+    `${c.dim("FOCUS")}  ${data.focus.map((f) => c.cyan(f)).join(c.dim(" · "))}`,
+  ];
+  out("");
+  out(box(lines));
+  out("");
+  out(`  ${c.dim("아래 명령으로 더 알아보세요")} ${c.dim("—")} ${c.bold("npx " + data.handle + " <옵션>")}`);
+  out("");
+  printOptionsTable();
+  out("");
+}
+
+function printOptionsTable() {
+  const rows = [
+    ["-a, --about", "한 줄 자기소개와 스토리"],
+    ["-c, --career", "경력 / 이력 보기"],
+    ["-p, --projects", "대표 프로젝트 보기"],
+    ["-s, --skills", "기술 스택 보기"],
+    ["-e, --education", "학력 / 교육 보기"],
+    ["-g, --github", "GitHub 열기"],
+    ["-b, --blog", "블로그 열기"],
+    ["-r, --resume", "이력서 열기"],
+    ["-l, --linkedin", "LinkedIn 열기"],
+    ["-m, --email", "이메일 주소 복사용 출력"],
+    ["-w, --web", "포트폴리오 사이트 열기"],
+    ["-V, --version", "버전 출력"],
+    ["-h, --help", "도움말 보기"],
+  ];
+  out(`  ${c.bold("Options:")}`);
+  const w = Math.max(...rows.map((r) => r[0].length));
+  for (const [flag, desc] of rows) {
+    out(`    ${accent(flag.padEnd(w))}   ${c.dim(desc)}`);
+  }
+}
+
+function showAbout() {
+  heading("About");
+  data.about.forEach((l) => (l ? out("  " + c.white(l)) : out("")));
+  out("");
+}
+
+function showCareer() {
+  heading("Career");
+  data.career.forEach((job) => {
+    out(
+      `  ${c.bold(accent(job.company))}  ${c.dim(job.badge)}` +
+        `\n  ${c.white(job.role)}  ${c.dim("·")}  ${c.dim(job.period)}`,
+    );
+    job.points.forEach((p) => out(`    ${accent2("•")} ${c.dim(p)}`));
+    out("");
+  });
+}
+
+function showProjects() {
+  heading("Projects");
+  data.projects.forEach((p) => {
+    out(`  ${c.bold(accent(p.title))}  ${c.dim("—")} ${c.white(p.desc)}`);
+    out(`    ${c.dim(p.tech)}`);
+    out(`    ${c.cyan(c.underline(p.url))}`);
+    out("");
+  });
+}
+
+function showSkills() {
+  heading("Skills");
+  const groups = {
+    Frontend: ["Next.js", "React", "TypeScript", "Tailwind CSS", "Flutter"],
+    Backend: ["Supabase", "PostgreSQL", "Java", "Spring Boot", "MySQL"],
+    Collaboration: ["Git", "Figma", "Slack"],
+  };
+  for (const [g, items] of Object.entries(groups)) {
+    out(`  ${c.bold(accent2(g.padEnd(14)))} ${items.map((i) => c.cyan(i)).join(c.dim(" · "))}`);
+  }
+  out("");
+}
+
+function showEducation() {
+  heading("Education");
+  data.education.forEach((e) => {
+    out(`  ${c.bold(accent(e.name))}  ${c.dim("·")}  ${c.dim(e.period)}`);
+    out(`    ${c.dim(e.program)}`);
+  });
+  out("");
+}
+
+function showContact() {
+  heading("Contact");
+  li(`Email    ${c.cyan(data.links.email)}`);
+  li(`GitHub   ${c.cyan(data.links.github)}`);
+  li(`Blog     ${c.cyan(data.links.blog)}`);
+  li(`LinkedIn ${c.cyan(data.links.linkedin)}`);
+  li(`Resume   ${c.cyan(data.links.resume)}`);
+  li(`Web      ${c.cyan(data.links.portfolio)}`);
+  out("");
+}
+
+function showEmail() {
+  heading("Email");
+  out(`  ${c.bold(c.cyan(data.links.email))}`);
+  out(`  ${c.dim("합류·프로젝트 제안은 언제든 환영입니다. 1–2일 내 답장드려요 :)")}`);
+  out("");
+}
+
+function showHelp() {
+  out("");
+  out(`  ${c.bold(accent(data.handle))} ${c.dim("— " + data.nameEn + "를 터미널에서 만나보세요")}`);
+  out("");
+  out(`  ${c.bold("Usage:")}  npx ${data.handle} [options]`);
+  out("");
+  printOptionsTable();
+  out("");
+}
+
+function showVersion() {
+  out(`${data.handle} v${pkg.version}`);
+}
+
+// ── 라우팅 ───────────────────────────────────────────────
+
+const routes = {
+  "-a": showAbout, "--about": showAbout,
+  "-c": showCareer, "--career": showCareer,
+  "-p": showProjects, "--projects": showProjects,
+  "-s": showSkills, "--skills": showSkills,
+  "-e": showEducation, "--education": showEducation,
+  "--contact": showContact,
+  "-m": showEmail, "--email": showEmail,
+  "-h": showHelp, "--help": showHelp,
+  "-V": showVersion, "--version": showVersion,
+};
+
+const openRoutes = {
+  "-g": "github", "--github": "github",
+  "-b": "blog", "--blog": "blog",
+  "-r": "resume", "--resume": "resume",
+  "-l": "linkedin", "--linkedin": "linkedin",
+  "-w": "web", "--web": "portfolio",
+};
+
+function main() {
+  const args = process.argv.slice(2).filter(Boolean);
+
+  if (args.length === 0) {
+    showHome();
+    return;
+  }
+
+  let matched = false;
+  for (const arg of args) {
+    // 원본 우선(-V 같은 대문자 보존), 없으면 소문자로 폴백(--HELP 등 허용)
+    const key = routes[arg] || openRoutes[arg] ? arg : arg.toLowerCase();
+    if (routes[key]) {
+      routes[key]();
+      matched = true;
+    } else if (openRoutes[key]) {
+      const linkKey = openRoutes[key] === "web" ? "portfolio" : openRoutes[key];
+      openUrl(data.links[linkKey]);
+      matched = true;
+    }
+  }
+
+  if (!matched) {
+    out(`\n  ${c.yellow("알 수 없는 옵션:")} ${args.join(" ")}`);
+    out(`  ${c.dim("npx " + data.handle + " --help 로 사용법을 확인하세요.")}\n`);
+    showHelp();
+    process.exitCode = 1;
+  }
+}
+
+main();

package/lib/data.js

@@ -0,0 +1,132 @@
+"use strict";
+
+/**
+ * 모든 정보의 단일 출처(single source of truth).
+ * 내용을 바꾸고 싶으면 이 파일만 수정하면 됩니다.
+ */
+module.exports = {
+  name: "신민혁",
+  nameEn: "Min-hyuk Shin",
+  handle: "minhyuk",
+  birth: "1999.08.29",
+  location: "Seoul, Korea",
+  tagline: "디자인 · 기술 · 사용자 경험이 만나는 지점에서 디지털 경험을 만드는 소프트웨어 개발자",
+
+  current: {
+    role: "Software Engineer",
+    company: "재미스튜디오 (Gemmy Studio)",
+    period: "2026.03 — 현재",
+  },
+
+  focus: ["React", "TypeScript", "Next.js", "Supabase", "PostgreSQL"],
+
+  // 외부 링크 (open 명령에서 브라우저로 열림)
+  links: {
+    portfolio: "https://min-hyuk.com",
+    github: "https://github.com/shin-minhyuk",
+    blog: "https://blog.naver.com/afs_style",
+    linkedin: "https://linkedin.com/in/shinminhyuk",
+    resume: "https://resume.min-hyuk.com",
+    email: "dev.minhyuk@gmail.com",
+  },
+
+  about: [
+    "패션디자인을 전공했지만, 사용자 경험을 더 직접적으로 개선할 수 있는",
+    "소프트웨어 개발에 매력을 느껴 개발자의 길을 선택했습니다.",
+    "",
+    "스타트업에서 웹소설 AI 번역기·웹 접근성 솔루션 등 B2B SaaS를 개발하고,",
+    "부트캠프 코드리뷰 멘토와 프리랜서 개발까지 다양한 경험을 쌓았습니다.",
+    "낯선 기술 환경에서도 빠르게 성장하는 것이 강점이며,",
+    "코드 품질과 아키텍처를 끊임없이 고민하는 개발자입니다.",
+  ],
+
+  // 경력 (최신순)
+  career: [
+    {
+      company: "재미스튜디오",
+      role: "소프트웨어 엔지니어",
+      period: "2026.03 – 현재",
+      badge: "정규직",
+      points: [
+        "Lattice — VC·스타트업 투자 운영 SaaS 풀스택 개발 (Next.js 16 / React 19 / Supabase)",
+        "TIPS 운영, Track 도메인 OPEN API, 공개 신청·자료 제출 시스템 구축",
+        "InBodyLIKE 헬스케어 오픈이노베이션 홈페이지 기획~배포 100% 단독 개발",
+      ],
+    },
+    {
+      company: "Lukuku",
+      role: "프론트엔드 개발자 (FILA 공식몰)",
+      period: "2025.12 – 2026.02",
+      badge: "정규직",
+      points: [
+        "FILA Renewal — PLP 렌더링 파이프라인 마이그레이션으로 로딩 2초+ → 0.5초 (약 75%↓)",
+        "PDP 컬러 스와치 프리로딩·캐싱, 매장 안내(네이버 지도), 메인/검색 리뉴얼",
+      ],
+    },
+    {
+      company: "어포나티",
+      role: "프론트엔드 개발자",
+      period: "2025.01 – 2025.09",
+      badge: "정규직·연구원",
+      points: [
+        "김프로 — 웹소설 특화 AI 번역기 (B2B/B2C), Toss 결제 연동",
+        "링크뷰 — AI 웹 접근성 솔루션, IVERY — Flutter 크로스플랫폼 앱",
+        "8개 관리자 모듈 핵심 기능 및 재사용 컴포넌트 아키텍처 설계",
+      ],
+    },
+    {
+      company: "오즈코딩스쿨",
+      role: "프론트엔드 코드리뷰 멘토",
+      period: "2025.09 – 2025.10",
+      badge: "용역",
+      points: [
+        "FE 11기 익스턴십 PR 멘토 — React/TypeScript 코드리뷰 및 베스트 프랙티스 멘토링",
+      ],
+    },
+    {
+      company: "프리랜서",
+      role: "웹 개발자 (외주)",
+      period: "2025.03 – 2025.11",
+      badge: "용역",
+      points: [
+        "사물의 의회 2025 — Next.js 반응형 홈페이지, MAU 최대 1,350명·SEO 최상단 노출",
+        "Firebase → Supabase 마이그레이션 및 지속 유지보수",
+      ],
+    },
+  ],
+
+  // 대표 프로젝트
+  projects: [
+    {
+      title: "사물의 의회",
+      desc: "탈인간중심주의 환경 컨퍼런스 플랫폼 (외주)",
+      tech: "Next.js 15 · TypeScript · Firebase",
+      url: "https://www.samulparliament.com/",
+    },
+    {
+      title: "Greenie",
+      desc: "AI 감정 코치 — 카카오톡 대화 감정 분석 서비스",
+      tech: "Next.js · Supabase · OpenAI GPT",
+      url: "https://green-katalk-feel.vercel.app/",
+    },
+    {
+      title: "MIC GOLF",
+      desc: "골프 브랜드 쇼핑몰 (기업 협업, 팀 리더)",
+      tech: "React · TypeScript · Zustand · TanStack Query",
+      url: "https://github.com/MICGolf/frontend",
+    },
+    {
+      title: "VITA",
+      desc: "실시간 게임 메이트 매칭 (WebSocket · 토스페이먼츠)",
+      tech: "React · TypeScript · WebSocket · OAuth 2.0",
+      url: "https://github.com/oz-main-project-team-02/vita-gamemate-fe",
+    },
+  ],
+
+  // 학력/교육
+  education: [
+    { name: "청년취업사관학교", program: "풀스택 AI 개발자 양성과정", period: "2025.09 – 2026.02" },
+    { name: "오즈코딩스쿨", program: "프론트엔드 4기 (해커톤 1위)", period: "2024.06 – 2024.12" },
+    { name: "경일대학교", program: "패션디자인 학사", period: "2018.03 – 2023.02" },
+  ],
+};

package/lib/render.js

@@ -0,0 +1,71 @@
+"use strict";
+
+// 색상 지원 여부 판단 (NO_COLOR 표준 + 비-TTY 환경 대응)
+const useColor =
+  !process.env.NO_COLOR &&
+  process.env.TERM !== "dumb" &&
+  (process.stdout.isTTY || process.env.FORCE_COLOR);
+
+const wrap = (open, close) => (s) =>
+  useColor ? `[${open}m${s}[${close}m` : String(s);
+
+const c = {
+  reset: wrap(0, 0),
+  bold: wrap(1, 22),
+  dim: wrap(2, 22),
+  italic: wrap(3, 23),
+  underline: wrap(4, 24),
+  gray: wrap(90, 39),
+  red: wrap(31, 39),
+  green: wrap(32, 39),
+  yellow: wrap(33, 39),
+  blue: wrap(34, 39),
+  magenta: wrap(35, 39),
+  cyan: wrap(36, 39),
+  white: wrap(37, 39),
+};
+
+// 24bit truecolor (지원 안 되면 일반 텍스트로 폴백)
+const rgb = (r, g, b) => (s) =>
+  useColor ? `[38;2;${r};${g};${b}m${s}` : String(s);
+
+const accent = rgb(124, 92, 255); // violet
+const accent2 = rgb(45, 212, 191); // teal
+
+// ANSI 코드를 제외한 실제 출력 폭 계산 (한글=2칸)
+function visibleWidth(str) {
+  const clean = str.replace(/\[[0-9;]*m/g, "");
+  let w = 0;
+  for (const ch of clean) {
+    const code = ch.codePointAt(0);
+    // 한글/CJK/전각 문자는 2칸
+    w +=
+      (code >= 0x1100 && code <= 0x115f) ||
+      (code >= 0x2e80 && code <= 0xa4cf) ||
+      (code >= 0xac00 && code <= 0xd7a3) ||
+      (code >= 0xf900 && code <= 0xfaff) ||
+      (code >= 0xff00 && code <= 0xff60) ||
+      (code >= 0xffe0 && code <= 0xffe6)
+        ? 2
+        : 1;
+  }
+  return w;
+}
+
+// 둥근 박스로 감싸기
+function box(lines, opts = {}) {
+  const pad = opts.pad == null ? 2 : opts.pad;
+  const color = opts.color || accent;
+  const maxContent = Math.max(...lines.map(visibleWidth));
+  const inner = maxContent + pad * 2;
+  const top = color("╭" + "─".repeat(inner) + "╮");
+  const bot = color("╰" + "─".repeat(inner) + "╯");
+  const bar = color("│");
+  const body = lines.map((line) => {
+    const gap = " ".repeat(maxContent - visibleWidth(line));
+    return `${bar}${" ".repeat(pad)}${line}${gap}${" ".repeat(pad)}${bar}`;
+  });
+  return [top, ...body, bot].join("\n");
+}
+
+module.exports = { c, accent, accent2, box, visibleWidth };

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "minhyuk",
+  "version": "1.0.0",
+  "description": "신민혁(Min-hyuk Shin)을 터미널에서 만나보세요 — npx minhyuk",
+  "bin": {
+    "minhyuk": "bin/cli.js"
+  },
+  "files": [
+    "bin",
+    "lib"
+  ],
+  "scripts": {
+    "start": "node bin/cli.js",
+    "test": "node bin/cli.js --help"
+  },
+  "keywords": [
+    "portfolio",
+    "resume",
+    "cli",
+    "card",
+    "business-card",
+    "npx",
+    "minhyuk",
+    "min-hyuk"
+  ],
+  "author": "Min-hyuk Shin <dev.minhyuk@gmail.com>",
+  "license": "MIT",
+  "homepage": "https://min-hyuk.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shin-minhyuk/minhyuk.git"
+  },
+  "bugs": {
+    "url": "https://github.com/shin-minhyuk/minhyuk/issues"
+  },
+  "engines": {
+    "node": ">=14"
+  },
+  "preferGlobal": true
+}