강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn useEffect로 업데이트를 감지할 수 있다. 재 렌더링이슈가 없기때문에 state나 props를 쓰지 않으면 앞에서도 말했듯이 일반 함수로 생성하는 것이 좋다. componentDidUpdate가 될때 hooks(useEffect)로 변경할때 힘든 부분이 성능문제다. useEffect는 1:1로 대응되는 것이 아니기 때문이다. import React, { useState, useRef, useEffect } from 'react'; const Lotto = () => { const [numbers, setNumbers] = useS..
강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn // 고차함수 this.onClick = (arg) => (e) => { //... } render(){ return( ); } (arg) => 뒤에 arrow function을 추가해서 감싸줄 수 있다. 여러번 setState를 호출해도 한번만 렌더링한다. 이것은 react가 알아서 처리한다. setState({}) setState({}) setState({}) setState({}) setState({}) class 컴포넌트에서 라이프사이클을 쓸 수 있는데 함수컴포넌트에서는 어떻게쓰는가? componentDidMount, compo..
- Total
- Today
- Yesterday
- 코딩애플
- 차이
- 제로초
- 브라우저
- 리액트
- frontend
- JS
- html
- JavaScript
- React
- jQuery
- 강의
- 기초
- 통신
- 제이쿼리
- 메서드
- VUE
- Article
- 프로젝트
- 타입스크립트
- TypeScript
- 아티클
- Method
- Study
- 프론트엔드
- 뷰
- css
- 자바스크립트
- 공부
- vue.js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |