1. Widget이 무엇인지

Flutter에서는 모든 것이 Widget이다.

React에서 모든 UI가 Component인 것처럼, Flutter에서는 모든 UI가 Widget이다.

React

function App() {
  return (
    <div>
      <button>클릭</button>
    </div>
  );
}

Flutter

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        ElevatedButton(
          onPressed: () {},
          child: Text('클릭'),
        ),
      ],
    );
  }
}

여기서 모두 Widget이다.

• App
• Column
• ElevatedButton
• Text

심지어 화면을 배치하는 요소도 Widget이다.

예를 들어

Padding(
  padding: EdgeInsets.all(16),
  child: Text('Hello'),
)

여기서는

• Padding도 Widget
• Text도 Widget

이다.

React에서는