일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 반복문
- 멋사
- CSS
- 리액트
- 개발자
- frontend
- 비동기
- 이벤트루프
- 타입스크립트
- VAR
- 메소드체이닝
- 멋쟁이사자처럼
- 프론트엔드
- 제주코딩베이스캠프
- useState
- JavaScript
- 배열
- 웹개발
- react
- 코딩
- 국비지원
- 자바스크립트
- Let
- likelion
- SS
- for문
- 네트워크
- 화살표함수
- 내일배움카드
- array
Archives
- Today
- Total
목록클로저 1
Ch.Covelope
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/dfuVhm/btsvx4LkJTA/Ir8sauWls3FfyznIJrjxOK/img.webp)
리액트(React) - useState / 클로저
리액트에서 함수형 컴포넌트 이전 클래스형 컴포넌트 사용시에는 상태를 지역변수 state에 정의하고 상태를 변경할 메소드 안에 setState 메소드를 넣어서 상태를 변경 했다. 그럼 왜 state변수를 직접 변경하지 않고 setState를 통해서 했는지는 해당 메소드를 사용해서 리액트 컴포넌트에 상태변경에 대해서 알려주고 리렌더링을 요청 하기 위해서다. 함수형 컴포넌트 리액트 함수형 컴포넌트에서는 useState 라는 React Hooks를 사용해서 상태를 관리한다. 해당 훅은 초기값을 받아서 [state, setState] 의 배열을 반환하며 [상태, 상태 변경 핸들러] 로 보면 된다. 함수형 컴포넌트는 렌더가 필요 할 때마다 함수를 재호출 하는데 렌더링은 곧 함수 호출이다. 함수가 재호출 되었을때 이..
React
2023. 9. 25. 17:46