[
  {
    "courseSlug": "uiux",
    "question": "코스의 케첩병 비유에서 '반짝반짝 고급스럽지만 탁탁 쳐도 케첩이 안 나오는 유리병'은 어떤 제품을 보여주는 예인가?",
    "option1": "UI는 나쁘지만 UX는 좋은 제품",
    "option2": "UI와 UX가 모두 좋은 제품",
    "option3": "UI는 좋지만 UX는 나쁜 제품",
    "option4": "UI와 UX가 모두 나쁜 제품",
    "answerIndex": 2,
    "explanation": "유리병은 식탁 위에서 예쁘지만(UI 승) 케첩이 안 나와 바닥을 쳐야 하므로 겪는 경험은 나쁩니다(UX 패). 섹션 1의 'UI는 보이는 것, UX는 겪는 것' 개념입니다."
  },
  {
    "courseSlug": "uiux",
    "question": "사용자의 눈이 화면을 F패턴으로 스캔한다는 사실에서 코스가 내리는 결론은 무엇인가?",
    "option1": "중요한 것일수록 위쪽·왼쪽에 크게 둬야 한다",
    "option2": "중요한 것일수록 아래쪽·오른쪽에 작게 둬야 한다",
    "option3": "모든 내용을 같은 크기로 배치해 공평하게 읽히게 해야 한다",
    "option4": "내용을 화면 가운데에만 모아 눈길을 고정해야 한다",
    "answerIndex": 0,
    "explanation": "F패턴에서 눈은 맨 윗줄을 끝까지 읽고 점점 짧게 훑다가 왼쪽 가장자리만 내려가며 스캔합니다. 그래서 섹션 2는 중요한 것일수록 '위쪽·왼쪽·크게' 두라고 결론짓습니다."
  },
  {
    "courseSlug": "uiux",
    "question": "과제 제출 버튼 코드에서 submitting이 true인 동안 버튼을 disabled로 잠그는 가장 중요한 이유는?",
    "option1": "서버 응답 속도를 더 빠르게 만들기 위해",
    "option2": "연타로 과제가 두 번 제출되는 사고를 막기 위해",
    "option3": "버튼 색을 파랑에서 회색으로 자연스럽게 바꾸기 위해",
    "option4": "제출 중에 다른 페이지로 이동하지 못하게 막기 위해",
    "answerIndex": 1,
    "explanation": "섹션 4의 제출 버튼 해부에 따르면 disabled 잠금은 연타로 인한 중복 제출을 막는 '실수 방지'이고, '제출 중...' 글자 변경은 '피드백'입니다. 버튼 하나에 UX 두 가지가 들어 있습니다."
  },
  {
    "courseSlug": "uiux",
    "question": "코스에서 '실패' 표시를 빨간색 하나에만 의존하면 안 되고 글자나 아이콘을 함께 줘야 한다고 하는 이유는?",
    "option1": "빨간색은 행동(눌러도 됨)을 나타내는 전용 색이라서",
    "option2": "빨간색은 어떤 배경에서도 명도 대비가 항상 낮아서",
    "option3": "화면 밝기를 낮추면 빨간색이 아예 보이지 않게 되어서",
    "option4": "색약인 사용자는 빨강과 초록을 구분하기 어려울 수 있어서",
    "answerIndex": 3,
    "explanation": "섹션 5의 접근성 개념입니다. 색약 사용자를 위해 색 하나에만 의존하지 말고 '실패'라는 글자나 아이콘을 함께 줘야 하며, 신호등이 색과 위치로 두 번 알려 주는 것과 같은 원리입니다."
  },
  {
    "courseSlug": "uiux",
    "question": "수습생 A가 로그인 화면 비평에 \"왠지 답답해요\"라고 썼다. 이 코스의 화면 비평 규칙에 맞게 고친 문장은?",
    "option1": "\"누가 이렇게 만들었는지 모르겠지만 전체적으로 별로예요\"",
    "option2": "\"그냥 첫인상이 마음에 안 들어서 다시 만들면 좋겠어요\"",
    "option3": "\"여백이 부족해서 라벨과 입력칸의 그룹핑이 안 보여요(근접성)\"",
    "option4": "\"색 조합이 제 취향이 아니라서 더 화려하게 바꾸고 싶어요\"",
    "answerIndex": 2,
    "explanation": "섹션 8의 핵심 규칙은 '느낌이 아니라 용어로' 말하고 근거(어느 섹션의 어떤 원칙인지)를 붙이는 것입니다. 답답함의 원인을 섹션 6의 여백·근접성 개념으로 설명한 문장만 근거 있는 비평입니다."
  }
]
