경북대 FE_이정민 4주차 과제 Step 3,4

README.md

@@ -1 +1,15 @@
 # 카카오 테크 캠퍼스 - 프론트엔드 카카오 선물하기 편
+
+### 3단계 기능 구현 목록
+- [x] 기존에 만든 form / input을 react-hook-form으로 변경
+- [x] validate 또한 react-hook-form 기능을 적극적으로 활용 (이 과정에서 zod를 사용해도 좋음)
+
+### 4주차 질문
+1. 제어 컴포넌트와 비제어 컴포넌트의 차이가 무엇이고 제어 컴포넌트로 Form을 만들어야 하는 경우가 있다면 어떤 경우인지 예시와 함께 설명해주세요.
+  : 제어 컴포넌트와 비제어 컴포넌트의 차이는 변경되는 상태를 React 내에서 추적할 수 있는가를 기준으로 나뉩니다. 제어 컴포넌트는 곧바로 변경되는 값을 제어할 수 있고, 비제어는 컴포넌트는 DOM 자체를 통해 상태를 관리하기 때문에 React 내에서 상태를 추적할 수 없습니다. 제어 컴포넌트로 Form을 만들어야 하는 경우는 메시지가 100글자를 넘어가면 이내로 입력하라고 안내하는 것처럼 실시간으로 값을 추적해야 할 때 주로 사용합니다.
+
+2. input type의 종류와 각각 어떤 특징을 가지고 있는지 설명해주세요.
+  : text, password,email,number,date 등이 있으며 흔히 사용하는 input 타입에 맞게 입력을 더 편리하게 받게 해준다는 특징이 있습니다. 가령 password는 입력된 내용을 *로 표현하여 보안을 강화합니다.
+
+3. label tag는 어떤 역할을 하며 label로 input field를 감싸면 어떻게 동작하는지 설명해 주세요.
+   : label tag는 form 요소에 대해 추가적인 설명을 하는 역할을 해서 유저가 form 요소의 의미를 더욱 쉽게 이해할 수 있도록 돕습니다. 또한 label로 input field를 감싸면 유저가 클릭할 수 있는 영역이 넓어져 더 편리하게 form 요소를 사용할 수 있습니다.