# HoC

28개의 포스트
post-thumbnail

리액트 실전 활용

HOC(High Order Component) HOC는 원래 공식문서에도 설명될 만큼 중요한 개념이지만, 이걸 대체할 Hook이라는 개념이 나오면서 살작 덜 중요해졌습니다 이 HOC란 > advanced technique in React for reusing com

3일 전
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 8주3일 React Practice

: Higher Order Component ( 고차 컴포넌트 )HOC = function(컴포넌트) { return 새로운 컴포넌트;}컴포넌트를 받아 새로운 컴포넌트를 리턴하는 함수 이다.withRouter(컴포넌트) -> router에 의해 호출되지 않아도 matc

2022년 1월 12일
·
0개의 댓글

React HOC

고차 컴포넌트를 통해 다른 컴포턴트가 기능을 상속 받을 수 있다. 다시 말해서 고차 컴포넌트를 통해 코드 재사용이 가능하다. 중복 배제 원칙(DRY)을 지킬 수도 있다.

2022년 1월 11일
·
0개의 댓글
post-thumbnail

Vue) Mixins VS HOC

vue의 믹스인과 하이오더 컴포넌트 접근 방식을 학습하면서 두 가지 방법의 차이점에는 어떤 것이 있는지 의문이 생겨서 찾아보았다..HOC는 리액트의 함수형 프로그래밍에서 기반한 컴포넌트 개발 패턴이다.컴포넌트의 코드를 재사용하기 위한 방법이기도 하지만 캡슐화와 컴포넌트

2021년 12월 28일
·
0개의 댓글
post-thumbnail

Vue) 하이 오더 컴포넌트

컴포넌트의 로직(코드)를 재사용하기 위한 고급 기술ProductList와 UserList 두 컴포넌트는 각각 상품과 사용자 정보를 서버에서 받아와 표시해주는 컴포넌트이다.그리고 공통적으로 들어가는 코드가 있다.name은 컴포넌트의 이름을 정의해주는 속성,mounted(

2021년 12월 28일
·
0개의 댓글

12.01 (23)

til 23일차

2021년 12월 8일
·
0개의 댓글

고차 컴포넌트(HOC)

고차 컴포넌트는 컴포넌트를 가져와 새 컴포넌트를 반환하는 함수입니다.고차 컴포넌트(HOC, Higher Order Component)는 컴포넌트 로직을 재사용하기 위한 React의 고급 기술입니다. 고차 컴포넌트(HOC)는 React API의 일부가 아니며, 리액트의

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

[TIL] 10월 6일 권한분기(HOC,HOF,클로저)

로그인페이지를 구현했다면 생각해야 하는것이 누구에게 어떤 페이지를 보여줘야 하는지, 허용된 페이지가 아니라면 어떻게 처리해줘야 하는지를 생각해야 한다. >권한분기 작게는 비회원, 회원 크게는 비회원, 구매자, 판매자, 중개관리자 등등 여러가지의 회원 유형이 있을수

2021년 10월 7일
·
0개의 댓글
post-thumbnail

HOC를 이용해 로그인한유저/안한유저 권한분기 하면서 스스로 해결 하지 못했던 부분 (해결함)

HOC를 이용해 권한분기를 했을때 나 스스로 해결 못하고 멘토님의 도움을 받은 내용을 정리함

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

HOC & HOF

HOC 와 HOF 설명

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

HOF / HOC

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

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

[React] 고차 컴포넌트

컴포넌트의 정상에 올라서는 기분은 어떨까?

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

실전 프로젝트 - 4

hoc, 무한 루프, 토큰 갱신

2021년 8월 7일
·
0개의 댓글

HOC(Higher-order Component)

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

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

React Hoc

inputselecttextarea ...등이 있다.input 태그에 상태가 어디에 있나? value값이 어떻게 변하는지 상태를 가지고 있다.특정 상태가 있다.( 유저의 행동에 의해서 바뀐다)상태를 가지고 있는 특정 엘리먼트와 그 엘리먼트를 가지고 있는 컴포넌트의 관계

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

Warning: Unknown props

react-router-dom의 WithRouter와 NavLink를 HOC 처럼 활용했을 때, staticContext가 undefined로 할당되고 에러가 발생한다.Warning을 보자면, WithRouter는 staticContext를 생성하는데, React에서

2020년 10월 22일
·
0개의 댓글
post-thumbnail

[React] High-Order Components

HOC는 React API가 아닙니다. 리액트의 컴포넌트적인 특성에서부터 출현한 디자인 패턴입니다. 만약 presentational, container 디자인 패턴을 알고계시다면 HOC 패턴을 이해하는데 도움이 될겁니다.제가 이해한 HOC패턴의 핵심은 subscrip

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

React HOC

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

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

React 컴포넌트 재사용 방법

수학과 컴퓨터 과학에서 고차 함수는 하나 이상의 함수를 인수로 가지거나 함수를 결과로 반환하는 함수이다. 다른 모든 함수들은 일차 함수이다. (위키백과)컴포넌트를 매개변수로 받아서 컴포넌트를 반환하는 컴포넌트

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

HOC

HOC란 High Order Components코드를 작성하다 보면 자주 반복하는 코드들이 있다. 그러한것들을 함후화해서 재사용 하곤하는데컴포넌트 또한 비슷하다HOC 작성할 때 이름을 with\_ 형식으로 짓는다.파라미터로 컴포넌트를 받아오고 함수 내부에서 새 컴포넌트

2020년 9월 20일
·
0개의 댓글