일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- IOS
- 자바스크립트 자료구조
- javascript
- 스위프트
- 리액트
- hokidoki
- 리액트 예제
- 힛잇
- 계명대 이종호
- react
- 계명대
- 호키스
- SWIFT
- 호키도키
- 비동기
- 자료구조
- data structure
- Hitit
- Svelte
- hokeys
- 자바스크립트
- 스벨트
- queue
- HTML
- TDD
- jest
- 이종호
- 개발
- 개발자
- 자스민
Archives
- Today
- Total
목록React 공부 (1)
Dog foot print
useState 조금 더 자세히 사용해보기
컴포넌트내에서의 상태 갱신 React를 접하는 이들이 가장 먼저 사용해보는 컴포넌트의 상태를 관리하는 Hook이다. 아래의 간단한 코드를 보자. 아래의 예제는 두개의 버튼을 두어, numb라는 값을 1씩 증가시키거나, 감소시킨다. import React from 'react' export default function App() { let numb = 0; return ( {numb} { numb += 1 console.log(numb) }}> Increase { numb -= 1 console.log(numb) }}> Decrease ) } 아래는 결과이다. 우리는 화면에 numb가 버튼의 클릭에 따라 갱신되기를 기대했지만, 화면에 갱신은 되지 않지만, 값은 실제로 변하고 있다. 함수형 컴포넌트에서 돔..
REACT
2023. 3. 23. 09:04