12 posts tagged "react"
view all tagsReact Hook Form 렌더링 성능 최적화 하기
나는 다양한 종류의 input, select 태그를 포함한 form을 다루는 일을 하고 있고, 많은 개발자들이 그렇듯 react-hook-form 라이브러리를 아주 감사하면서 사용하고 있다. React-hook-form의 장점은 ref…
July 17, 20233 minsReact Virtuoso를 사용하여 React-table 의 느린 성능 개선하기
가상화 테크닉을 사용하여 과도한 렌더로 빚어지는 react-table의 성능을 개선하자
June 10, 20232 minsVirtual DOM을 사용하는 이유
가상 돔을 왜 쓸까? => 리얼 돔이 비효율적이기 때문에 애초에 DOM은 서버에 의해 렌더링되는 정적인 UI를 염두에 두고 설계되었다. 리얼 돔에서 다음과 같은 스크립트를 통해 DOM에 변경을 가하는 경우를 보자. 브라우저가 HTML…
January 04, 20221 minsuseCallback과 React.memo를 통한 리액트 성능 최적화
React useCallback을 통한 성능 최적화 eslint문법을 적용하고 개발을 하다보면 한번씩 react-hooks/exhaustive-deps 에러를 맞닦뜨리는 경험을 하게 된다. 가 넣으라고 해서 넣었는데, 위 코드는 infinite…
November 15, 20213 minsUsing currying to handle event handlers in React
Suppose we have parent and child component and parent has handler which gets activated when child component’s onChange event is called. The…
August 02, 20213 minsReact Virtual DOM 이해하기
왜 가상돔이 효율적인지 그리고 리액트의 기본 구조가 어떻게 동작하는지에 대해 정리
January 17, 20215 minsReact 인라인 스타일링에 객체를 넣으면 안되는 이유
리액트에서 인라인 스타일링을 할 때 보통 아래처럼 코드를 작성한다. 하지만 위처럼 코드를 작성하게 되면 MyApp이 매번 렌더링 될 때마다 객체인 이 재정의되며, div…
July 05, 20201 minsReact-redux) 리액트-리덕스에서 비동기 액션을 처리하는 방법
Redux에서 비동기 처리를 위해 미들웨어를 사용해야 하는 이유
September 22, 20193 minsSemantic UI Create-React-App에서 쉽게 사용하는 법
UI 컴포넌트 라이브러리인 Semantic UI를 create-react-app에서 사용해보자
August 01, 20191 mins리액트 최신기능 Hooks를 이용하여 네비게이션 바 토글 기능 구현하기
클래스형 컴포넌트에서만 가능하던 state 기능을 Hooks를 이용하여 함수형 컴포넌트에서 구현할 수 있다.
July 02, 20191 minsReact - Password Validation -리액트로 비밀번호 재입력 폼 만들기
사이트의 회원가입 시 자주 보게 되는 비밀번호 재확인 기능을 리액트로 구현해보자
May 27, 20193 minsReact - 자식 컴포넌트(Child Component) 값을 부모 컴포넌트(Parent Component)에게 전달하기
부모 컴포넌트에게 자식 컴포넌트의 데이터를 전달하고 싶다면?
April 17, 20192 mins