라쿤의 끄적끄적

함수형 프로그래밍 드림코딩by엘리 : 함수형 프로그래밍 vs 객체지향 프로그래밍 드림코딩by엘리 유튜브 함수형 프로그래밍에 대한 영상을 보고 정리하였다. 지난시간에 Hooks를 만들면서 함수형 프로그래밍을 해보았는데 조금더 함수형 프로그래밍에 대해서 알아보려고 하던 찰나에 영상이 업로드 되어서 시청하였다. 프로그래밍 패러다임 절차지향 프로그래밍 객체지향 프로그래밍 함수형 프로그래밍 함수형 반응형 프로그래밍 프로젝트의 목표에 따라서 적절한 방법과 기법을 사용 함 함수형 프로그래밍 함수형 프로그래밍 언어들(Functional Programming Languages) Haskell, F#, OCaml, Erlang 함수형 프로그래밍을 지원하는 언어들(Support Functional Programming) J..

React Hooks 노마드코더 : React Hooks 노마드코더의 React Hooks 강의를 듣고 작성 함 지난 시간 지난 시간에는 React의 hook중에서도 useEffect, useRef에 대해서 알아 보았고 그것을 통해 만든 nooks (nico's hooks) 중에서 useTabs, useTitle, useClick을 알아보았다. usePreventLeave & useConfirm (nico's hook) useConfirm 과 usePreventLeave는 사실 hooks가 아님 (useEffect, useState를 사용하지 않기 때문) 하지만 이를 통해서 좋은 함수형 프로그램이 어떤건지 알수 있음 useConfirm 사용자가 무언가 하기전에 확인 하는 것으로서 사용자가 버튼을 클릭하는..

React Hooks 노마드코더 : React Hooks 노마드코더의 React Hooks 강의를 듣고 작성 함 지난 시간 hook은 기본적으로 react에서 제공하는 hook이 있고 개인이 custom 하여 만들 수도 있다. 지난 시간에는 React hook인 useState와 nico's hook(Nooks)인 useInput을 공부하였다. 이번에는 useState를 사용하는 nooks useTabs를 알아볼 예정 그리고 기본 hook인 useEffect와 useRef와 이를 활용한 여러 nooks를 알아볼 예정 useTabs (nico's hook using useState) useState hook로 만들어진 useTabs 은 객체가 들은 배열 : [{},{},..]과 배열안의 객체..

React Hooks 노마드코더 : React Hooks 노마드코더의 React Hooks 강의를 듣고 작성 함 Hooks 앱을 리액트 훅으로 만들면 class component, did mount, render ...등이 필요 없어짐 모든것은 하나의 function이 됨 이제는 functional programming(함수형 프로그래밍)스타일이 됨 Hooks는 react의 state machine에 연결하는 기본적인 방법임 Hook의 시작 recompose라는 라이브러리에서 시작되어 리액트 팀이 인수함 그리고 react에서 hook으로 릴리스 함 useState (React hook) useState는 항상 2개의 value를 return함 첫번째value는 이름을 주고(useState의 값을 불러옴)..