[9주차/동동] 워크북 제출합니다.

[bukyung03]

✅ 워크북 체크리스트

• 모든 핵심 키워드 정리를 마쳤나요?
• 핵심 키워드에 대해 완벽히 이해하셨나요?
• 이론 학습 이후 직접 실습을 해보는 시간을 가졌나요?
• 미션을 수행하셨나요?
• 미션을 기록하셨나요?

✅ 컨벤션 체크리스트

• 디렉토리 구조 컨벤션을 잘 지켰나요?
• pr 제목을 컨벤션에 맞게 작성하였나요?
• pr에 해당되는 이슈를 연결하였나요?(중요)
• 적절한 라벨을 설정하였나요?
• 파트장에게 code review를 요청하기 위해 reviewer를 등록하였나요?
• 닉네임/main 브랜치의 최신 상태를 반영하고 있는지 확인했나요?(매우 중요!)

📌 주안점

[kcleverp]

useReducer 파트에서 전개 연산자 ...state를 활용해 불변성을 유지해야 하는 이유를 주석으로 정리해 두셔서 핵심이 잘 전달되는 좋은 예제 코드인것 같습니다.

한 가지 첨언 드릴 것이 있다면,
혹시 의도하신 기능인지는 모르겠지만 카드메이커 직무 변경 이후 타이핑한 텍스트가 남아있을 수 있을 것 같습니다 .
dispatch 성공 후 setDepartment('')를 호출해 입력창을 깔끔하게 비워주는 건 어떨까요?
입력된 데이터는 깔끔하게 정돈되어 보다 나은 UX를 제공할 수 있지 않을까요?

const handleApplyChange = () => {
  dispatch({ type: 'CHANGE_DEPARTMENT', payload: department });
  
  if (department === '카드메이커') {
    setDepartment(''); // 성공 시 입력창 비우기
  }
};

// 버튼의 onClick에 연결
<button onClick={handleApplyChange}> 직무 변경하기 </button>