패스트캠퍼스 챌린지 14일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

 

 

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

14일차

 14일차에는 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 21. Form 다루기 1 강의와 22. Form 다루기 2 강의 내용에 대해 기록하려 한다.

 21. Form 다루기 1 강의에서 form과 같은 태그 안에서 submit 타입의 버튼을 누르면 화면이 새로고침 된다. 새로고침을 막는 방법은 fom 태그 안에 onSubmit 프로퍼티와 함께 함수를 사용하고 이 함수에서 event로 인자를 받을 때, event.preventDefault();와 같이 새로고침을 방지할 수 있다. 우리가 사용을 원하는 값을 확인하고 싶을 때, console.dir로 원하는 값이 어디에 위치하고 있는지 확인할 수 있다.

 22. Form 다루기 2 강의에서 Form을 어떻게 하면 좀 더 잘 다룰 수 있는지에 대해 공부하는 시간을 갖는다. 회원가입 페이지를 만든다고 가정하면 만약, 사용자가 잘못된 정보를 모두 입력하고 회원가입 버튼을 눌렀을 때 잘못되었다는 정보를 받으면 사용자의 경험이 좋지 않을 것이다. 따라서, 사용자의 입력 검증은 onSubmit에서 하는 것이 아닌 onChange에서 하는 것이 좋다. 그리고 controlled에 대해 공부하는데 controlled란 input의 value를 직접 React 컴포넌트에서 관리하는 것을 controlled라고 한다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC