# HoC

73개의 포스트

HOC, HOF

웹사이트를 방문하면 로그인을 한사람과 안한사람이 볼 수 있는 페이지가 따로 존재하는 경우가 있다. 이는 권한분기가 이뤄진 것이다.로그인에 등급을 매기면, 운영자로 로그인 한 사람, 판매자로 로그인 한 사람, 거래처 사장님으로 로그인 한 사람 등 다양하게 권한을 분리할

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

수업 내용 정리

상위에 있는 컴포넌트로 다른 컴포넌트보다 먼저 실행되는 컴포넌트이다.부모컴포넌트와 자식컴포넌트가 있다라면 자식 컴포넌트보다 먼저 실행되기 때문에 higher컴포넌트라 이름 붙여졌다고 한다.Aaa컴포넌트의 \*\*HOC(Bbb)({qqq:”철수”}) 를 보시면 우리가

2022년 8월 26일
·
0개의 댓글
·

React Memoization

React Memoization

2022년 8월 10일
·
0개의 댓글
·
post-thumbnail

23일차-2) [React/JS] 권한분기 / 스코프체인 / 클로져 / HOC

권한분기 > 당연한 말이지만 모든 사이트에는 각자의 권한이 있다. 로그인/비로그인, 관리자, 판매자 등등 다양한 사람들이 사용할 수 있는 권한이 부여되어 있음. 권한분기를 진행하기 위해선 필요한 사전지식이 있는 데 그것이 바로 스택큐 이다 스택 > 출입구가 하나이기

2022년 8월 6일
·
0개의 댓글
·

콜백 함수(Callback Function)

콜백 함수(Callback Function)란? > > 함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수를 콜백 함수(Callback Function)라고 하며, 매개 변수를 통해 함수의 외부에서 콜백 함수를 전달받은 함수를 고차 함수(HOF:Higher-Or

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

[노드, 리액트 기초 | React] #26. 인증 체크 기능 구현

인증 체크 기능 구현에 대해 설명합니다.

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

[노드, 리액트 기초 | React] #15. 구조 변경

CRA에서 원하는 구조로 변경하는 과정을 설명합니다.

2022년 7월 17일
·
0개의 댓글
·

[React Projects]03.Project Board

Github간단한 칸반보드 작성HOC는 흥미로웠다기능적인 부분을 템플릿화 하고 컴포넌트를 감싸 해당 기능을 사용할 수 있는 부분이 상속과 유사한 느낌이다.다만 상속처럼 그 메소드를 사용하진 못하겠지만생각해보면 리액트에서 객체를 가져다 쓰는경우는 잘 못본것 같다HTML5

2022년 7월 13일
·
0개의 댓글
·
post-thumbnail

HOC (Higher-order component)

리액트 안에서 컴포넌트 안에 있는 로직을 다시 재활용 할 수 있는어드벤스드 한 기술?! 리액트 API와는 무관 요새는 HOC의 중요도가 많이 줄었다 HOOK에 등장으로 인해 HOC 는 컴포넌트를 인자로 받아서 새로운 컴포넌트를 리턴하는 함수 !!현 시점에서 중요하게

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

React 실전 활용!

advanced technique in React for reusing component logicnot part of the React APIa pattern that emerges from React’s compositional nature.HOC = functio

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

로그인 프로세스 (Front-End)

위와 같은 이미지, 많이 익숙하신가요? 우리가 사용하고 있는 웹 페이지들에서 흔히들 볼 수 있는 로그인 페이지입니다. 로그인은, 웹 사이트에 회원가입 등으로 저장되어 있는 사용자 정보로 접속하려고 하는 요청을 검증하고 ( 아이디 또는 이메일, 비밀번호 체크 ) 검증이 완료되면 해당 사용자의 정보 데이터를 가지고 오는 과정입니다. 프론트엔드에서...

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

[Vue] HOC (하이 오더 컴포넌트) [ Index.vue 공통화 - 함수형 컴포넌트 ]

기존의 문제점 : layout 구조에서 subjects : category, product, serach, wish ... 등등..appbar, view, footer를 한 곳에 정의하려면 Index.vue가 필요했음 ( 사소한 차이밖에 없는 파일이 쓸데없이 늘어남 -

2022년 7월 6일
·
0개의 댓글
·

7.4

connect, hoc

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

[기술면접] HOC, HOF

고차 컴포넌트 = Higher Order Components(HOC) 한마디로 말하면 HOC는 다른 컴포넌트를 감싸는 리액트 컴포넌트다.

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

React | HOC

Intro 🌼 HOC... React 공식문서 들어가면 설명이 아주 잘되어 있지... 근데, 나만의 방식으로 이해하는게 필요하니깐~ 구조 😁 사실 잘 안쓴다... 가끔 아주 가끔 쓰는데... 로직이 반복되는 컴포넌트가 많을 경우에 쓴다. 사실 그것도 hook으로 빼서 사용하다보면, 그것도 거의 안쓰게 되지만... Test.js Test2.js 두...

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

HOC(고차함수 사용 예시)

이번에 HOC의 사용방법에 대해서 알게 되었는데 기록을 남기고 싶어 글을 올립니다.일단 고차함수란 파라미터를 함수로 받거나 return 값이 함수일 경우고차 함수라고 합니다.이 코드를 보면 pageNaming은 return으로 Component라는 컴포넌트를 반환하고

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

React HOC vs HOF

HOC는 상위에 있는 컴포넌트로 다른 컴포넌트보다 먼저 실행되는 컴포넌트라고 생각하면 된다.다른 컴포넌트보다 먼저 실행되게 하려면 어떻게 해야할까?권한 분기에서 사용자에 따라 다른 페이지를 보여주고 싶다 했을 때 예를 들어 로그인을 한 유저와 하지 않은 유저가 있을 때

2022년 6월 13일
·
0개의 댓글
·

HOC, HOF

High ordered Component, High ordered Function상위 권한을 갖고있는 컴포넌트, 함수 이다.컴포넌트를 가져와 컴포넌트를 반환하는 함수이다.컴포넌트는 props를 UI로 변환하는 반면, 고차 컴포넌트는 새로운 컴포넌트를 반환한다. 수업시간

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

코드캠프 FE 23일차 - TIL(Diffing/ Hydration,Closure,HOC/HOF)

next.js 렌더링? >> Diffing/ Hydration자바스크립트에도 이런것이? >> Closure먼저 실행해줘! >> HOC/HOF로그인 토큰 유지시키기권한분기를 어떻게 전환시키는지브라우저의 로컬 스토리지에 넣어놓을거임\\로컬스토리지에 넣으면 새로고침 해도 사

2022년 6월 9일
·
0개의 댓글
·
post-thumbnail

React HOC vs HOF

HOF (Higher-Older Function) HOC는 리액트에서 만들어낸 새로운 기술이라기 보다는 함수형 프로그램에서 사용하는 개념인 HOF와 유사하다. HOF는 함수를 인자로 받아 새로운 함수를 반환하는 함수이다. fx를 인자로 받아 fy를 반환하는 함수로 하수가 일급객체인 언어에서 자주 사용되는 패턴이다. 자바스크립트도 마찬가지다. Loda...

2022년 6월 9일
·
0개의 댓글
·