# hook

320개의 포스트
post-thumbnail

React + TS: useCountUp hook 구현하기

React + TS: useCountUp hook

2일 전
·
0개의 댓글

Prevent React component state from updating when unmounted 갱신 막기

참고: Prevent "React state update on unmounted component" warning when setting state on async callbackAsk Question

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

React Lifecycle와 useEffect()

Image Link : https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/모든 컴포넌트는 여러 종류의 '생명주기 메서드'를 가지며, 이 메서드를 오버라이딩하여 특정 시점에 코드가 실행되도록 설정할 수

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

useCallback 알아보기

useCallback을 왜 쓰나요

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

[Hook 시리즈] Lazy initialization 이 대체 뭔데 그래서

게으른 것도 때론 쿨하고 좋을 때가 있지! 그게 바로 Lazy initialization

2022년 6월 16일
·
8개의 댓글

[TIL] 0615~0616

의문점 js가 왜 함수형 언어인지? 리액트는 함수형? 객체지향? -> 객체지향에서 함수형으로 바뀌는 추세인 듯? 리액트의 컴포넌트를 사용해서 조합하는 방식이 객체지향인건지? -> 아예 다른 개념인 것 같다. 작은 부분들로 조합해서 큰 것을 만드는 것은 그냥 복잡한

2022년 6월 16일
·
0개의 댓글
post-thumbnail

React 클라이언트 Ajax 요청

react의 데이터 흐름, state 끌어올리기, Effect Hook, useEffect, 순수함수, side effect, 로딩화면, Ajax 요청

2022년 6월 14일
·
0개의 댓글
post-thumbnail

⚛︎React Hook Form

: React Hook Form 라이브러리: 유효성 검증시에도 유용함.(vaildation)npm i react-hook-formex) <input {...register("toDo")} /> : register가 반환하는 객체를 input의 props로 전달함

2022년 6월 11일
·
0개의 댓글
post-thumbnail

React | UseRef

리액트를 사용하기 전까지 우리는 특정 태그에 접근할 때 document.getElementById() 를 사용했다.하지만, 리액트는 실제 DOM이 아닌 virtual DOM(가상돔)을 다루기 때문에 document.getElementById()으로 접근했을 때 문제가

2022년 6월 5일
·
0개의 댓글
post-thumbnail

[React] useEffect

by Meds Safety https://medssafety.com/side-effects-vs-adverse-effects-vs-contraindications/the hook that manages side-effects in functional React

2022년 6월 2일
·
0개의 댓글

useState 만들어보기

처음 react hook을 사용했을 때부터, useState, useEffect와 같은 hook들이 내부적으로 어떻게 동작하는 지 매우 궁금했다. 사용하는 입장에서는 그저 마법처럼 느껴진다는 말이 맞는 것 같다.사실, 이번 말고도 이전에 hook을 바닐라 js로 만드려

2022년 6월 1일
·
0개의 댓글

useMemo, useRef, useCallback

useMemo > ### Memoization 비용이 많이 드는 함수 호출의 결과를 저장하고, 동일한 입력이 다시 발생했을 때 캐시된 결과를 반환하여 컴퓨터 프로그램의 속도를 높여주는 최적화 기법이다. 일반적으로 React의 컴포넌트 함수는 렌더링이 일어날 때마다

2022년 5월 31일
·
0개의 댓글

최적화 (1) - useMemo

UseMemo 배우기

2022년 5월 28일
·
0개의 댓글

Rules of Hooks

Hooks는 자바스크립트 함수지만 두 가지 규칙을 지키며 사용해야 합니다. 이런 규칙은 linter plugin을 통해 자동으로 적용할 수 있습니다. Only Call Hooks at the Top Level Hooks를 루프 내부, 조건(condition), 또는 중

2022년 5월 27일
·
0개의 댓글
post-thumbnail

[TIL] 프론트엔드 22.05.26

React... 쉽지 않음...

2022년 5월 26일
·
0개의 댓글

Using the Effect Hook

Hooks는 Class없이 상태를 관리할 수 있도록 도와준다.Effect hooks는 함수형 컴포넌트 내부에서 side effect를 실행하도록 도와줍니다.대표적인 "side effect"의 예시로 Data fetching, setting up a subscripti

2022년 5월 24일
·
0개의 댓글

react class에서 Hook을 사용하고싶다면

HOC로 해결하면된다.예를들면

2022년 5월 19일
·
0개의 댓글
post-thumbnail

220517 TIL

유튜브 별코딩님의 강의를 보고 작성한 나의 일지state 관리를 도와주는 hook!따지자면, useState 와 마찬가지로 staet 를 생성하고 관리하게 도와주는 도구여러 개의 하위값을 포함하는 복잡한 state 를 다뤄야 할 때, 사용하면 좋다!알아야 할 3가지!R

2022년 5월 17일
·
0개의 댓글