평범한 이야기들

[Flutter] Dart, Flutter 연습하기 - dartpad.dev 본문

평범한 개발 이야기/Flutter

[Flutter] Dart, Flutter 연습하기 - dartpad.dev

songsariya 2022. 2. 9. 12:18
728x90

Flutter는 dart란 언어를 이용해 만들어야 합니다. dart란 언어는 아래와 같이 설명을 해주고 있습니다.

 

 구글이 멀티 플랫폼 상에서 동작되도록 하는 앱을 위해 디자인된 프로그래밍 언어. 다트는 2011년 10월에 공개되었다. 기본적으로 C언어의 문법과 거의 같으며 Java, C#, Javascript와 같은 기능적 스트럭쳐를 추가한 언어로, 언급된 언어보다 간결하고 강력한 기능을 지원한다. 모바일, 데스크톱, 서버, 웹 앱 용도에 사용된다. Dart는 DVM(Dart VM)상에서 동작하거나 네이티브 컴파일링을 통해 모바일, 데스크톱, 웹브라우저, 서버 플랫폼 상에서 애플리케이션 실행을 지원하고 있다. Dart 프로젝트의 목적은 구조적이지만 유연하고 프로그래머들에게 자연스럽고 다양한 종류의 기기에서 동작되도록 하는 것이다. 구글에서 2017년 발표한 크로스 플랫폼 앱 프레임워크인 Flutter가 이 언어를 사용하고 있다.  - 나무위키

 

그래서 Flutter를 사용하기 위해선 Dart란 언어를 이용해야 하는데 이 언어와 함께 Flutter를 쉽게 웹에서 테스트할 수 있는 사이트가 있습니다. 

 

DartPad (https://dartpad.dev)

해당 사이트에 접속을 하면 아래와 같이 나옵니다.

여기서 간단한 dart 언어를 연습하실 수 있습니다. 왼쪽에는 dart소스코드를 입력하시고 Run 버튼을 클릭하시면 해당 프로그램이 실행돼서 우측에 보입니다.

 

이 사이트의 장점은 더 있습니다. 바로 Flutter도 샘플링해서 볼 수 있다는 점입니다.

우측 상단에 있는 Samples를 클릭하시면 메뉴가 나오게 됩니다. 해당 메뉴를 클릭하면 flutter의 샘플 소스가 입력되고 실행하실 수 있습니다. 가장 기본 샘플인 Counter를 선택해서 실행했습니다. 정상적으로 실행되는 모습을 볼 수 있습니다.

이 외 다양한 샘플이 존재하기 때문에 dart를 공부하시는 초반에 이용을 하시면 도움이 상당히 될 것으로 보입니다.

 

728x90
Comments