Dev Diary 💻

Intro안녕하세요. 이번 시간에는 React useForm 라이브러리에 대해 간단히 정리해보려고 합니다. React mui 템플릿을 살펴보던 도중 useForm 라이브러리를 사용하는 부분을 처음 발견했거든요! :)  UseForm?useForm은 React에서 Form 관리를 간편하게 할 수 있도록 도와주는 라이브러리 중 하나입니다. React Hooks를 기반으로 동작합니다. useForm을 사용하면 상태 관리와 유효성 검사 등의 복잡한 폼 관련 작업을 간소화할 수 있어 개발자들이 폼을 더 빠르고 쉽게 작성할 수 있습니다. 이는 개발 생산성을 높이고 코드의 유지보수성을 향상시킵니다. UseForm's functionForm 상태 관리 : useForm 훅을 사용하여 폼의 상태를 관리할 수 있습니다. ..

Intro 안녕하세요. 이번 시간에는 React scroll 스크롤을 컨트롤하는 방법에 대해 알아보겠습니다. My case 저의 경우 컴포넌트 화면이 다음과 같이 구성되어 있었습니다. 게시글 리스트가 있고, 특정 게시글을 클릭하는 순간 특정 게시글에 대한 내용이 보이고, 아래로 다른 게시글로 이동할 수 있는 최신 게시글 목록이 있습니다. 최신 게시글 목록 중 하나를 클릭하면, 본문 내용이 변하는 형식입니다. How to solve the problem 1. 대상 div에 ref를 활용하기 위해 아래의 코드를 추가합니다. const postDetailRef = useRef(null); 2. 정의한 ref 값을 div tag에 할당해줍니다. {postDetail && ( {postDetail.title} {..