콘솔에 출력하기

Coddy Flutter 여정의 앱에 상호작용 추가하기 섹션에 포함된 레슨. 34개 중 2번째.

버튼을 탭하면 눈에 보이지 않는 코드가 실행됩니다. print는 이를 확인할 수 있게 해 줍니다. 휴대폰 아래에 있는 패널인 Console에 텍스트 한 줄을 씁니다.

ElevatedButton(
  onPressed: () {
    print('Button pressed');
  },
  child: Text('Press me'),
)

중괄호 안에 있는 각 코드 줄은 세미콜론 ;으로 끝납니다. 버튼을 세 번 탭하면 Console에 Button pressed가 세 번 표시됩니다.

앱을 사용하는 사람은 Console을 보지 못합니다. Console은 여러분을 위한 것입니다. 무언가 제대로 작동하지 않을 때 print를 사용하면 코드가 실행되기라도 했는지 알 수 있습니다.

챌린지

쉬움

Say hi 버튼을 누를 때마다 Hi there!를 출력하도록 만드세요. 버튼을 몇 번 눌러 보고 콘솔을 확인하세요.

직접 해보기

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {},
            child: Text('Say hi'),
          ),
        ),
      ),
    );
  }
}