[
  {
    "courseSlug": "wireframe",
    "question": "코스에서 말하는 와이어프레임이 답해야 하는 질문으로 가장 알맞은 것은?",
    "option1": "\"얼마나 예쁜가\" — 색과 폰트가 잘 어울리는지",
    "option2": "\"얼마나 빠른가\" — 화면이 얼마나 빨리 뜨는지",
    "option3": "\"무엇이 어디에 있는가\" — 위치와 크기가 맞는지",
    "option4": "\"누가 쓰는가\" — 사용자가 어떤 사람인지",
    "answerIndex": 2,
    "explanation": "섹션 1의 한 줄 정의처럼 와이어프레임은 '무엇이 어디에 있는가'에만 답하는 뼈대 그림입니다. '얼마나 예쁜가'는 다음 단계인 디자인 시안의 질문이에요."
  },
  {
    "courseSlug": "wireframe",
    "question": "와이어프레임이 3단계로 진화하는 올바른 순서는?",
    "option1": "회색 박스 → 손그림 → 디자인 시안",
    "option2": "손그림 → 회색 박스 → 디자인 시안",
    "option3": "디자인 시안 → 회색 박스 → 손그림",
    "option4": "손그림 → 디자인 시안 → 회색 박스",
    "answerIndex": 1,
    "explanation": "섹션 3에서 배운 순서는 손그림(Lo-Fi) → 회색 박스(Mid-Fi) → 디자인 시안(Hi-Fi)입니다. 흐릿한 사진의 초점이 점점 맞아 가듯 단계마다 해상도를 올려요."
  },
  {
    "courseSlug": "wireframe",
    "question": "코스에서 와이어프레임을 '일부러 대충' 그리라고 하는 가장 큰 이유는?",
    "option1": "버리는 비용을 낮춰 여러 아이디어를 싸고 빠르게 비교하기 위해",
    "option2": "그림 실력이 없는 사람도 부담 없이 참여하게 하기 위해",
    "option3": "개발자가 코드를 더 빨리 짤 수 있도록 시간을 아끼기 위해",
    "option4": "디자인 도구 사용법을 몰라도 회의를 진행하게 하기 위해",
    "answerIndex": 0,
    "explanation": "섹션 2의 핵심은 '빨리 버리기'입니다. 손그림 1장은 10분이라 버려도 안 아깝지만, 공들인 시안은 매몰 비용의 함정 때문에 갈아엎자는 말을 꺼내기 어려워요."
  },
  {
    "courseSlug": "wireframe",
    "question": "플로우를 그릴 때 '해피 패스의 함정'을 피하려면 무엇까지 그려야 한다고 했나요?",
    "option1": "모든 화면의 색상과 폰트 조합까지",
    "option2": "화면마다 사용할 사진과 아이콘까지",
    "option3": "각 화면을 만들 개발 일정표까지",
    "option4": "에러·빈 화면·로딩 같은 예외 화면까지",
    "answerIndex": 3,
    "explanation": "섹션 5에서 모든 게 잘 풀리는 해피 패스만 그리지 말라고 경고합니다. 실제 사용자는 오타를 내고 검색 결과 0개를 만나므로, 에러·빈 화면·로딩까지 그려야 진짜 설계예요."
  },
  {
    "courseSlug": "wireframe",
    "question": "7주차 종합 프로젝트에서 아이디어 회의가 끝나자마자 팀원 A가 React 컴포넌트부터 만들기 시작했습니다. 코스의 가르침에 따르면 팀이 밟아야 할 올바른 순서는?",
    "option1": "피그마 시안 → 손그림 → 플로우 → React 코드",
    "option2": "플로우 → 피그마 회색 박스 → 손그림 → React 코드",
    "option3": "손그림 → 플로우 → 피그마 회색 박스 → React 코드",
    "option4": "피그마 회색 박스 → React 코드 → 손그림 → 플로우",
    "answerIndex": 2,
    "explanation": "섹션 8의 순서대로 손그림으로 후보를 쏟아내고, 플로우로 구멍을 찾고, 피그마 회색 박스로 배치를 확정한 다음에야 React로 옮깁니다. '그리기는 분 단위, 코딩은 일 단위'니까 싼 것부터예요."
  }
]
