[Dart] 다트언어의 이해, 필요성 및 온라인 도구 사이트

다트(Dart)의 개념

플러터(Flutter)를 이용해서 앱을 개발하기 위해서는 다트(Dart)라는 구글이 만든 프로그래밍 언어를 사용해야 합니다. 다트는 현재 ECMA표준[1](Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말합니다, ECMA는 자바스크립트를 표준화하기 위해서 만들어졌습니다.)이며, 이는 곧 자바스크립트(Javascript)와 유사한 언어라는 것입니다.

 

[Dart] 다트언어의 이해, 필요성 및 온라인 도구 사이트

 

---

다트의 필요성

여기까지 다트에 대한 설명을 하였습니다. 그런데 여기서 의구심을 가질 수 있습니다. 플러터는 왜 기존의 언어를 차용하지 않고 독자적인 언어를 만들었을까라고 말입니다.

 

사실 이 역사는 구글의 지긋지긋한 오라클과의 자바 소송전과 저는 맞닿아 있다 생각하고 있으며, 애플과의 싸움에서 이기기 위해서는 구글이라는 일류 기업이 직접 언어까지 제대로 만들어야 한다는 것에 있습니다. 플러터는 하나의 프로그램으로 모든 OS 및 웹 및 모바일 앱 모두 돌아가는 것을 목표로 하기에 기존의 언어로는 제한이 있기 때문입니다.

 

게다가 구글이 안드로이드를 넘어 차세대 OS로 밀고 있는 퓨시아(Fuchsia)를 위해서는 기존과 다른 언어는 반드시 필요 했습니다. 이러한 목표를 위해서 다트는 다음과 같은 장점을 가지고 있습니다.

 

배우기 쉽다

다트의 장점이라는 것은 바로 기존의 언어와 유사하다는 것에 있습니다. 즉 어느 언어를 다룰 줄 안다면 다트를 배우는데 큰 노력이 들어가지 않습니다.

 

웹 개발 호환성

ECMA 표준이 된 것과 연관되어서 코드를 자바스크립트로 변환할 수 있습니다. 즉, 이로 인해서 웹개발로 전환하기 유리하다는 것입니다.

 

높은 생산성

언어가 쉽고 깔끔하기 때문에 생산성이 높아질 수 있습니다. 게다가 디버깅 역시 매우 쉽습니다.

 

---

다트 언어를 써야 한다는 것에 대해서 이해를 했다면, 이제 다트 언어를 배워야 할 것입니다. 다트 언어는 온라인으로 쉽게 코딩을 할 수 있는 사이트가 제공이 되기에 언제 어디서든 코딩 연습을 할 수 있습니다.

 

다트 코딩 사이트

https://dartpad.dev 

DartPad

https://dartpad.dartlang.org/

DartPad

 

다트를 배우는 온라인 도구가 바로 DartPad인데 위 2가지의 독립적인 URL 모두 제공을 하고 있습니다. 어디서 하든 동일한 결과와 동일한 환경이 제공하니 아무 사이트에서 코딩을 하면 됩니다.

 

Hello World!!

해당 사이트에 들어가면 아래와 같이 이미 for loop 문이 있는 샘플 코드가 보일 겁니다. void main() { } 안에 있는 코드를 싹 지우고 다트를 처음하는 것이니 의식적으로 주문을 외우는 코드인 헬로월드(Hello World)를 짜보도록 하겠습니다.

 

 

print 명령어를 사용하여, Hello World!!를 입력한 후 쌍따옴표 혹은 외따옴표로 묶습니다. 자바에서 외따옴표는 Char 형이지만, Dart는 둘중 어느것을 써도 무방합니다. 코드를 입력하였으면 마지막에 세미콜론을 넣어주면 됩니다. 세미콜론을 넣지 않고 프로그램을 실행하게 되면, 아래와 같은 오류가 발생하니 참고하도록 합니다.

 

세미콜론 없을 시 에러

Error compiling to JavaScript:
Info: Compiling with sound null safety
lib/main.dart:2:24:
Error: Expected ';' after this.
  print("Hello World!!")
                       ^
Error: Compilation failed.

 

이제 Hello World 프로그램을 개발 했으니 본격적으로 다트 언어를 숙달해보도록 하겠습니다. 다만 기존 언어를 모르시는 분들도 있을 수 있기에 설명이 곁들여 진다는 점은 양해바랍니다.

 

다트 포스팅

[Dart] 다트 변수 이해 및 변수 설정

[Dart] 다트 변수 이해 및 변수 설정

 

참고자료

[1] https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8

ECMA스크립트 - 위키백과, 우리 모두의 백과사전