REF

Project/React Web Project

useImperativeHandle, forwardRef

명령형 상호 작용 이번에 다뤄볼 내용은 상위 component와 명령형으로 상호 작용할 수 있는 방법에 대해서 다뤄보고자 한다. 즉, 어떤 state를 전달해서 상위 component에서 무언가를 변경하는 방식이 아니라 하위 component 내부에서 함수를 호출하는 방식이다. 물론, 명령형 접근 방식은 일반적인 React 패턴에 반하는 행위이기 때문에 자주 사용할 필요도 없겠지만 자주 사용해서도 안될 것이다. 여기서 일반적인 React 패턴은 선언형 접근 방식을 말하는 것으로, 기존에 JavaScript로 세세하게 작성해야했던 코드들을 React를 사용함으로써 해결할 수 있었다. 다시 말해, 명령형 접근 방식을 사용한다는 것은 JavaScript로 코딩한다는 것을 의미하며, React를 사용하는 이유를..

Project/React Web Project

Ref란?

Ref란? ref는 참조를 뜻하는 reference의 줄임말로 React에서 자주 쓰이는 hook이다. 가장 기본적인 기능은 다른 DOM 요소에 접근해서 참조하여 작업할 수 있게 해주는 것이다. ref에 대해서 설명하기 전에 기존의 코드에 대해서 먼저 언급을 하고 넘어가겠다. 더보기 // 📂 addUser.js import React, { useState } from "react"; import Card from "../UI/Card"; import Button from "../UI/Button"; import Wrapper from "../Halpers/Wrapper"; import ErrorModal from "../UI/ErrorModal"; import styles from "./AddUser.m..

gurcks8989
'REF' 태그의 글 목록