function (2) 썸네일형 리스트형 [오류 노트] 유효성 검사 시 ASYNC사용 1. 사용예시 유효성 검사 시 function으로 처리하고 있던 와중에 Ajax로 데이터를 보내서 확인 유무를 true, false로 판단할 때 async function jsb_BRCheck(jsb_BR) { if (jsb_BR != null) { //기본 처리 jsb_BR = jsb_BR.replace(/,/g, ""); if (isNaN(jsb_BR) || /[^0-9]$/.test(jsb_BR)) { displayErrorMessage("코드는 숫자만 입력해주세요."); return false; } if (jsb_BR.length !== 4) { displayErrorMessage("코드는 4자리 숫자로 입력해주세요."); return false; } if (jsb_BR.trim() === " ".. Class Component-> Function Component 바꾸기 Function 요소로 변환하는 단계 1. 클래스를 함수로 변경 2. 렌더링 방법 제거 render 메소드를 제거한뒤 return를 포함해서 &이후의 모든 항목을 유지합니다. 3. 모든 메소드를 함수형으로 변환 클래스 메소드와 함수형 메소드는 일치하지않기때문에 변경을 해줘야한다. 4. this 함수를 제거한다. 클래스의 this 는 함수형 컴포넌트에서 사용되지않는다. 그래서 제거를 해야한다. 5. 생성자를 제거한다. 5-1 useState 를 사용한다. 5-2 이벤트 핸들러 바인딩 제거한다. 6. this.setState 재배치 this.setState는 함수 구성요소에 더이상 존재하지않습니다. 대신 각 setState호을 관련 상태 변수 setter로 교체해야한다. 7.상태 업데이트의 부작용에 대한 u.. 이전 1 다음