# HoC

11개의 포스트

HOC

냐항

4일 전
·
0개의 댓글

HOC

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

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

React HOC 만들기, 사용하기

HOC의 활용법

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

React HOC (Higher-order components)

React Higher-order component (HOC)

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

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

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

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

HOC(Higher Oder Component) Auth 인증체크

페이지 중 누구나 진입이 가능한 페이지와, 로그인한 회원만 진입이 가능한 페이지 또는 로그인 한 회원은 진입하지 못하는 페이지 (예: login 페이지) , 관리자만 진입이 가능한 페이지가 있다.이러한 인증 들은 어떻게 할 수 있을까? 이런 경우 higher-orde

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

HOC란?

higherOrderComponent의 약자로 함수이다.주로 인증 체크에 쓰인다.다른 컴포넌트를 받은 다음에 새로운 컴포넌트를 리턴하는 함수이다.아무나 진입 가능한 페이지,로그인한 회원만 진입 가능한 페이지,로그인 한 회원은 진입하지 못하는 페이지,관리자만 진입 가능한

2020년 5월 14일
·
0개의 댓글
post-thumbnail

hOC + redux

hOC + redux 활용하기

2020년 3월 30일
·
0개의 댓글

리액트 컴포넌트 패턴 HOC 를 합성함수로 예시

hoc 를 이해하기 어려웠는데, 함수를 합성할 때 인자를 커리처리하면 합성만 하고, 인자 받는 책임을 인자로 받음 함수에게 위임하는 걸 알았다.

2020년 3월 24일
·
0개의 댓글

vue.js 정리

Do it Vue.js 입문 및 구글링을 통해 정리한 내용입니다. Vue 인스턴스 뷰 인스턴스(instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 요 아래 세가지 방법이 뷰 인스턴스를 생성하는 방법입니다. 인스턴스 안에 el 속성을 통해 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 화면에 보여질 데이터를...

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

리액트 프로젝트 코드 스플리팅 정복하기

코드 스플리팅, 뭐 별거있나요? 그냥 웹팩에서 하라는대로 하면 되는걸요. 하지만! 리액트에서 코드 스플리팅이랑 서버사이드 렌더링을 함께 해보신 경험이 있으시다면, 이 두가지 작업을 함께 하는 경우, 굉장히 번거로워질 수도 있다는 것을 아실 것 입니다. 이 포스트에서는, 리액트에서 코드 스플리팅을 하는 방법을 기초부터 이해를 해보고, react-loadable 을 사용하면 서버사이드 렌더링과 함께 사용 할 시 어떻게 도와줄 수 있는지 알아보도록 하겠습니다.

2018년 9월 28일
·
16개의 댓글