React 2

리액트 컴파일러 (React Compiler) 알아보기

이 문서는 React Compiler가 무엇인지 알아보기 위해 여러 자료들을 수집해서 정리해 놓은 것입니다. React Compiler가 무엇인지 궁금하신 분들에게 도움이 되었으면 합니다. React Compiler 소식 많은 사람들이 React Compiler는 React 19에 등장할 것이라고 예상했습니다. 하지만 리액트 팀의 Joe Savona는 React 19에서는 Compiler가 등장하지 않을 것이라고 합니다. Compiler가 리액트에 적용되는 시기는 2024년 말쯤으로 예상되고 있지만 더 늦어질 수도 있습니다. Compiler의 등장 시기보다 더 중요한 것은 '리액트팀이 왜 Compiler를 적용시키려고 하는가?' 입니다. 지금부터 차근차근 알아가 보겠습니다. Compiler가 왜 등장했을..

React 2024.04.14

ref 와 state 차이

본 내용은 리액트 공식문서를 번역한 것으로 오역이나 의역이 있을 수 있습니다. Refs 활용법 컴포넌트에 Ref를 다는 법 import { useRef } from 'react'; 컴포넌트 안에서 useRef를 불러와서 초기값을 지정할 수 있습니다. const ref = useRef(0); useRef는 아래와 같은 객체를 반환합니다. { current: 0; } current 값에 ref.current 프로퍼티를 이용해서 접근할 수 있습니다. 이 값은 의도적으로 mutable 합니다. 즉, 변화가 가능한 값입니다. 이것은 마치 리액트가 트래킹하지 않는 비밀 주머니와 같습니다. ref는 state 처럼 string, object, function 등을 가리킬 수 있습니다. ref는 state와 달리 순수..

React 2023.03.04