# hook

473개의 포스트
post-thumbnail

useCallback에 대해서

useCallback에 대해서

약 14시간 전
·
0개의 댓글
·
post-thumbnail

[React Hook] 리액트 훅

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

2일 전
·
0개의 댓글
·
post-thumbnail

React - useRef

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

4일 전
·
0개의 댓글
·
post-thumbnail

React - useMemo

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

6일 전
·
0개의 댓글
·
post-thumbnail

React - useCallback

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

7일 전
·
0개의 댓글
·
post-thumbnail

[ React.08.hook ]

React hook에 대해 알아보자

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

useMemo에 대해서

useMemo에 대해서

2023년 3월 20일
·
0개의 댓글
·

[Challenge] useRouter hook 만들기(with. react-router)

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

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

[React] useLayoutEffect vs useEffect, 사용법

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

2023년 3월 18일
·
1개의 댓글
·

React Hook

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

2023년 3월 16일
·
0개의 댓글
·

#11. useCallback 또, 최적화를 꿈꾼다!

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

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

React- Hooks(3)

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

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

[React] React Hooks

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

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

React-Hooks(2)

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

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

Today I Learned 2023.03.03. [React 숙련주차 1]

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

2023년 3월 3일
·
0개의 댓글
·
post-thumbnail

[React] Hook

useState, useEffect, useReducer

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

조금조금 REACT, HOOK - useReducer

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

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

[리액트] 리액트 hook 알아보기

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

2023년 2월 25일
·
0개의 댓글
·

[React] react hook

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

2023년 2월 25일
·
0개의 댓글
·