| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
Tags
- 변수 생성 단계
- 서버 사이드 렌더링
- polyfill
- 주소창에 naver 입력시 일어나는 일
- 자바스크립트의 클래스
- 클라이언트 사이드 렌더링
- async/await
- CSS
- 깊은 복사
- 가상 dom
- 얕은 복사
- 세션 스토리지
- 리액트의 생명 주기
- 자바스크립트 함수
- undeclared
- 자바스크립트
- 브라우저 렌더링원리
- 실행 컨텍스트
- MPA
- 이벤트 버블링
- 로컬 스토리지
- CORS
- 이벤트 캡처링
- props와 state 차이점
- 리액트
- 호이스팅
- react
- 프로미스
- 스코프 체인
- webpack
Archives
- Today
- Total
목록hook (1)
Gapus Dev Blog
[React] 훅(Hook)에 대해
훅(Hook) 설명 함수형 컴포넌트에서 상태(state)와 생명주기 메서드(lifecycle method)를 사용할 수 있게 해주는 기능 클래스형 컴포넌트에서만 상태를 관리하고 생명주기 메서드를 사용할 수 있었지만, 훅을 이용하면 함수형 컴포넌트에서도 동일한 기능을 사용 가능 함수형 컴포넌트 내에서만 사용 가능하며, 훅의 호출 순서는 항상 동일해야 한다. 규칙을 지키면서 훅을 적절하게 사용하면 상태 관리와 생명주기 처리를 간편하게 가능 훅(Hook)의 종류 useState 상태를 관리하는데 사용되는 훅 함수형 컴포넌트 내에서 상태를 생성하고 업데이트를 가능 예를 들어, 숫자나 문자열과 같은 값을 저장하고 업데이트 가능 예시 import React, { useState } from 'react'; cons..
프론트엔드/React
2023. 11. 30. 08:00