{
  // 폰트 설정 — 코딩용 폰트 필수!
  "editor.fontFamily": "Fira Code, JetBrains Mono, Consolas",
  "editor.fontSize": 14,
  "editor.fontLigatures": true,  // 리가처 활성화 (=> 같은 거 예쁘게)
  
  // 저장 시 자동 포맷
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  
  // 탭 설정
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  
  // 자동 저장
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  
  // 미니맵 (취향껏)
  "editor.minimap.enabled": false,
  
  // 줄 번호
  "editor.lineNumbers": "on",
  
  // 괄호 색상 강조
  "editor.bracketPairColorization.enabled": true,
  
  // 워드랩
  "editor.wordWrap": "on",
  
  // 터미널 폰트
  "terminal.integrated.fontFamily": "MesloLGS NF",
  
  // JavaScript 관련
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.suggest.autoImports": true
}

// .prettierrc
{
  "semi": true,           // 세미콜론 사용
  "singleQuote": true,    // 작은따옴표 사용
  "tabWidth": 2,          // 탭 너비 2
  "trailingComma": "es5", // 후행 쉼표
  "printWidth": 80,       // 줄 최대 길이
  "bracketSpacing": true, // 객체 괄호 공백
  "arrowParens": "avoid"  // 화살표 함수 단일 파라미터 괄호 생략
}

// .eslintrc.json 예시
{
  "env": {
    "browser": true,
    "es2021": true,
    "node": true
  },
  "extends": ["eslint:recommended"],
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "rules": {
    "no-console": "warn",      // console.log 경고
    "no-unused-vars": "error", // 미사용 변수 에러
    "eqeqeq": "error",         // === 강제
    "no-var": "error"          // var 사용 금지
  }
}

# Vite로 새 프로젝트 생성
npm create vite@latest my-project

# 프레임워크 선택 (vanilla, vue, react, preact, lit, svelte)
# 언어 선택 (js, ts)

cd my-project
npm install
npm run dev  # 개발 서버 시작 (기본 포트: 5173)

// .vscode/launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
      // Node.js 파일 디버깅
      "type": "node",
      "request": "launch",
      "name": "Node.js 디버그",
      "program": "${workspaceFolder}/src/index.js",
      "console": "integratedTerminal"
    },
    {
      // Chrome에서 웹앱 디버깅
      "type": "chrome",
      "request": "launch",
      "name": "Chrome 디버그",
      "url": "http://localhost:5173",
      "webRoot": "${workspaceFolder}/src"
    },
    {
      // 현재 열린 파일 디버깅
      "type": "node",
      "request": "launch",
      "name": "현재 파일 실행",
      "program": "${file}"
    }
  ]
}

// tsconfig.json 기본 설정
{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "moduleResolution": "bundler",
    "strict": true,           // 엄격 모드 (강추!)
    "noImplicitAny": true,    // any 타입 암묵적 사용 금지
    "strictNullChecks": true, // null/undefined 체크 강화
    "esModuleInterop": true,
    "skipLibCheck": true,
    "outDir": "./dist",
    "rootDir": "./src",
    "paths": {
      "@/*": ["./src/*"]      // 경로 별칭 설정
    }
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

// myproject.code-workspace
{
  "folders": [
    {
      "name": "프론트엔드",
      "path": "./frontend"
    },
    {
      "name": "백엔드",
      "path": "./backend"
    }
  ],
  "settings": {
    "editor.formatOnSave": true
  }
}

// .vscode/tasks.json
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "개발 서버 시작",
      "type": "npm",
      "script": "dev",
      "group": "build",
      "presentation": {
        "reveal": "always",
        "panel": "new"
      }
    },
    {
      "label": "빌드",
      "type": "npm",
      "script": "build",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}