프론트엔드2 [React] React Hook Form의 useForm 사용기 React hook form은 리액트에서 폼의 유효성 검사를 위한 라이브러리이다. useForm을 가지고 간단한 폼을 만들어봤다. import { useEffect, useState } from "react"; import { useForm } from "react-hook-form"; export default function ReactHookForm() { const [name, setName] = useState(""); const { watch, register, formState: { errors, isSubmitSuccessful }, handleSubmit, setValue, reset, } = useForm({ mode: "onBlur" }); const handleChange = (e) .. 2024. 4. 11. 비동기 처리 비동기 코드의 실행 자바스크립트는 싱글 스레드로 실행되기 때문에 동기적으로 동작한다. 따라서 자바스크립트에서 비동기 코드를 처리하기 위해서는 자바스크립트 외부의 도움을 받게 된다. 밑의 그림처럼 자바스크립트 코드가 실행되면서 call stack에 코드가 쌓이게 된다. 이때 비동기 코드는 call stack에 있다가 바로 WebAPI에 보내지게 되고 이곳에서 비동기 코드가 처리된다.처리가 완료되면 callback queue에 대기하며 call stack이 완전히 비었을 때, event loop에 의해 call stack으로 넘어와 실행된다. 즉, 모든 동기 코드가 실행된 후에야 비동기 코드들이 실행된다. 비동기 처리 비동기 요청이 여러 개일 때, 하나의 요청이 다른 요청의 결과에 의존한다면? 작업 1과 .. 2024. 2. 23. 이전 1 다음
