Flutter

[Flutter] Dart, Flutter 코드 작성/실행 (DartPad)

개발자 수니 2022. 1. 27. 23:10
728x90
반응형

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다.

 

 

📌  이번 글은

Dart, Flutter 코드를 작성하고 실행해볼 수 있는 DartPad 사용법입니다.

 

DartPad

웹에서 Dart와 Flutter 코드를 작성하고 실행할 수 있습니다.

 

DartPad

 

dartpad.dev

DartPad의 첫 화면입니다.

 

Flutter 작성/실행

New Pad 선택

Flutter > Create 선택

Run 선택하여 실행

배경색, 텍스트 수정해서 Run

아직 언어를 잘 모르지만 한번 수정해봅니다.

 

Dart 언어 작성/실행

New Pad 선택

Dart > Create 선택

HTML은 비활성화 

Run 선택하여 실행

 

 

 

 

🙋🏻‍♀️ 참고

최주호, 정호준, 정동진 공저, ⌜모두가 할 수 있는 플러터 UI 입문⌟, 앤써북(2021), p51-p54

 

728x90
반응형