04/20일

React Form

React Form은 React에서 Form을 구현할 때 사용하는 방법 중 하나입니다. 이를 사용하면 Form을 구현하는 과정에서 React의 Component 상태를 활용할 수 있어 유지보수가 용이하며, 입력값 검증 등의 기능을 추가하기도 용이합니다. React Form은 다양한 Input Type을 제공하며, 다양한 유효성 검사를 수행할 수 있습니다. 또한, 사용자에게 더 나은 사용자 경험을 제공하기 위해 AutoComplete, Validation, Masking 등을 제공합니다.

Fetch

Fetch는 JavaScript에서 제공하는 네트워크 통신 API 중 하나입니다. 이를 사용하면 서버와 비동기적으로 통신할 수 있으며, JSON, Blob 등 다양한 데이터 타입을 주고받을 수 있습니다. Fetch API는 XHR(XMLHttpRequest)과 비교했을 때, 간단하고 직관적인 인터페이스를 제공하며, Promise 기반으로 작동하기 때문에 비동기적인 코드 작성이 용이해집니다. 또한, Fetch API는 CORS(Cross-Origin Resource Sharing)를 기본적으로 지원하기 때문에 다른 도메인에 있는 리소스를 가져올 수 있습니다.

Clean up function

Clean up function은 React Hook에서 사용하는 함수 중 하나입니다. useEffect를 사용할 때, Component가 Unmount될 때 사용할 함수를 정의하는 방법입니다. 이를 활용하면 Effect 함수가 수행된 후 정리 작업을 수행할 수 있으며, 메모리 누수 등을 방지할 수 있습니다. Clean up function은 useEffect Hook에서 반환된 함수로, 컴포넌트가 Unmount될 때 호출됩니다. 이를 활용하면 컴포넌트에서 사용했던 리소스들을 정리하고, 메모리 누수를 방지할 수 있습니다.