VibeCoding 365 바이브 코딩 사전
상태
영어 표기
State
예시
검색창에서 사용자가 입력할 때 query state를 갱신하고, 결과 요청 중에는 isLoading state를 true로 바꿔 버튼에 로딩 문구를 보여주며 완료 후 결과 목록을 다시 렌더링한다.
사용자 입력, 열림/닫힘 여부, 로딩 상태처럼 시간이 지나며 바뀌고 화면을 다시 그리게 만드는 컴포넌트 내부 데이터이다. props가 바깥에서 들어오는 값이라면 state는 컴포넌트가 스스로 기억하고 갱신하는 값에 가깝다. 바이브 코딩 초보자는 AI가 모든 값을 state로 만들거나 반대로 필요한 state를 빼먹는 코드를 받을 수 있으므로, '바뀌면 화면도 바뀌어야 하는가'를 기준으로 state 여부를 판단하면 좋다.
- 카테고리
- 프론트엔드·UI
- 난이도
- basic
- 태그
- state · React
- 슬러그
- state
- 상태
- published
- 정렬 순서
- 114
함께 읽기