# HoF

creyon0215

INDEX HOF&로컬 스토리지를 활용한 기능 만들기 (예시 코드) 코드를 구현하며 쿠키, 로컬 스토리지, 세션 스토리지 중 어떤 것을 이용해도 좋다. 각 브라우저 저장소의 특성을 고려해 기획 의도에 적합한 저장소를 선택할 것 비회원 장바구니 기능 구현 1) fet

zitto

💡 권한분기 >로그인 인증이후에는 로그인 한 사람과 안한 사람으로 권한 분기가 이뤄진다. 스택 상자쌓인 걸로 생각! 위에서부터 꺼내는 방법 First In Last Out FILO 필로! 큐 줄서는 것 앞에서부터 순서대로 First In First 피포!

sju4486

📒 오늘 공부한 내용 🔍수업목차 >[23-1] 새로고침 이후 재접속 과정 [23-2] 브라우저에 accessToken 저장하기 [23-3] Next.js의 렌더링 방식 [23-4] 권한분기 [23-5] 권한분기를 진행하기 위한 필요한 사전지식 [23-6] 함수를 리

creyon0215

권한분기(스택, 큐, 스코프 체인, 클로저, 호이스팅)함수를 리턴하는 함수 HOFHOC(Higher Order Component)&withAuth로그인 인증 이후에는 이에 따른 권한 분기가 이루어지는데 작게는 로그인을 한 사람과 하지 않은 사람부터 로그인에 등급을 매기

creyon0215

index 로그인(역사, JWT 로그인) 단방향 암호화(해싱), 양방향 암호화 토큰을 같이 보내주는 방법 JWT 토큰과 조작 불가능성 이해(회원가입, 로그인 진행, JWT이상한점) 로그인과 Recoil연결 새로고침 이후 재접속 과정의 이해 브라우저에 accessTok

hskwon517

고차 함수는 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수를 말한다. 다시 말해, 고차 함수는 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환한다. 자바스크립트의 함수는 일급 객체이므로 값처럼 인자로 전달할 수 있으며 반환할 수도 있다.간단한

yj05037

HOC ==> 실행할컴포넌트보다 먼저 실행되는 컴포넌트.이 컴포넌트에 useEffect라는 로직을 집어넣어 실행을 원하는 컴포넌트의 실행전 HOC컴포넌트의 useEffect가 먼저 실행되어 권한체크.HOF ===>함수 안에서 실행되는 함수event.target.id 부

zeon8080

함수를 리턴하는 함수 HOF에 대해 알아보자.위와 같은 코드가 있을 때 함수 안의 함수 function item을 콘솔에 출력하고 싶으면 어떻게 해야할까?생각보다 간단하다! com()() 으로 작성해주면 콘솔에 Mac과 item이 모두 출력할 수 있다.파라미터(매개변수

wjddms0501

passed by value & passed by reference / 고차함수(HOF)

namyeji

(aaa())()aaa를 실행한 결과값을 다시 실행한다.이러면 bbb를 실행한 것과 같다. aaa()()로 줄여 사용이 가능하다. aaa가 실행되고 bbb가 실행된다. aaa를 bbb보다 먼저 실행되기 때문에 Higher order Function(먼저 실행되는 함수)

zoo0

변수에 accessToken을 넣고 새로고침을 하면 로그인 정보가 모두 날아간다. 새로고침은 브라우저에서 해당 주소로 다시 엔터를 친 것과 같아서 이전에 그려졌던 state 변수들이 사라진다. 브라우저에 저장해야 새로고침을 해도 사라지지 않는다. 브라우저 저장공간은 여

badassong

새로고침 후에도 로그인이 되어있게 하려면 refresh token을 사용해야 하지만 아직 배우기 전이기 때문에 임시로 localStorage에 저장하는 방법이 있다.localStorage에는 객체형태 데이터를 넣을 수 없기 때문에 JSON.stringify를 이용해 객

yeeunk90

HOF > High Order Function, 더 높은 순위에 있는 함수, 함수를 리턴하는 함수 aaa가 bbb보다 먼저 실행되기 때문에 더 높은 순위에 있는 함수(HOF)라고 할 수 있다. HOC > High Order Component , 상위에 있는 컴포넌

tlsalduszz

HOC ( High Order Component ) HOC의 중요도가 높았지만 현재는 낮아지고 있고 리액트내에서는 대체할 수 있는 Hook이 나왔다고 합니다. 리액트에서 컴포넌트 안에 있는 로직을 다시 재활용 할 수 있는 어드밴스드한 기술이라고 정의되어 있습니다 리액

doodream

함수형 프로그래밍이 뭐하는 걸까요?

championcom

이번에 할내용은 HOF!!!HOF는 Higher Order Function 이라고 한다. 개념은 클로저로부터 확장된 개념이다.HOF는 최종 return 값이 JSX인지 JSX가 아닌지로 구분한다.특정 버튼을 클릭했을때 , id 값을 넘겨주기 위해 event.target

yeeunit22

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

nanyong0214

24일차 배운 내용들(HoF,useApolloClient / react-hook-from,yup)을 나눠서 작성HoF(Higher order Function)useApolloClient react-hook-formyupHOC와 거의 비슷하지만 리턴 컴포넌트를 하면 Ho

rlaclgns321

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

rlaclgns321

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