[개발 일기] 2025.06.27 - Stateful과 Stateless의 차이

💡 개요

Flutter에서 StatefulWidget과 StatelessWidget이 밥 먹듯이 나온다.

오늘은 이 둘의 차이를 확실하게 알고 넘어가자.

StatefulWidget은 이름 그대로 상태(State)를 가지고 있는 위젯이다.

그렇다면 여기서 말하는 ‘상태’란 무엇일까?

‘상태’란 UI에 표현되는 데이터나 값의 변화를 의미한다.

이 상태가 변경되면, 해당 위젯도 함께 다시 그려지면서 변화된 내용을 반영하게 된다.

즉, 상태가 변할 때마다 UI도 함께 업데이트되는 위젯이 바로 StatefulWidget이다.

그렇기 때문에, 사용자와의 상호작용을 통해 변화가 생기는 경우(예: 버튼 클릭, 입력값 변경 등)에는 StatefulWidget을 사용하게 된다.

StatelessWidget은 위와 반대로, 상태를 가지지 않는 위젯이다.

즉, 한 번 그려진 후에는 내부 데이터가 변해도 UI가 다시 그려지지 않는다.

→ 백엔드에게 요청을 받은 후, 한번만 최신화하면 되는 경우

이러한 특성 때문에, 항상 동일한 UI를 출력하는 정적인 화면 구성에 주로 사용된다.

예를 들어, 단순한 텍스트나 아이콘처럼 변하지 않는 요소들은 StatelessWidget으로 충분히 구현할 수 있다.