# hook

jason_kim

useCallback에 대해서

kwaneung

Hooks는 리액트 16.8 버전에 신규로 추가된 기능이다. 클래스형 컴포넌트에서만 가능했던 state 및 다양한 기능을 코드작성 없이 라이브러리로 제공한다.리액트에서는 클래스형 컴포넌트가아닌 함수형 컴포넌트에 훅을 사용하는것을 권장한다.훅의 간단한 규칙이 있다.최상위

goodjam92

React hook 알아보기 세 번째 hook은 useRef이다.많이 사용해보진 않았지만 내가 알고 있던 이 hook의 특징은 DOM요소에 접근해야할 때 사용하는 것으로만 알고 있지만 이번에 한 번 제대로 알아보고 가보자!먼저 DOM 노드에 접근하려면 구성 요소 내부에

goodjam92

두 번째로 알아 볼 React hook은 바로 useMemo이다. useCallback과 같이 사용되기도 하는 이 hook에 대해서 알아보도록 하자! useMemo useMemo 리렌더링

goodjam92

리액트를 사용하면서 useState, useEffect, useRef등은 써보았지만 아직 제대로 사용해보지 못한 훅들이 많았다...그래서 이 참에 한 번 궁금했던 리액트의 hook몇 가지에 대해 알아보고자 한다.그 첫번째는 바로 useCallback이 되시겠다!컴포넌가

carrotsman91

React hook에 대해 알아보자

jason_kim

useMemo에 대해서

koyk0408

window.location은 종종 사용했는데 .pathname은 뭘까? 이름만 봤을때는 현재의 라우팅 위치를 가져오는 것 같다.

imphj3

리액트로 개발을 경험해본 사람이라면 useEffect 훅에 대해 잘 알고 있을 것이다. 이번 글에서는 useEffect과 유사한 useLayoutEffect 훅에 대해 작성해보고자 한다.useEffect과 useLayoutEffect에 대해 알아보기 전에, 먼저 브라우

ve_hye_ona

함수 Component에서 React state와 생명주기 기능을 연동(hook into)할 수 있게 해주는 함수 Hook

gazero_

값 대신에 함수 자체를 캐싱 (컴포넌트 렌더링 성능 최적화 → useCallback으로 컴포넌트 props가 변하지 않으면 렌더가 발생하지 않음)🔔 함수(콜백함수)를 배열형태의 함수 실행 조건값(deps)이 변경될 때까지 저장하고, 재사용(deps 값이 바뀌지 않는

i_am_heeeun

: 저장공간또는 DOM요소에 접근하기 위해 사용하는 Hook이다. 자바스크립트에서 특정 DOM을 선택할땐 querySelector, getElementById 등의 함수를 사용해서 접근하는데 리액트에서는 useRef를 사용해 접근한다.useRef는 current 속성을

cloudcoke

Hook

jangco97

React Hooks란? React hooks는 state를 사용하는 기능이다. 기존에는 class를 활용하여 constructor를 활용해 state를 관리했다. 하지만 불편한 점들이 많아 react hooks가 등장했다. 기존 class에서 작성되던 것들 중 일부

i_am_heeeun

: useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 다른 값으로 업데이트해주고 싶을때 사용하는 Hook이다.useState를 사용할때는 컴포넌트 업데이트 로직을 컴포넌트 내부에서 이루어졌어야했는데 useReducer는 컴포넌트 바깥으로 빼낼 수 있고

jjdc0809

styled component 패키지에 대해 알아가며, 특히 리액트에서의 여러가지 훅에 대해서 공부했다. 불필요한 렌더링을 막아 최적화를 하기 위해서는 상황에 맞춰서 알맞는 훅을 적재적소에 사용하는게 좋을 것이다.

yumyum123

useState, useEffect, useReducer

edwinstory

Hook useReducer 는 쉽게 말하면, useState의 상위 호환버전으로 useState의 내용이 복잡할 때, 이를 이용하여 보다 쉽고 간편하게 상태를 변경할 수 있다.

hyeonzii

안녕하세요잉 오랜만입니두앗!!!!

koyk0408

리액트 훅은 함수형 컴포넌트에서 상태관리 및 라이프사이클 메서드 등의 기능을 제공한다.기존에는 클래스형 컴포넌트에서만 상태 관리를 할 수 있었지만, 함수형 컴포넌트에서도 상태 관리를 할 수 있게 되었다. 이를 통해 코드의 가독성과 재사용성이 좋아졌으며, 컴포넌트의 구현