Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- This
- scope chain
- 함수
- JavaScript
- react router
- activation object
- BIND
- variable object
- function
- moment.js
- vs code
- webstorm
- lexical scope
- function 문
- 자바스크립트
- lexical environment
- hoisting
- Arrow function
- 객체
- 정적스코프
- 함수 표현식
- react-router
- type
- 화살표 함수
- happy hacking
- Execution Context
- 리액트 라우터
- 실행컨텍스트
- 호이스팅
- function 표현식
Archives
- Today
- Total
목록2020/06 (1)
Pandaman Blog
[React.js]React Hook
React Hook은 상태 로직의 재사용성을 높이고, class 형태의 React Component의 복잡도를 낮추기 위해 만들어졌습니다. Hook을 사용하면 class형 컴포넌트에서 사용하던 lifeCycle에 대해 달달 외우지 않아도 됩니다. 코드의 로직을 이해하면서 상태을 눈으로 쉽게 파악할 수 있습니다. 우리는 React에서 기본적으로 제공하는 Hook이 무엇이 있는지 확인해보고, 재활용은 어떻게 할 수 있는지 확인해보는 시간을 갖도록 하겠습니다. useState useState는 class형 컴포넌트에서 사용하는 setState 함수와 비슷한 역할을 합니다. useState의 두 개의 요소를 리턴합니다. 첫 번째 요소는 현재 상태, 두 번째 요소는 그 상태를 갱신할 수 있는 함수를 리턴합니다. ..
Front end/React
2020. 6. 1. 23:09