# HoF

53개의 포스트

2023. 4. 14 , 17

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

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

[TIL 0413] 권한분기 / HOF & HOC/ 스코프체인과 클로저

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

2023년 4월 14일
·
0개의 댓글
·
post-thumbnail

[TIL] 로그인 2

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

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

Learn 권한 분기, Closure, HOC&HOF

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

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

2023. 4. 12 ~ 13

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

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

배열 고차함수 정리 ✍️ (map / filter / find / every / some / reduce / sort )

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

2023년 3월 21일
·
0개의 댓글
·

hof,hoc

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

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

함수를 리턴? HOF (feat.HOC)

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

2023년 2월 20일
·
0개의 댓글
·

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

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

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

React HOC vs HOF

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

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

23day - Diffing, Hydration, HOC, HOF

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

2022년 12월 3일
·
0개의 댓글
·
post-thumbnail

[React] accessToken 저장, 권한분기, HOC,HOF

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

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

[React] HOF / HOC

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

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

[React] HOC vs HOF

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

2022년 10월 22일
·
0개의 댓글
·

TS-HOF

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

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

HOC, HOF

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

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

24일차) [REACT/JS] hoF/ useApolloClient

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

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

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

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

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

[기술면접] HOC, HOF

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

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