# hook

crg1050

그동안 배웠던 Hook을 이용해 과제를 푸는 형식의 과제를 진행했다.json 파일을 이용해 REST API 서버를 구축해 주는 라이브러리이다.전역에 설치해 준다.React 앱 파일 내에 설치하면 제대로 작동하지 않을 수 있다.data 폴더로 이동 뒤 \--port 30

crg1050

Custom Hooks, 코드 분할에 대해 학습했다.개발자가 스스로 커스텀한 Hook을 의미한다. \- 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있다. 주로 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한

lovesyung

함수 컴포넌트와 클래스 컴포넌트의 차이를 학습하고, 함수 컴포넌트에서 Hook을 사용하는 이유를 이해합니다.Hook의 사용 규칙에 대해 학습하고 이해합니다.useMemo의 쓰임새와 작성 방법에 대해 학습합니다.useCallback의 쓰임새와 작성 방법에 대해 학습합니다

calendar2

요약하면 useState의 상위호환?

developerbk

기존 Hook을 조합해 새로운 동작을 정의하는 Custom Hook

dorong36

useMemo, useCallback을 사용해보쟈

kimwonjuun

커스텀훅이란?로직을 재사용하기 위한 방법 중 하나. useState, useEffect 등 리액트 내장 훅을 사용하여 공통된 로직이나 기능을 별도로 분리한 훅.기능은 동일하게 작동하되 중복 코드가 사라지고 전체적인 코드량 감소.파일의 이름 앞에 반드시 use라는 키워드

developerbk

props driling, Hook

lgw2236

최상위(at the top level)에서만 Hook을 호출해야 합니다. 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행하지 않는다.React 함수 컴포넌트 내에서만 Hook을 호출해야 합니다. 일반 JavaScript 함수에서는 Hook을 호출해서는 않된다.이

seo__namu

React 비동기 처리 상태 관리

skylarlee

선택 옵션이 펼쳐진 상태에서 여백을 클릭해서 select 박스가 사라지게 하고 싶다면 이렇게 하시면 됩니다.

alswlfl29

컴포넌트가 마운트 됐을 때(처음 나타났을 때), 업데이트 될 때(특정 props가 바뀔 때), 언마운트 됐을 때(사라질 때) 특정 작업을 처리하는 Hook컴포넌트가 렌더링 될 때마다 실행 → 해당 컴포넌트가 화면에 렌더링된 직후에 불림컴포넌트가 화면에 맨 처음 렌더링

yesonn

Hooks 리액트에서 기존 사용하던 Class를 이용한 코드를 작성할 필요 없이 state와 여러 React 기능을 사용할 수 있도록 만든 라이브러리 등장 배경 클래스형 컴포넌트 vs 함수형 컴포넌트 React v0.14.0부터 함수를 사용한 컴포넌트를 만들 수

seungyo

🩵💻🐰블로깅 챌린지(2/3)🐰💻🩵

hyxoo

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는

younghwan

https://lo-victoria.com/a-look-at-react-hooks-useref-vs-usestate

mieum

value가 id가 되는 것이고 handler가 onChangeId가 된다

jason_kim

리액트 커스텀 훅에 대해서

jason_kim

useCallback에 대해서

kwaneung

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