| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- ChatGPT
- react-hook-form
- AWS
- 워드프레스
- firebase
- 데이터베이스
- 구글알고리즘
- 리액트오류
- post
- Polylang
- useContext
- keyof
- Omit
- SEO
- useEffect
- 구글애널리틱스
- GA4
- JPA
- 구글
- Thymeleaf
- @Query
- GET
- 플러그인
- AI
- Login
- S3
- router
- useState
- @Entity
- particial
- Today
- Total
목록useState (2)
개발자일지
useState란?useState는 컴포넌트 내부 상태(state)를 관리하기 위한 Hook이다.상태(state)란 다음과 같은 데이터를 의미한다.시간이 지나면서 변경되는 값값이 변경되면 화면(UI)도 함께 업데이트됨useState는 값이 변경되면 화면도 함께 업데이트되도록 만드는 React의 상태 관리 기능이다. useState 기본 사용법useState의 기본 사용법은 함수형 컴포넌트 내부에서 상태를 선언하고, 해당 상태를 변경하는 함수를 함께 사용하는 구조이다. useState를 호출하면 배열 형태로 값이 반환되며, 첫 번째 요소는 현재 상태 값이고 두 번째 요소는 상태를 변경하는 함수이다. 초기값은 useState(초기값) 형태로 전달한다. 이후 상태를 변경할 때는 직접 값을 수정하는 것이 아니..
state 개념 정리리액트의 state는 컴포넌트의 동적인 데이터를 관리하는 객체로, 시간에 따라 변할 수 있는 상태를 나타낸다. state가 변경되면 리액트는 자동으로 해당 컴포넌트를 다시 렌더링하여 UI를 최신 상태로 유지하므로, 사용자 입력, API 응답, 타이머 등 변화하는 데이터를 효율적으로 관리할 수 있다. 리액트의 변수에는 일반변수와 state 변수가 있는데 변수 값을 직접 변경하는 일반 변수와는 달리 state 변수는 setState 또는 useState를 사용해 변경할 수 있다.일반 변수는 값을 변경해도 UI가 자동으로 업데이트 되지 않지만 state 변수는 값을 변경하게 되면 리액트가 자동으로 UI를 다시 랜더링한다. 이는 리액트가 직접 state 변수 상태를 관리하기 때문이다. 그래서..