수빈이의 개발새발

포트폴리오 프젝을 하면서 이런 식으로 해당 태그를 클릭하면 그 태그가 나타내는 부분으로 스크롤이 이동해야 하는 기능이 필요했다 그래서 useRef를 통해 해당 DOM에 접근을 했다 이동할 DOM에 ref를 담아준다 배열을 통해서 담았다 아니면 useRef 3개나 만들어야해서 .. 개스레기코드다... const scrollRef = useRef([]); /// { scrollRef.current[0] = el; }} > A { scrollRef.current[0] = el; }} > B { scrollRef.current[0] = el; }} > C onClick시 실행될 함수이다 const handleScroll = (ref) => { ref.scrollIntoView({ behavior: "smooth..

한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런... www.inflearn.com [React Project: 간단한 일기장(4)] 배열사용해서 데이터 조작하기2- 데이터 추가 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응 su-vin25.tistory.com 이어서... 리스트 렌더링(조회) 데이터 추가 데이터 삭제 데..

한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런... www.inflearn.com [React Project: 간단한 일기장(1)] React 사용자 입력 처리 (+ useState 활용) 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응 su-vin25.tistory.com 이어서... 전 포스팅에서 이어서 시작한다. 마지..