Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned useRef React에서 DOM 노드, react 엘리먼트에 접근하는 방법인 useRef를 설명합니다. useRef 란? - Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공합니다. useRef는 컴포넌트의 라이프사이클 동안 유지되는 가변 변수를 생성하는 React Hook입니다. 이는 일반적으로 DOM 요소나 컴포넌트 내부 또는 자식 요소에서 엑세스 또는 업데이트해야하는 값을 저장하는 데 사용됩니다. 이를 통해 다시 렌더링을 트리거하지 않고도 해당 값에 접근하거나 업데이트 할 수 있습니다. Ref를 사용해야 할 때 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때 애니메이션을 직접적으로 실행시킬 때...

❤️‍🔥TIL : Today I Learned 🤢 문제 내용 : 게시글 작성, 수정 중 유효성검사를 통과하지 못했을 때 (작성자, 비밀번호 미입력 등) 해당하는 input 박스를 auto focus 하는 기능 추가 과정중 document 가져오기 🔨 시도한 방법 1. useFocus라는 Custom hook 생성 후, dom요소 직접 조작 문제점 - React 에서 document를 직접 조작하는 것은 추후 원인이 불분명한 오류를 유발할 수 있다! 위 오류를 해결하면서 알게된 점은, custom hook 을 일반 컴포넌트와 같은 개념으로 props 를 넘겨줘야 된다고 생각해서 {props} 와 같은 방식으로 넘겨줬다.. 하지만 내가 사용하려고 하는 custom hook 은 jsx 문법을 반환하는 comp..