Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- REACT
- Props
- addEventListener
- HTML
- frontendstudy
- this 객체
- typeScript
- 메소드 실행
- 이벤트핸들링
- FrontendStydy
- promise
- 배열
- useState
- 자바스크립트
- callback함수
- 렌더링
- 이벤트
- webProject
- JavaScript
- try.. catch
- Frontend Study
- CSS
- 비동기함수
- useRef
- 함수 실행
- 리액트
- 컴포넌트
- input
- 배열메소드
- DOM
Archives
- Today
- Total
목록화살표 함수 (1)
이다닷
[React] Day 10 - useState
➡️ +1, -1 을 수행하는 코드 만들기 시작화면 우선 +1, -1 버튼을 클릭했을때 특정 문구를 뜨게한다. Counter.js import React from 'react'; function Counter() { const onIncrease = () => { SVGAnimatedNumber() } const onDecrease = () => { console.log("-1"); } return( 0 +1 -1 ); } export default Counter; 결과사진 이렇게 버튼이 잘 클릭되는걸 확인할 수 있다. 📌여기서 화살표 함수를 이용하는 방법을 배워볼 수 있다. const 함수명 = (변수) => { return 리턴값; }; 그리고 우리가 하고싶은 동작을 함수로 실현시킨다. 📌컴포넌트에서..
React
2023. 9. 11. 14:19