과제 제출마감 10분전

링크 복사 버튼 어떤 링크를 공유하고 싶을 때, 링크 텍스트를 클립보드로 복사하는 버튼을 자주 사용하곤 한다. 이를 React 웹페이지에서 구현하기 위해서는 어떻게 해야 할까? [방법 1] Document.exeCommand() 이용 _ deprecated 1. 먼저 useRef()를 이용해 복사 버튼의 reference를 가져온다. import React, { useRef } from "react"; const copyLinkRef = useRef(); useRef() import후 copyLinkRef에 useRef()변수 생성 2. 복사할 텍스트를 가진 input에 ref생성 ref = {copyLinkRef}로 연결해줌 3. 복사 버튼에 복사 기능을 수행하는 함수 연결 onClick을 이용해 클릭..

리액트에서 특정 DOM을 선택하려면? Vanilla JS로 개발할 때에는 document.getElementById("id-value")과 같이 id값이 id-value인 DOM을 선택할 수 있었다. 하지만 리액트에서는 위의 방법을 대체할 수 있는 방법이 존재한다. 그렇다면 리액트에서 특정 DOM을 선택하려면 어떻게 해야 할까? 바로 useRef()를 이용하면 된다! 현재 작성하고 있는 프로젝트에서 함수형 컴포넌트로 코드를 작성하고 있기 때문에 함수형 컴포넌트를 사용할 때 useRef()를 사용하는 방법에 대해 알아보려고 한다 (❁´◡`❁) useRef() import React, { useRef } from "react"; const textRef = useRef('mini'); 먼저 useRef를 i..