Notice
Recent Posts
Recent Comments
Link
250x250
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- regex
- MySQL
- eslint
- npm
- Node
- update
- Effective Java
- Regular expression
- nodejs
- mysql 5.5
- Chunk
- java
- migration
- REACTJS
- current_date
- upgrade
- spring cloud
- log_bin
- JavaScript
- 정규표현식
- Webpack
- git
- REACT
- Express
- log4j2
- expire_logs_days
- 퀵소트
- Effective Java 3/e
- Spring Batch
- spring
Archives
- Today
- Total
728x90
목록function component (1)
728x90
내 세상
[React] Class Component / Function Component / Arrow Function
React Official Reference에서는 Function Component + Hooks 사용을 권장함. Class component Function component 장점 render 함수 필수 선언이 편리함. 메모리 자원 덜 사용함. Build/Deploy 후 결과물 파일 크기가 더 작음. 단점 state / Lifecycle API 사용 불가능. → React v16.8 이후 Hooks 도입으로 해결됨. 화살표 함수(Arrow Function) - ES6 문법에서 함수를 표현하는 새로운 방식. - 기존 function과 사용 용도가 조금 다름. 주로 함수를 파라미터로 전달할 때 유용함. 일반 함수(Normal Function) 화살표 함수(Arrow Function) 샘플 코드 functi..
Technical/React
2020. 5. 11. 16:45