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
- Execution Context
- scope chain
- type
- 함수 표현식
- BIND
- variable object
- react router
- 자바스크립트
- function
- activation object
- 화살표 함수
- 리액트 라우터
- 함수
- happy hacking
- react-router
- function 문
- This
- 호이스팅
- moment.js
- lexical environment
- 실행컨텍스트
- 정적스코프
- webstorm
- vs code
- lexical scope
- Arrow function
- hoisting
- function 표현식
- 객체
- JavaScript
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