[사전 미션 - 워밍업] - 헤인(방세린) 미션 제출합니다.

[Hain-tain]

• 스크린 리더로 성인 승객 수를 늘리거나 줄일 수 있어야 한다.

        <div className='counter'>
          <button
            className='button-text'
            onClick={decrementCount}
            aria-label='성인 승객 감소'
          >
            -
          </button>
          <span aria-live='polite'>{adultCount}</span>
          <button
            className='button-text'
            onClick={incrementCount}
            aria-label='성인 승객 증가'
          >
            +
          </button>
        </div>

• 인원 수는 최소 1명, 최대 3명까지만 가능하게 구현한다.

  const incrementCount = () => {
    if (adultCount === MAX_PASSENGERS) {
      setStatusMessage('최대 승객 수에 도달했습니다');
      return;
    }

    setAdultCount((prev) => Math.min(MAX_PASSENGERS, prev + 1));
  };

  const decrementCount = () => {
    if (adultCount === MIN_PASSENGERS) {
      setStatusMessage(`최소 ${MIN_PASSENGERS}명의 승객이 필요합니다`);
      return;
    }

    setAdultCount((prev) => Math.max(MIN_PASSENGERS, prev - 1));
  };

• 승객 수를 늘리는 경우 실제 스크린 리더는 아래와 같이 읽을 수 있어야 한다.

�항공권 예매
성인
성인 승객 �감소, 버튼
1
성인 승객 증가, 버튼
(선택)
성인 승객 증가
2
(선택)
성인 승객 증가
3
(선택)
최대 승객 수에 도달했습니다.