# higher-order-component

5개의 포스트

HOC Patterns

HOC(Higher Order Component)패턴은 리액트에서 같은 컴포넌트 로직을 사용하기 위해 사용되는 기술입니다. 리액트를 다루면 정말 자주 보이는 패턴이죠. 이번시간에는 HOC가 어떤식으로 동작하는지 예시를 통해 알아보겠습니다. 여기 두 개의 컴포넌트가 있

2022년 2월 20일
·
1개의 댓글
·
post-thumbnail

HOF / HOC

말그대로 권한을 나눈다라는 뜻이다.사용자 입장에서 본다면, 사이트는 사용자가 로그인한 상태와 로그인하지 않은 상태에 따라 볼 수 있는 페이지는 달라야한다. 이것도 물론 권한 분기이다.더 큰 그림을 보면 사용자 말고도 관리자가 있다. 관리자가 볼 수 있는 페이지는 사용자

2021년 10월 6일
·
0개의 댓글
·

HOC(Higher-order Component)

HoC란 자주 반복해서 작성하게 되는 코드를 함수화하여 재사용하는 것을 말합니다.HOC의 원리는 파라미터로 컴포넌트를 받아오고, 함수 내부에서 새 컴포넌트를 만든 다음에 해당 컴포넌트 안에서 파라미터로 받아온 컴포넌트를 렌더링 하는 것입니다. 그리고 자신이 받아온 pr

2021년 3월 11일
·
0개의 댓글
·

React HOC

리액트를 사용하는 사람이라면 한번쯤이면 들어봤을 HOC Higher-order Component 고차 함수라고 말하기도 한다. 간단히 정리해보려고 한다. HOC (Higher-order Component) 리액트 공식 문서에 따르면 컴포넌트 로직을 재사용하기 위한 고

2020년 10월 7일
·
0개의 댓글
·

React, 고차 컴포넌트 (HOC) 사용하기

참고 : 리액트 공식문서 고차 컴포넌트(higher-order-component)책 : 실전 리액트 프로그래밍/이재승 저: 아래 작성된 예제 코드고차 컴포넌트(HOC, higher-order-componentm), 이하 HOC로 통일HOC는 컴포넌트를 인자로 받아 새로

2020년 7월 13일
·
1개의 댓글
·