입문

Flutter의 설계 철학

Everything is a widget, 선언형 UI, 빠른 피드백 루프가 Flutter 개발 경험의 핵심입니다.

개념 먼저 보기

Flutter의 설계 철학의 기본 개념부터 잡기

Flutter의 설계 철학 문서는 먼저 용어의 뜻을 잡고, 그 다음 Flutter 코드에서 어디에 쓰이는지 연결해서 읽는 것이 좋습니다.

아래 항목들은 이 문서에서 다루는 내용을 작은 단위로 나눈 것입니다. 각 항목을 읽은 뒤 예제를 보면 코드가 훨씬 덜 추상적으로 느껴집니다.

종류별로 하나씩

텍스트, 여백, 정렬, 화면, 앱 설정까지 대부분을 위젯으로 표현합니다.

언제 쓰나: 작은 위젯을 조합해 큰 화면을 만들기 때문에 재사용과 분리가 쉬워집니다.

Flutter에서: 위젯은 화면을 직접 변경하기보다 현재 상태에 맞는 UI 설명을 반환합니다.

// Flutter의 설계 철학 예제입니다.
// 먼저 코드의 큰 흐름을 보고, 주석을 따라 각 줄의 역할을 확인하세요.
const Text('Hello Flutter');

Hot reload는 코드 수정 결과를 빠르게 확인하게 해 줍니다.

언제 쓰나: 선언형 UI는 상태가 바뀌면 화면 설명을 다시 계산하는 방식입니다.

Flutter에서: 성능 문제는 추측보다 DevTools로 측정하며 접근하는 것이 좋습니다.

// Flutter의 설계 철학 예제입니다.
// 먼저 코드의 큰 흐름을 보고, 주석을 따라 각 줄의 역할을 확인하세요.
const Text('Hello Flutter');

부연 설명

부연 설명

Flutter의 설계 철학 문서는 Flutter 앱을 만들 때 반복해서 마주치는 개념을 독립적으로 정리한 페이지입니다. 먼저 용어의 의미를 잡고, 그 다음 실제 코드에서 어디에 배치되는지 연결해 보면 학습 속도가 빨라집니다.

이 주제는 단독으로 외우기보다 앞뒤 문서와 함께 보는 것이 좋습니다. 예를 들어 문법 주제는 위젯 코드에서 어떻게 드러나는지, 배포 주제는 실제 앱 운영 흐름에서 어떤 결정을 요구하는지 함께 확인하세요.

아래 예제는 이 문서의 핵심 개념을 실제 프로젝트에서 작은 단위로 적용하는 형태입니다.

const Text('Hello Flutter');

위젯 트리 개념 이해명령형 UI와 선언형 UI 차이 설명hot reload와 hot restart 차이 구분

가장 작은 위젯

const Text('Hello Flutter');