byuckchon-frontend-cli 1.9.3 → 1.9.4

package/README.md

@@ -261,7 +261,7 @@ Figma·OpenAPI URL 만 추가로 묻고 `bc.config.json` 만 떨궈줍니다.
 bc                                         # 인자 없이도 chat 진입 (제일 짧은 단축키)
 bc start                                   # chat 의 alias
 bc chat                                    # ink 풀 TUI (기본)
-bc chat --model claude-haiku-4             # 이번 세션만 모델 지정
+bc chat --model claude-fable-5             # 이번 세션만 모델 지정
 bc chat --plain                            # 단순 readline 모드
 bc chat --once "useEffect 의존성 배열 누락된 거 어떻게 찾아?"   # 1회성 호출 (CI/스크립트)
 bc chat -c                                 # 가장 최근 세션 이어가기
@@ -346,7 +346,7 @@ bc config set-ui ink
 ```bash
 bc config show                              # 현재 적용 중인 설정 확인
 bc config set-model                         # 대화형 모델 선택
-bc config set-model claude-sonnet-4-5       # 직접 지정
+bc config set-model claude-sonnet-5         # 직접 지정
 bc config set-key anthropic                 # 키 안전 입력 (가려짐)
 bc config set-key anthropic sk-ant-...      # 직접 지정
 bc config set-gateway https://ai.example.com  # 사내 게이트웨이 모드
@@ -369,9 +369,10 @@ bc config set-ui ink                        # 풀 TUI 복귀
 
 | id                  | provider  | 추천 용도                          |
 | ------------------- | --------- | ---------------------------------- |
-| `claude-sonnet-4-5` | anthropic | 기본 — 코드 Q&A, 리팩터, 컴포넌트   |
-| `claude-haiku-4`    | anthropic | 짧은 작업, 커밋 메시지 (저렴)       |
-| `claude-opus-4-5`   | anthropic | 큰 리팩터, 아키텍처 설계 (고가)     |
+| `claude-sonnet-5`   | anthropic | 기본 — 코드 Q&A, 리팩터, 컴포넌트   |
+| `claude-sonnet-4-6` | anthropic | 안정 — 이전 세대 밸런스             |
+| `claude-opus-4-8`   | anthropic | 큰 리팩터, 아키텍처 설계 (고가)     |
+| `claude-fable-5`    | anthropic | 짧은 작업, 커밋 메시지 (저렴·빠름)  |
 | `gpt-5`             | openai    | 일반 코드                          |
 | `gpt-5-mini`        | openai    | 저렴한 OpenAI                      |
 

package/bin/index.js

@@ -4,6 +4,7 @@ import { Command } from 'commander';
 import chalk from 'chalk';
 
 import { initCommand } from '../src/commands/init.js';
+import { addCommand } from '../src/commands/add.js';
 import { chatCommand } from '../src/commands/chat.js';
 import { adoptCommand } from '../src/commands/adopt.js';
 import {
@@ -32,11 +33,18 @@ program
 
 program
   .command('init')
-  .description('새 프론트엔드 프로젝트 생성 (React/Next.js)')
+  .description('새 프론트엔드 프로젝트 생성 (단일 React/Next 또는 pnpm 모노레포)')
   .action(async () => {
     await initCommand();
   });
 
+program
+  .command('add')
+  .description('기존 pnpm 모노레포에 React/Next 앱 추가 (apps/ 아래)')
+  .action(async () => {
+    await addCommand();
+  });
+
 program
   .command('adopt')
   .description('기존 프로젝트에 bc 설정만 추가 (Expo/Electron/Next/Vite/CRA 자동 감지)')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "byuckchon-frontend-cli",
-  "version": "1.9.3",
+  "version": "1.9.4",
   "description": "Byuckchon Frontend Workbench — project starter + AI chat + codebase RAG + OpenAPI codegen",
   "type": "module",
   "engines": {
@@ -10,6 +10,12 @@
     "byuckchon-frontend-cli": "./bin/index.js",
     "bc": "./bin/index.js"
   },
+  "scripts": {
+    "start": "node bin/index.js",
+    "chat": "node bin/index.js chat",
+    "init": "node bin/index.js init",
+    "config": "node bin/index.js config show"
+  },
   "dependencies": {
     "@ai-sdk/anthropic": "^3.0.85",
     "@ai-sdk/openai": "^3.0.73",
@@ -59,11 +65,5 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/RevolutionaryWarrior/byuckchon-frontend-cli.git"
-  },
-  "scripts": {
-    "start": "node bin/index.js",
-    "chat": "node bin/index.js chat",
-    "init": "node bin/index.js init",
-    "config": "node bin/index.js config show"
   }
-}
+}

package/src/ai/models.js

@@ -9,32 +9,41 @@
  */
 export const MODEL_CATALOG = [
   {
-    id: 'claude-sonnet-4-5',
-    label: 'Claude Sonnet 4.5  (권장 · 코드 품질·속도 밸런스)',
+    id: 'claude-sonnet-5',
+    label: 'Claude Sonnet 5  (권장 · 코드 품질·속도 밸런스)',
     provider: 'anthropic',
-    apiModel: 'claude-sonnet-4-5',
+    apiModel: 'claude-sonnet-5',
     contextWindow: 200_000,
     pricing: { input: 3, output: 15, cachedInput: 0.3 },
     tier: 'balanced',
   },
   {
-    id: 'claude-haiku-4',
-    label: 'Claude Haiku 4  (저렴 · 짧은 작업·커밋 메시지)',
+    id: 'claude-sonnet-4-6',
+    label: 'Claude Sonnet 4.6  (안정 · 이전 세대 밸런스)',
     provider: 'anthropic',
-    apiModel: 'claude-haiku-4',
+    apiModel: 'claude-sonnet-4-6',
     contextWindow: 200_000,
-    pricing: { input: 0.8, output: 4, cachedInput: 0.08 },
-    tier: 'fast',
+    pricing: { input: 3, output: 15, cachedInput: 0.3 },
+    tier: 'balanced',
   },
   {
-    id: 'claude-opus-4-5',
-    label: 'Claude Opus 4.5  (고성능 · 큰 리팩터·아키텍처)',
+    id: 'claude-opus-4-8',
+    label: 'Claude Opus 4.8  (고성능 · 큰 리팩터·아키텍처)',
     provider: 'anthropic',
-    apiModel: 'claude-opus-4-5',
+    apiModel: 'claude-opus-4-8',
     contextWindow: 200_000,
     pricing: { input: 15, output: 75, cachedInput: 1.5 },
     tier: 'powerful',
   },
+  {
+    id: 'claude-fable-5',
+    label: 'Claude Fable 5  (저렴·빠름 · 짧은 작업·커밋 메시지)',
+    provider: 'anthropic',
+    apiModel: 'claude-fable-5',
+    contextWindow: 200_000,
+    pricing: { input: 1, output: 5, cachedInput: 0.1 },
+    tier: 'fast',
+  },
   {
     id: 'gpt-5',
     label: 'GPT-5  (OpenAI · 일반 코드)',
@@ -55,7 +64,7 @@ export const MODEL_CATALOG = [
   },
 ];
 
-export const DEFAULT_MODEL_ID = 'claude-sonnet-4-5';
+export const DEFAULT_MODEL_ID = 'claude-sonnet-5';
 
 export function findModel(id) {
   return MODEL_CATALOG.find((m) => m.id === id);

package/src/commands/add.js

@@ -0,0 +1,82 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+import chalk from 'chalk';
+
+import { askAddQuestions } from '../prompts/initPrompts.js';
+import { createApp } from '../generators/createApp.js';
+import { installMonorepoDeps } from '../generators/install.js';
+import {
+  detectMonorepoRoot,
+  detectScope,
+  appExists,
+} from '../context/monorepo.js';
+
+/**
+ * `bc add`
+ *
+ * 기존 pnpm 모노레포에 React/Next 앱을 하나 추가한다.
+ * (현재 위치에서 위로 올라가며 pnpm-workspace.yaml 을 찾는다.)
+ */
+export async function addCommand() {
+  console.log(chalk.bold.cyan('\n  bc add — 모노레포에 앱 추가\n'));
+
+  const root = await detectMonorepoRoot(process.cwd());
+  if (!root) {
+    console.log(chalk.yellow('  ⚠ pnpm 모노레포를 찾지 못했습니다.'));
+    console.log(
+      chalk.dim(
+        '    모노레포 루트(또는 그 하위)에서 실행하세요. 새로 만들려면 `bc init` → 모노레포.\n',
+      ),
+    );
+    process.exit(1);
+  }
+
+  const scope = await detectScope(root);
+  console.log(chalk.dim(`  모노레포: ${root}`));
+  console.log(chalk.dim(`  scope:    @${scope}\n`));
+
+  const answers = await askAddQuestions({ scope });
+
+  if (await appExists(root, answers.appName)) {
+    console.log(
+      chalk.red(`\n  오류: apps/${answers.appName} 가 이미 존재합니다.\n`),
+    );
+    process.exit(1);
+  }
+
+  const config = { ...answers, projectName: answers.appName, typescript: true };
+  const appDir = path.join(root, 'apps', answers.appName);
+  const appPkgName = `@${scope}/${answers.appName}`;
+
+  console.log(
+    chalk.dim(`  ${answers.framework} 앱을 apps/${answers.appName} 에 생성하는 중...\n`),
+  );
+
+  await createApp({ appDir, config, scope });
+  await addRootDevScript(root, answers.appName, appPkgName);
+  await installMonorepoDeps({ root, appPkgName });
+
+  console.log(chalk.bold.green(`\n  ✓ ${appPkgName} 앱을 추가했습니다!\n`));
+  console.log(chalk.yellow('  실행:\n'));
+  console.log(chalk.white(`    pnpm --filter ${appPkgName} dev`));
+  console.log(chalk.white(`    # 또는  pnpm ${answers.appName}\n`));
+}
+
+/**
+ * 루트 package.json 에 `"<app>": "pnpm --filter <pkg> dev"` 단축 스크립트를 추가.
+ */
+async function addRootDevScript(root, appName, appPkgName) {
+  const pkgPath = path.join(root, 'package.json');
+  let pkg;
+  try {
+    pkg = JSON.parse(await fs.readFile(pkgPath, 'utf8'));
+  } catch {
+    return;
+  }
+  pkg.scripts = pkg.scripts ?? {};
+  if (!pkg.scripts[appName]) {
+    pkg.scripts[appName] = `pnpm --filter ${appPkgName} dev`;
+    await fs.writeFile(pkgPath, JSON.stringify(pkg, null, 2) + '\n', 'utf8');
+  }
+}

package/src/commands/init.js

@@ -1,7 +1,13 @@
 import chalk from "chalk";
 
 import { createProject } from "../generators/createProject.js";
-import { askInitQuestions } from "../prompts/initPrompts.js";
+import { createMonorepo } from "../generators/createMonorepo.js";
+import { installMonorepoDeps } from "../generators/install.js";
+import {
+  askInitQuestions,
+  askProjectType,
+  askMonorepoQuestions,
+} from "../prompts/initPrompts.js";
 
 export async function initCommand() {
   console.log(
@@ -9,43 +15,14 @@ export async function initCommand() {
   );
 
   try {
-    const answers = await askInitQuestions();
+    const projectType = await askProjectType();
 
-    console.log(
-      chalk.dim(
-        `\n  ${answers.framework} 프로젝트를 생성하는 중... (${answers.projectName})\n`
-      )
-    );
-
-    await createProject({ ...answers, typescript: true });
-
-    console.log(
-      chalk.bold.green(
-        `\n  ✓ ${answers.projectName} 프로젝트가 생성되었습니다!\n`
-      )
-    );
-    console.log(chalk.yellow("  다음 명령어로 시작하세요:\n"));
-    console.log(chalk.white(`    cd ${answers.projectName}`));
-    console.log(chalk.white("    npm run dev\n"));
-
-    console.log(chalk.dim("  AI 어시스턴트:"));
-    if (answers.aiModel) {
-      console.log(
-        chalk.dim(
-          `    이 프로젝트의 기본 모델 = ${answers.aiModel} (bc.config.json 에 저장됨)`
-        )
-      );
-    } else {
-      console.log(
-        chalk.dim("    모델 미설정 — `bc config set-model` 로 나중에 지정")
-      );
+    if (projectType === "monorepo") {
+      await runMonorepoInit();
+      return;
     }
-    console.log(
-      chalk.dim(
-        "    API 키:  bc config set-key anthropic   (또는 ANTHROPIC_API_KEY 환경변수)"
-      )
-    );
-    console.log(chalk.dim("    실행:    bc chat\n"));
+
+    await runSingleInit();
   } catch (error) {
     if (error.code === "EEXIST") {
       console.error(
@@ -60,3 +37,75 @@ export async function initCommand() {
     process.exit(1);
   }
 }
+
+async function runSingleInit() {
+  const answers = await askInitQuestions();
+
+  console.log(
+    chalk.dim(
+      `\n  ${answers.framework} 프로젝트를 생성하는 중... (${answers.projectName})\n`
+    )
+  );
+
+  await createProject({ ...answers, typescript: true });
+
+  console.log(
+    chalk.bold.green(
+      `\n  ✓ ${answers.projectName} 프로젝트가 생성되었습니다!\n`
+    )
+  );
+  console.log(chalk.yellow("  다음 명령어로 시작하세요:\n"));
+  console.log(chalk.white(`    cd ${answers.projectName}`));
+  console.log(chalk.white("    npm run dev\n"));
+
+  printAiHints(answers.aiModel);
+}
+
+async function runMonorepoInit() {
+  const answers = await askMonorepoQuestions();
+
+  console.log(
+    chalk.dim(
+      `\n  모노레포 '${answers.projectName}' 생성 중... (scope: @${answers.scope}, 첫 앱: ${answers.framework} / apps/${answers.appName})\n`
+    )
+  );
+
+  const { root, scope, appName } = await createMonorepo({
+    ...answers,
+    typescript: true,
+  });
+
+  await installMonorepoDeps({ root, appPkgName: `@${scope}/${appName}` });
+
+  console.log(
+    chalk.bold.green(`\n  ✓ 모노레포 '${answers.projectName}' 가 생성되었습니다!\n`)
+  );
+  console.log(chalk.yellow("  다음 명령어로 시작하세요:\n"));
+  console.log(chalk.white(`    cd ${answers.projectName}`));
+  console.log(chalk.white("    pnpm install"));
+  console.log(chalk.white(`    pnpm ${appName}          # ${appName} 앱 실행\n`));
+  console.log(chalk.dim("  앱을 더 추가하려면 루트에서:  bc add\n"));
+
+  printAiHints(answers.aiModel);
+}
+
+function printAiHints(aiModel) {
+  console.log(chalk.dim("  AI 어시스턴트:"));
+  if (aiModel) {
+    console.log(
+      chalk.dim(
+        `    이 프로젝트의 기본 모델 = ${aiModel} (bc.config.json 에 저장됨)`
+      )
+    );
+  } else {
+    console.log(
+      chalk.dim("    모델 미설정 — `bc config set-model` 로 나중에 지정")
+    );
+  }
+  console.log(
+    chalk.dim(
+      "    API 키:  bc config set-key anthropic   (또는 ANTHROPIC_API_KEY 환경변수)"
+    )
+  );
+  console.log(chalk.dim("    실행:    bc chat\n"));
+}

package/src/context/monorepo.js

@@ -0,0 +1,98 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+/**
+ * 모노레포(pnpm workspace) 관련 감지/유틸.
+ *
+ * - detectMonorepoRoot: 현재 위치에서 위로 올라가며 pnpm-workspace.yaml 을 찾는다.
+ * - detectScope:        기존 워크스페이스 패키지 이름에서 `@scope` 를 추출한다.
+ * - deriveScope:        모노레포 이름에서 scope 후보를 만든다 (marketd-frontend → marketd).
+ */
+
+async function exists(p) {
+  try {
+    await fs.access(p);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+async function readJsonSafe(file) {
+  try {
+    return JSON.parse(await fs.readFile(file, 'utf8'));
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * pnpm-workspace.yaml 을 기준으로 모노레포 루트를 찾는다.
+ * @returns {Promise<string|null>} 루트 절대경로 또는 null
+ */
+export async function detectMonorepoRoot(startDir = process.cwd()) {
+  let dir = path.resolve(startDir);
+  // 파일시스템 루트까지 올라간다.
+  while (true) {
+    if (await exists(path.join(dir, 'pnpm-workspace.yaml'))) return dir;
+    const parent = path.dirname(dir);
+    if (parent === dir) return null;
+    dir = parent;
+  }
+}
+
+/**
+ * 모노레포에서 사용 중인 npm scope (`@marketd` 의 marketd) 를 추론한다.
+ * apps/*, packages/* 의 package.json name 에서 우선 추출하고,
+ * 실패하면 루트 package.json name 을 fallback 으로 쓴다.
+ */
+export async function detectScope(root) {
+  const candidateDirs = ['packages', 'apps'];
+  for (const base of candidateDirs) {
+    const baseDir = path.join(root, base);
+    let entries = [];
+    try {
+      entries = await fs.readdir(baseDir, { withFileTypes: true });
+    } catch {
+      continue;
+    }
+    for (const entry of entries) {
+      if (!entry.isDirectory()) continue;
+      const pkg = await readJsonSafe(path.join(baseDir, entry.name, 'package.json'));
+      const name = pkg?.name;
+      if (typeof name === 'string' && name.startsWith('@')) {
+        const scope = name.slice(1).split('/')[0];
+        if (scope) return scope;
+      }
+    }
+  }
+
+  const rootPkg = await readJsonSafe(path.join(root, 'package.json'));
+  if (rootPkg?.name) return deriveScope(rootPkg.name);
+  return 'workspace';
+}
+
+/**
+ * 모노레포 이름에서 scope 를 뽑아낸다.
+ *  marketd-frontend  → marketd
+ *  acme-fe           → acme
+ *  @acme/repo        → acme
+ */
+export function deriveScope(name) {
+  let base = String(name || '').trim();
+  if (base.startsWith('@')) base = base.slice(1).split('/')[0];
+  base = base
+    .replace(/-(frontend|front|fe|monorepo|mono|workspace|repo)$/i, '')
+    .replace(/[^a-z0-9-]/gi, '')
+    .toLowerCase();
+  return base || 'workspace';
+}
+
+/**
+ * apps/<name> 이 이미 존재하는지 확인.
+ */
+export async function appExists(root, appName) {
+  return exists(path.join(root, 'apps', appName));
+}
+
+export { exists as pathExists, readJsonSafe };

package/src/generators/createApp.js

@@ -0,0 +1,211 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+import { versions } from '../constants/versions.js';
+import { createFolders } from './createFolders.js';
+import { createBaseFiles } from './createBaseFiles.js';
+import { createBcConfig } from './createBcConfig.js';
+import { scaffoldApiConventionDoc } from './apiConventionDoc.js';
+
+/**
+ * 모노레포(pnpm workspace) 안의 apps/<name> 으로 React/Next 앱을 하나 만든다.
+ *
+ * 단일 프로젝트용 createProject 와 달리:
+ *  - package.json name 이 `@<scope>/<app>` 로 스코프됨
+ *  - 공유 프리셋(@<scope>/config-eslint, @<scope>/config-typescript)을 workspace 로 참조
+ *  - eslint / tsconfig 를 모노레포 프리셋을 extends 하도록 재작성
+ *  - .gitignore / .vscode / .prettierrc 는 루트가 담당하므로 앱에서는 제거
+ *  - 의존성 설치(pnpm install)는 호출자가 루트에서 일괄 수행
+ *
+ * @param {object} args
+ * @param {string} args.appDir     앱 절대경로 (…/apps/<name>)
+ * @param {object} args.config     { projectName, framework, aiModel, figmaUrl, openapiUrl }
+ * @param {string} args.scope      npm scope (예: 'marketd' → @marketd/<app>)
+ */
+export async function createApp({ appDir, config, scope }) {
+  await fs.mkdir(appDir, { recursive: true });
+
+  await createFolders(appDir, config);
+  await createBaseFiles(appDir, config);
+  await scaffoldApiConventionDoc({ projectRoot: appDir, framework: config.framework });
+  await createBcConfig(appDir, config);
+
+  await createAppPackageJson(appDir, config, scope);
+  await applyMonorepoConventions(appDir, config, scope);
+}
+
+async function write(filePath, content) {
+  await fs.writeFile(filePath, content, 'utf-8');
+}
+
+async function rm(target) {
+  await fs.rm(target, { recursive: true, force: true });
+}
+
+/**
+ * 워크스페이스 앱용 package.json. 모노레포에서는 React 버전을 하나로 통일하려고
+ * (pnpm hoist 충돌 방지) react/react-dom 모두 19 계열로 맞춘다.
+ */
+async function createAppPackageJson(appDir, config, scope) {
+  const isReact = config.framework === 'react';
+  const name = `@${scope}/${config.projectName}`;
+
+  const scripts = isReact
+    ? {
+        dev: 'vite',
+        build: 'vite build',
+        typecheck: 'tsc --noEmit',
+        lint: 'eslint .',
+        preview: 'vite preview',
+        'tokens:build': 'style-dictionary build --config token.config.js',
+        clean: 'rm -rf dist node_modules .turbo',
+      }
+    : {
+        dev: 'next dev',
+        build: 'next build',
+        start: 'next start',
+        typecheck: 'tsc --noEmit',
+        lint: 'eslint .',
+        'tokens:build': 'style-dictionary build --config token.config.js',
+        clean: 'rm -rf .next node_modules .turbo',
+      };
+
+  const pkg = {
+    name,
+    version: '0.0.0',
+    private: true,
+    type: 'module',
+    scripts,
+    dependencies: {
+      react: versions['next-react'],
+      'react-dom': versions['next-react-dom'],
+      ...(isReact ? {} : { next: versions.next }),
+      zustand: versions.zustand,
+      ...(isReact
+        ? {
+            axios: versions.axios,
+            '@tanstack/react-query': versions['@tanstack/react-query'],
+          }
+        : {}),
+      zod: versions.zod,
+    },
+    devDependencies: {
+      [`@${scope}/config-eslint`]: 'workspace:*',
+      [`@${scope}/config-typescript`]: 'workspace:*',
+      '@types/react': versions['@types/react'],
+      '@types/react-dom': versions['@types/react-dom'],
+      '@types/node': versions['@types/node'],
+      // 모노레포 앱은 flat config(@scope/config-eslint) 를 쓰므로 ESLint 9 필요.
+      // (단일 프로젝트의 eslintrc + eslint 8 과 별개)
+      eslint: '^9.18.0',
+      'eslint-plugin-unused-imports': versions['eslint-plugin-unused-imports'],
+      prettier: versions.prettier,
+      'prettier-plugin-tailwindcss': versions['prettier-plugin-tailwindcss'],
+      'style-dictionary': versions['style-dictionary'],
+      tailwindcss: versions.tailwindcss,
+      typescript: versions.typescript,
+      ...(isReact
+        ? {
+            '@tailwindcss/vite': versions['@tailwindcss/vite'],
+            '@vitejs/plugin-react': versions['@vitejs/plugin-react'],
+            vite: versions.vite,
+            'vite-plugin-svgr': versions['vite-plugin-svgr'],
+          }
+        : {
+            '@tailwindcss/postcss': versions['@tailwindcss/postcss'],
+            '@svgr/webpack': versions['@svgr/webpack'],
+          }),
+    },
+  };
+
+  await write(path.join(appDir, 'package.json'), JSON.stringify(pkg, null, 2) + '\n');
+}
+
+/**
+ * createBaseFiles 가 깔아둔 단일 프로젝트용 설정 파일을 모노레포 규칙으로 교체한다.
+ */
+async function applyMonorepoConventions(appDir, config, scope) {
+  const isReact = config.framework === 'react';
+
+  // 루트에서 관리하는 설정들은 앱 레벨에서 제거.
+  await rm(path.join(appDir, '.eslintrc.cjs'));
+  await rm(path.join(appDir, '.prettierrc'));
+  await rm(path.join(appDir, '.gitignore'));
+  await rm(path.join(appDir, '.vscode'));
+
+  // 공유 ESLint 프리셋을 extends 하는 flat config.
+  await write(
+    path.join(appDir, 'eslint.config.mjs'),
+    `import { reactConfig } from '@${scope}/config-eslint/react';
+import unusedImports from 'eslint-plugin-unused-imports';
+
+export default [
+  ...reactConfig,
+  {
+    plugins: { 'unused-imports': unusedImports },
+    rules: {
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'warn',
+        { vars: 'all', varsIgnorePattern: '^_', args: 'after-used', argsIgnorePattern: '^_' },
+      ],
+    },
+  },
+];
+`,
+  );
+
+  if (isReact) {
+    // createBaseFiles 의 프로젝트 레퍼런스형 tsconfig 3종을 공유 프리셋 extends 로 교체.
+    await rm(path.join(appDir, 'tsconfig.app.json'));
+    await rm(path.join(appDir, 'tsconfig.node.json'));
+    await write(
+      path.join(appDir, 'tsconfig.json'),
+      JSON.stringify(
+        {
+          extends: `@${scope}/config-typescript/react.json`,
+          compilerOptions: {
+            tsBuildInfoFile: './node_modules/.tmp/tsconfig.tsbuildinfo',
+            noUnusedLocals: true,
+            noUnusedParameters: true,
+            noUncheckedSideEffectImports: true,
+            moduleDetection: 'force',
+            baseUrl: '.',
+            paths: {
+              '@/*': ['src/*'],
+              '@icons/*': ['src/assets/icons/*'],
+              '@images/*': ['src/assets/images/*'],
+            },
+          },
+          include: ['src', 'vite.config.ts'],
+        },
+        null,
+        2,
+      ) + '\n',
+    );
+  } else {
+    await write(
+      path.join(appDir, 'tsconfig.json'),
+      JSON.stringify(
+        {
+          extends: `@${scope}/config-typescript/next.json`,
+          compilerOptions: {
+            baseUrl: '.',
+            paths: { '@/*': ['./src/*'] },
+          },
+          include: [
+            'next-env.d.ts',
+            '**/*.ts',
+            '**/*.tsx',
+            '.next/types/**/*.ts',
+          ],
+          exclude: ['node_modules'],
+        },
+        null,
+        2,
+      ) + '\n',
+    );
+  }
+}