본문 바로가기
728x90

useRef2

Hooks hook 기본 3가지 = State, Effect, Context 추가 hooks useReducer useCallback useMemo useRef useImperativeHandle useLayoutEffect useDebugValue 위 hook들 외 내가 어떤 동작을 하게 하고 싶다면 위 Hook들을 기반으로 새로운 hook을 만들어서 사용하면 '커스텀 hook' 클래스 컴포넌트에는 Hook 사용할 수 없다 state로 만들면 Reducer로 하면 이렇게 만들어도 하는 역할은 똑같다 그럼 왜 Reducer를 만들까? 0이면 짱구, + 하면 철수, - 하면 맹구의 이름으로 바뀐다 State에서는 Reducer보다 더 많은것들을 적어야 작동한다 그래서 Reducer를 사용하는 것 useState: 이.. 2021. 10. 28.
useEffect와 의존성배열, useRef, 컴포넌트 생명주기 7/26 지난주까지 배웠던 부분들이 서비스를 만드는데에 있어서 핵심 코어부분이라고 할 수 있다. 프론트엔드의 컴포넌트 라이프사이클, 백엔드와 데이터베이스, 이미지 저장소, 검색 시스템 등이 예가 된다. 이유는, 전체를 알아야 백엔드 개발자 및 기타 기획자, 프로젝트매니저 등과 커뮤니케이션에 무리가 없기 때문이다. class 컴포넌트의 render, componentDidMount, componentDidUpdate, componentWillUnmount 등과 마찬가지로 함수형 컴포넌트에는 useEffect가 있다. class컴포넌트는 함수형 컴포넌트로 전환이 가능했고, 이 때의 핵심은 useEffect와 dependency array(의존성 배열) 이다. 또한, componentDidMount 시점에서,.. 2021. 10. 22.
728x90

티스토리툴바