akjfal

Profiler API React 애플리케이션이 렌더링하는 빈도와 렌더링 비용을 측정합니다. 애플리케이션 느린부분들을 찾아내서 메모이제이션 같은 성능 최적화 방법을 통해 해결가능합니다. 사용법 Profiler는 id와 onRender 두가지 props를 요구합니다. ( ... } 복수로 사용하거나 하위 트리에 중첩으로도 사용 가능합니다.

다른 라이브러리와 통합하기 다른 라이브러리와 통합하기 – React A JavaScript library for building user interfaces ko.reactjs.org React는 어떤 웹 애플리케이션에서든 사용할 수 있다. 약간만 수정해주고, 상황에 맞게 사용한다면 React속에 다른 애플리케이션을 포함 할 수 있다. DOM 조작 플러그인과 통합하기 React에서는 외부 DOM에서 일어나는 변화를 인식하지 못합니다. 따라서 DOM을 조작하는 라이브러리를 사용한다면, React는 업데이트할 필요가 없는 빈 같은 요소를 렌더링하면 됩니다. 어떤 문제에 접근하는가 Jquery를 사용할 때 componentDidMount에서 이벤트를 등록하고 componentWillUnmount안에서 해제하는..

Ref 전달하기 Ref 전달하기 – React A JavaScript library for building user interfaces ko.reactjs.org Ref전달은 컴포넌트를 통해 자식 중 하나에 ref를 전달하는 기법입니다. 일반적으로 사용되지 않지만, 재사용이 가능한 컴포넌트에 유용할 수 있습니다. DOM에 refs 전달하기 button, input등의 ref를 조작할 필요가 있을 수 있습니다. 이러한 경우에는 const FancyButton = React.forwardRef((props, ref) => ( {props.children} )); const ref = React.creatRef(); click me React.createRef 를 통해서 React ref를 생성하고 ref변수..