HoF 23일) 브라우저에도 저장공간이 있대!.. localStorage/Next.js 렌더링의 Diffing / Hydration/권한분기/Closure/HOC / HOF code camp fe 6기 알고리즘 풀이접근법을 잘 몰랐던 내가 이렇게 발전할 수 있는 이유는 물론 오늘의 로그인 관련 내용은 임시로 적용시켜 줄 수 있는 내용입니다! 이를 해결하기위해 우리는 브라우저 저장소를 사용할 수 있었죠? localStorage.setItem(“key”,value)과 .getItem(“key”,value)을 활용해 손쉽게 넣어주고 불러줄 수 있었죠?! 그래서 우리가 사용한 것이 HOC(High... HoClocalStorage.setItemuseEffectaccesstokenclosurelocalstorage권한분기스택큐hydrationHighOrderComponentHoFdiffingwithAuthHighOrderComponent React Currying 커링 기법은 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법이다. 이를 이해하기 위해서는 HOC, HOF가 뭔지 알고 있어야한다. 다음 코드를 보자 word와 name이라는 두 개의 인자를 받아 출력하는 함수이다. 이 함수에 커링을 적용해보자. 2개의 인자를 받던 함수가 1개의 인자를 받는 함수 2개로 쪼개진 것을 볼 수 있다. 또한 첫 번째 인자 word를 "안녕"... ReactHoCHoFTILHoC React HOC vs HOF 다음과 같이 useEffect 로 토큰을 검사하여 페이지의 권한을 처리하게되면 여기서 useEffect문 만 따로 뽑아서 컴포넌트로 만든 후 import하여 사용하면 그렇다면 이 useEffect문을 따로 뽑아서 컴포넌트로 만드는 즉 HOC(Higher Order Component)를 만드는 작업을 직접 해보자! 좌,중간,우측 컴포넌트로 칭하겠다. 좌측 컴포넌트에서 이메일과 비밀번호를 입력하... HoCJavaScriptTILReactHoFHoC
23일) 브라우저에도 저장공간이 있대!.. localStorage/Next.js 렌더링의 Diffing / Hydration/권한분기/Closure/HOC / HOF code camp fe 6기 알고리즘 풀이접근법을 잘 몰랐던 내가 이렇게 발전할 수 있는 이유는 물론 오늘의 로그인 관련 내용은 임시로 적용시켜 줄 수 있는 내용입니다! 이를 해결하기위해 우리는 브라우저 저장소를 사용할 수 있었죠? localStorage.setItem(“key”,value)과 .getItem(“key”,value)을 활용해 손쉽게 넣어주고 불러줄 수 있었죠?! 그래서 우리가 사용한 것이 HOC(High... HoClocalStorage.setItemuseEffectaccesstokenclosurelocalstorage권한분기스택큐hydrationHighOrderComponentHoFdiffingwithAuthHighOrderComponent React Currying 커링 기법은 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법이다. 이를 이해하기 위해서는 HOC, HOF가 뭔지 알고 있어야한다. 다음 코드를 보자 word와 name이라는 두 개의 인자를 받아 출력하는 함수이다. 이 함수에 커링을 적용해보자. 2개의 인자를 받던 함수가 1개의 인자를 받는 함수 2개로 쪼개진 것을 볼 수 있다. 또한 첫 번째 인자 word를 "안녕"... ReactHoCHoFTILHoC React HOC vs HOF 다음과 같이 useEffect 로 토큰을 검사하여 페이지의 권한을 처리하게되면 여기서 useEffect문 만 따로 뽑아서 컴포넌트로 만든 후 import하여 사용하면 그렇다면 이 useEffect문을 따로 뽑아서 컴포넌트로 만드는 즉 HOC(Higher Order Component)를 만드는 작업을 직접 해보자! 좌,중간,우측 컴포넌트로 칭하겠다. 좌측 컴포넌트에서 이메일과 비밀번호를 입력하... HoCJavaScriptTILReactHoFHoC