조건문 해체: if vs switch vs 삼항

핵심 개념

if/else는 복잡한 조건 분기에, switch는 단일 값의 다중 분기에, 삼항 연산자(?:)는 간단한 조건 반환에 적합합니다. switch의 break를 빠뜨리면 fall-through가 발생합니다. 논리 연산자(&&, ||, ??)를 활용한 단락 평가로 조건문을 대체할 수 있습니다. 각 조건 블록을 지우며 분기 시스템이 붕괴되는 것을 확인하십시오.

코드 분석

JS📋 코드 (22줄)

const threatLevel = 3;

  let ifResult;
  if (threatLevel === 1) ifResult = 'LOW';
  else if (threatLevel === 2) ifResult = 'MEDIUM';
  else if (threatLevel === 3) ifResult = 'HIGH';
  else ifResult = 'CRITICAL';

  let switchResult;
  switch(threatLevel) {
    case 1: switchResult = 'LOW'; break;
    case 2: switchResult = 'MEDIUM'; break;
    case 3: switchResult = 'HIGH'; break;
    default: switchResult = 'UNKNOWN';
  }

  const ternary = threatLevel >= 3 ? 'DANGER' : 'SAFE';

  document.write('<div style="color:#10b981;margin-bottom:8px;">THREAT LEVEL: ' + threatLevel + '</div>');
  document.write('<div style="margin-bottom:4px;">IF: ' + ifResult + '</div>');
  document.write('<div style="margin-bottom:4px;">SWITCH: ' + switchResult + '</div>');
  document.write('<div>TERNARY: ' + ternary + '</div>');

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 JS '조건문' 코드의 잠재적 버그와
메모리 누수·this 바인딩·비동기 경합 위험을
분석해서 프로덕션 수준으로 개선해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'조건문'를 실제 서비스에서 어떻게 쓰는지
구체적 사례 3개와 복사 가능한 코드를
초보자가 이해할 수 있게 보여줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 JS '조건문' 관련 코드 전체의 실행 흐름을 분석하고
성능 병목과 최적화 방안을 우선순위로 알려줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

'조건문'에서 개발자들이 가장 많이 하는
실수 Top 3을 솔직하게 알려주고
2026년 권장 패턴을 함께 알려줘.

⭐ 이것만 기억하세요

조건문 해체: if vs switch vs 삼항은 이 3가지만 확실히 잡으세요

1.모든 분기를 if-else로만 처리하면 조건이 10개 이상일 때 가독성이 급격히 떨어집니다

2.if는 범위 조건, switch는 정확한 값 매칭, 삼항(? :)은 간단한 값 분기 — 상황에 맞는 도구를 골라야 합니다

3.다음 챕터에서 조건 분기를 반복 실행하는 반복문을 배웁니다

💬 이 챕터 질문 보기

JS · CH.8 — 질문하거나 답변을 확인하세요

→

진행도 8 / 34

← 커리큘럼으로 ← 목록으로 (JavaScript)