250x250
반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

개발자 수니

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

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
반응형

'Flutter' 카테고리의 다른 글

[Flutter/Widget] Spacer, Padding, Image, Expanded, SizedBox  (0) 2022.02.13
[Mac/AndroidStudio/Flutter] 단축키 모음  (0) 2022.02.13
[Flutter] pubspec.yaml  (0) 2022.02.02
[Flutter] Dart 표기법  (0) 2022.01.27
[Flutter] 플러터 이해하기  (0) 2022.01.17
Comments