일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 브루트포스
- poiemaweb
- three.js
- HTML5
- 백준
- 자바
- JavaScript
- 회고
- 코딩일기
- State
- react-three/fiber
- styled-components
- 자바스크립트
- 토이 프로젝트
- 오블완
- 모던 자바스크립트 튜토리얼
- REACT
- js
- 기본 문법
- 수학
- 엔트리포인트
- 해시를 사용한 집합과 맵
- 자료 구조
- 구현
- 세그먼트 트리
- Next.js
- 시뮬레이션
- 프론트엔드
- 개발 회고
- 티스토리챌린지
Archives
- Today
- Total
목록onclick (1)
코딩하는 고릴라

1. useState 임포트 import { useState } from 'react' 2. state 선언 - title : state를 사용할 때 쓸 변수명 - setTitle : state의 상태를 바꿀 때 사용 - JS의 destructuring 문법을 활용함 - 위 사진처럼 코드가 짜여져 있을 때, destructuring에 의해 a에 1, b에 3이 저장 3. state를 사용하는 이유 - state에 변동사항이 발생하면 html이 자동으로 재 렌더링해 갱신된 값이 화면에 출력 - 자주 변하는 값을 state에 저장하면 용이함 - vue의 ref() 같은 느낌이 있다. 4. state 변경하는 방법 - destructuring으로 꺼낸 state 변경 함수를 사용 5. 버튼 눌렀을 때 함수를 ..
React
2023. 11. 6. 22:10