# HoF

27개의 포스트

React Currying

커링 기법은 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법이다.이를 이해하기 위해서는 HOC, HOF가 뭔지 알고 있어야한다.HOC, HOF에 관한 글다음 코드를 보자word와 name이라는 두 개의 인자를 받아 출력하는 함수이다.이 함수에

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

React HOC vs HOF

HOC는 Higher Order Component,HOF는 Higher Order Function으로두 개념은 클로저로부터 확장된 개념이다.클로저에 관한 글HOC는 대표적으로 페이지의 권한을 처리할 때 사용한다.다음과 같이 useEffect 로 토큰을 검사하여 페이지의

2022년 4월 17일
·
2개의 댓글
post-thumbnail

React Currying

커링은 HOF 중에서 요소가 여러 개인 함수의 요소 중 일부를 고정시켜 새로운 함수를 만드는 방법이다.hello, cat 두개의 요소를 사용하는 HOF를 만들었다.그 다음 hello를 "안녕하세요"로 고정시켜주는 sayHello함수를 만들었다.그러면 이렇게 hello는

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

HOC vs. HOF

HOC: Higher Order Component페이지의 권한을 처리할 때 사용한다.ex) 회원 공개 페이지UserPage가 실행되기 전, withAuth라는 상위 컴포넌트가 먼저 실행된다.HOC 컴포넌트(아래그림)HOF: Higher Order Function컴포넌트

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

JS Closure && HOC vs HOF

퍼어어엉션 안에서 또다른 function을 실행시켜 리턴되는 함수!aaa 라는 펑션 안에는 apple=10이 변수로 되어 있고 역시 bbb라는 함수에도 banana 변수가 선언되어 있습니다. 실생하게되면 apple -> banana 순서대로 확인되어집니다.여기서 그냥

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

권한 분기

사이트를 운영하면서 사용자에게 서비스를 제공할 때시스템의 정상적인 운영을 위해사용자의 권한별로 다른 서비스를 제공하거나, 접근을 제한해야 될 때가 있다.만약 사용자가 관리자라면 관리자 페이지에 접근이 가능해야하고,반대로 관리자가 아니라면 접근이 제한되어야한다.또한 사이

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

HOC/HOF

Aaa 컴포넌트에 Bbb 컴포넌트를 import 시키고있다. Bbb 컴포넌트에서는 props로 "철수"를 내려받고 있다.함수형으로 이름을 바꾸고 props 또한 변수 이름이기 때문에 어떤 걸로 바뀌어도 상관없다.Closure에 의해 Bbb 컴포넌트가 실행되기 전에 Ho

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

권한분기 / HOC / HOF

HOC HOC는 Higher Order Component의 줄임말로 리액트 컴포넌트를 인자로 받아서 새로운 리액트 컴포넌트를 리턴하는 함수이다. HOF

2022년 4월 14일
·
0개의 댓글

[Javascript] 함수형 프로그래밍 (HOF)

함수형 프로그래밍 (HOF)에 대해 알아보도록 하자.

2022년 4월 14일
·
0개의 댓글

권한분기, Closure, HOC, HOF

권한분기 사이트마다 관리자 페이지, 배민 같은 경우는 사장님용 페이지, 카카오택시같은 경우는 기사님용 페이지가 따로 있다. 페이지별로 로그인 한 사람에 따라 권한을 분리해 줄 수 있다. Closure 내부 함수에서 외부 함수의 지역변수에 접근하는 것을 의미 HOC(Higher Order Component) 페이지 권한을 처리할 때 사용 회원공개 페이지가...

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

React HOC vs HOF

클로저를 바탕으로 만들어진다.HOC는 Higher Order Component위 아래는 같은 결과가 나온다.Aaa컴포넌트는 리턴 해주는 Bbb는 이름을 바꿔줘도 된다withAuth 가급적 사용하기 먼저 실행 컴포넌트에는 권한 분기(검사하는 로직 - 로그인 여부체크(us

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

23일) 브라우저에도 저장공간이 있대!.. localStorage/Next.js 렌더링의 Diffing / Hydration/권한분기/Closure/HOC / HOF code camp fe 6기

'어려움' 문제를 내가 스스로 생각해서 처음 맞췄다!!!!!!!!!!!!!!!오늘 등원할때 궁둥이에 찝찝한게 묻어서 기분이 안좋았었는데 문제 잘푸려고 그랬나보다. 너무너무 행복하다 ! 알고리즘 풀이접근법을 잘 몰랐던 내가 이렇게 발전할 수 있는 이유는1.RunJS를 켜

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

Day 23.

accessToken, localStrorage, HOC / HOF, withAuth

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

🌔 TIL 0215

[Browser Storage] [Log in Rendering Process] [Closure] [HOC / HOF]

2022년 2월 15일
·
0개의 댓글

코드캠프 부트캠프 23일차

어제 로그인의 역사와 프로세스에 대한 전반적인 이해를 배웠고 로그인을 구현해보는 과정을 거쳤다. 오늘은 로그인을 위한 accessToken을 브라우저가 아닌 브라우저 저장소에 저장하는 법에 대해 알아보자.대표적인 브라우저 저장소로는 3가지가 있다.Cookie, loca

2022년 2월 15일
·
0개의 댓글

고차함수 에러 핸들링

고차함수 부분을 복습하다가 여러 개의 함수를 파이핑하는 코드를 작성하는 연습을 다시 해보기로 했다. 이렇게 작성을 하고, 함수를 호출하였더니 arr.filter는 함수가 아니다 라는 에러메세지가 떴다. filter함수 자체에서는 문제가 없었기 때문에, 다음과 같이 콘솔

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

12.01 (23)

til 23일차

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

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

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

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

HOC & HOF

HOC 와 HOF 설명

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

HOF / HOC

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

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