# hook

407개의 포스트
post-thumbnail

커스텀 훅, 그게 뭔데?

커스텀 훅은 간단히 말해서 useState, useEffect, useCallback 등의 리액트의 훅을 이용해서 사용자가 직접 만드는 함수예요.

4일 전
·
0개의 댓글
·

[번역] useEffect에 관하여

클래스기반 컴포넌트에서 사용하는 라이프 사이클들이 있다.componentWillmount, componentDidMount 등등useEffect 훅의 아이디어는 이러한 라이프사이클 방법과 근본적으로 다르다.우리는 함수형 컴포넌트에서 리액트 트리 바깥쪽에 있는 state

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

[React] - Hook

📔Hook이란? ✍️ Hook의 정의 Hook은 클래스 컴포넌트에서만 사용할 수 있었던 state(상태)관리와 lifecycle(라이프사이클)관리 기능을 함수 컴포넌트에서도 사용할 수 있도록 연동해주는 함수를 의미 Hook들의 모음을 Hooks라고 한다. ✍️ Hook 등장 배경 클래스 컴포넌트와 함수 컴포넌트 리액트에서 컴포넌트는 클래스형과 함수형으...

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

코드스테이츠_S4U4 _2,3W_금,월,화

Virtual DOM, Hooks, useMemo, useCallback, Custom Hooks, 코드 분할, React.lazy()와 Suspense, json-server 라이브러리

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

무지성 useEffect 남발을 멈춰!

useEffect의 동작 원리와 현명한 사용 방법을 알아보자

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

React Hook(useMemo, useCallback, useReducer)란?

useMemo, useCallback란? memoization의 약자 언제 사용할까 ? 개발 중 react가 함수형 컴포넌트를 다루기 때문에 렌더링 될 때 항상 필요없는 함수까지도 재호출되는 경우를 많이들 봤을 것이다. 이건 지금 필요없는데 렌더

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

4주차 : React Hook

react hook ppt

2022년 11월 21일
·
0개의 댓글
·

useMemo()

· useMemo()란 Memoized value를 리턴하는 훅.· 연산량이 높은 작업이 매번 렌더링될 때마다 반복되는 것을 피하기 위해 사용.· 렌더링이 일어나는 동안 실행되므로 렌더링이 일어나는 동안 실행돼서는 안될 작업을 useMemo()에 넣으면 안 됨.

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

[소플 : React] 7. 훅

Chapter 7. 훅

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

[React] 11-axios-hooks

setState() 에서 안에 파라미터만 넣는경우와 콜백함수를 넣는 경우 |파라미터|콜백함수| |-------|-------| |상태값에 따라서 후속처리|상태값만 변경| | 화면변경 |useEffect가 실행되지않음 화면변경 x (성능은 더 좋음) | |||

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

react-hook-form 과 antd select

✏️ react-hook-form + antd form을 이용하여 회원가입을 구현중이었는데 맞딱드린 난관 antd 처럼 제어컴포넌트에서는 register를 아무리써도 값이 넘어오지 않았다 자꾸 name 타령하길래 화났던 기억,,, 이 빨간창을 맞딱드렸던 그때의 나는

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

React - useMemo, useCallback

메모이제이션(memoization)된 값을 반환함수형 컴포넌트 - 렌더링 -> Component함수 호출 -> 모든 내부 변수 초기화= 호출하는 함수가 무거운 함수라면, 매우 비효율적 --> useMemo가 해결useMemo - 렌더링 -> Component함수 호출

2022년 11월 4일
·
0개의 댓글
·

React Custom hook을 잘 사용해보자

React에서 Custom hook 사용하기

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

[React] hook

1. hook(훅)이란? 2. hook - useNavigate

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

[React] useContext

context 객체(React.createContext에서 반환된 값)을 받아 그 context의 현재 값을 반환합니다. context의 현재 값은 트리 안에서 이 Hook을 호출하는 컴포넌트에 가장 가까이에 있는 <MyContext.Provider>의 value

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

React Hook 2

복잡한 상태를 관리할때 사용하는 훅.Redux 라이브러리를 쓸 때 썼던 기억이 난다.인자로 reducer와 initialState를 받고,state와 dispatch를 리턴한다.reducer는 previousState와 action(type과 payload를 가지는 객

2022년 10월 25일
·
0개의 댓글
·

React Hook 1

요즘 그냥 useState useEffect만 사용해서 효율적이지 않은 개발을 하고 있지 않은것 같아 유용한 hook들을 한 번 정리해서 사용하려고 한다.정리하는 김에 알던것도 좀 더 깊게 다시 한번 정리해보자조건문 , 루프문 등에 들어갈 수 없다. 함수 최상위에서만

2022년 10월 20일
·
0개의 댓글
·
post-thumbnail

읽은 글들 (~22.10.20)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

2022년 10월 20일
·
0개의 댓글
·
post-thumbnail

hook이란 (feat. PyTorch)

패키지화된 코드에서 다른 프로그래머가 custom 코드를 중간에 실행시킬 수 있도록 만들어놓은 인터페이스

2022년 10월 17일
·
0개의 댓글
·
post-thumbnail

[TIL / React] Side Effect(부차 작용)의 관리는 useEffect로

React LogoComponent Lifecycle사진출처 : 리액트 공식문서Mount(생성 될 때) - "컴포넌트가 만들어지고 DOM에 삽입될 때"Update(업데이트 할 때) - "컴포넌트가 업데이트될 때"Unmount(제거 할 때) - "컴포넌트가 DOM에서 해

2022년 10월 12일
·
0개의 댓글
·