HoF React Currying 커링 기법은 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법이다. 이를 이해하기 위해서는 HOC, HOF가 뭔지 알고 있어야한다. 다음 코드를 보자 word와 name이라는 두 개의 인자를 받아 출력하는 함수이다. 이 함수에 커링을 적용해보자. 2개의 인자를 받던 함수가 1개의 인자를 받는 함수 2개로 쪼개진 것을 볼 수 있다. 또한 첫 번째 인자 word를 "안녕"... ReactHoCHoFTILHoC React HOC vs HOF 다음과 같이 useEffect 로 토큰을 검사하여 페이지의 권한을 처리하게되면 여기서 useEffect문 만 따로 뽑아서 컴포넌트로 만든 후 import하여 사용하면 그렇다면 이 useEffect문을 따로 뽑아서 컴포넌트로 만드는 즉 HOC(Higher Order Component)를 만드는 작업을 직접 해보자! 좌,중간,우측 컴포넌트로 칭하겠다. 좌측 컴포넌트에서 이메일과 비밀번호를 입력하... HoCJavaScriptTILReactHoFHoC
React Currying 커링 기법은 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법이다. 이를 이해하기 위해서는 HOC, HOF가 뭔지 알고 있어야한다. 다음 코드를 보자 word와 name이라는 두 개의 인자를 받아 출력하는 함수이다. 이 함수에 커링을 적용해보자. 2개의 인자를 받던 함수가 1개의 인자를 받는 함수 2개로 쪼개진 것을 볼 수 있다. 또한 첫 번째 인자 word를 "안녕"... ReactHoCHoFTILHoC React HOC vs HOF 다음과 같이 useEffect 로 토큰을 검사하여 페이지의 권한을 처리하게되면 여기서 useEffect문 만 따로 뽑아서 컴포넌트로 만든 후 import하여 사용하면 그렇다면 이 useEffect문을 따로 뽑아서 컴포넌트로 만드는 즉 HOC(Higher Order Component)를 만드는 작업을 직접 해보자! 좌,중간,우측 컴포넌트로 칭하겠다. 좌측 컴포넌트에서 이메일과 비밀번호를 입력하... HoCJavaScriptTILReactHoFHoC