일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- queue
- 호키스
- Svelte
- 개발
- TDD
- hokeys
- 자스민
- 계명대 이종호
- react
- 스위프트
- 자료구조
- 이종호
- Hitit
- IOS
- 자바스크립트 자료구조
- 비동기
- 자바스크립트
- HTML
- data structure
- jest
- 호키도키
- 스벨트
- 리액트 예제
- 리액트
- javascript
- 계명대
- 힛잇
- SWIFT
- hokidoki
- 개발자
Archives
- Today
- Total
목록프론트엔드 공부 (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