useRef

지난 게시글에서 숫자 입력할 때 자동으로 시간 구분 (":") 해주는거랑 엔터키 입력으로 + 구현을 했다. 근데 내가 원하는 것은 근무 시간을 전부 더해야하기 때문에, 더한 것에 또 더하고 또 더하고 또 더하는 이런~ 계산기 같은 기능이 필요했다. 시간 누적해서 더하기 const result = `${adjustedHours .toString() .padStart(2, "0")}:${adjustedMinutes.toString().padStart(2, "0")}`; setState({ time1: result, time2: "", result: "", }); 결과값에 (덧셈을 한 후) result 를 time1에 넣어준다. 그리고 원래 time2 의 초기값이 00:00 이었는데 이것도 빈 문자열로 바꾸어..

리액트를 사용할 때 DOM 을 직접 선택해야 하는 상황에서 useRef를 이용한다. 예를 들어서 특정 엘리먼트의 크기를 가져와야 한다던지, 스크롤바 위치를 가져오거나 설정해야된다던지, 또는 포커스를 설정해줘야된다던지 등 정말 다양한 상황이 있을 것임. https://react.vlpt.us/basic/10-useRef.html 자세한 설명은 여기 나와있고, 나는 내가 진행했던 프로그램 기준으로 공부해보려고 함 DiaryEditor.js const contentRef = useRef(); ... contentRef.current.focus(); useRef() 를 사용하여 Ref 객체를 만들고, 이 객체를 우리가 선택하고 싶은 DOM 에 ref 값으로 설정해준다. 그러면 Ref 객체의 .current 값은..