Dart - 01. 기본적인 문법 파악하기

안녕하세요 CodeGrip입니다
Dart 언어에 대해 글을 작성해보도록 하겠습니다 🎯
자바스크립트(js), 타입스크립트(ts)와 문법이 비슷해서
해당 언어를 숙지하신 분들은 좀 더 쉬우실 겁니다 ._.

또한, 객체지향프로그래밍(OOP)에 대한 개념이 있으시다면
어려운 내용도 잘 이해하실 수 있을겁니다 :)

---

Dart 개발 환경

별도의 키트 설치나 환경 세팅 없이도
Dart 코드를 작성할 수 있는 훌륭한 친구가 있습니다 :)

https://dartpad.dev/

DartPad

 

DartPad를 켜보면 다음과 같이 3개의 구역으로 나눠져 있을거에요

좌측은 저희가 가장 많이 쓰게될, Dart코드를 작성하는 곳이에요
우측 상단은 콘솔창으로, 출력값이 나오거나 입력을 할 수 있어요
우측 하단은 문서창으로, 코드에 마우스를 갖다대면 타입과 간단한 설명이 나옵니다

 

기본 문법

기본적으로 실행시킬 코드는 main 함수 안에 작성하셔야 합니다
예시로 보여드리는 코드블록에는 편의상 void main(){}을 생략하도록 하겠습니다 :)
DartPad를 임베딩 하였으니, 실제로 동작하는지 확인하면서 공부하면 좋습니다 >_<

출력하기

print('Hello World!');

파이썬처럼 print( ) 안에 출력할 내용을 입력하면 됩니다 :)
단 세미콜론(;)을 잊으면 안됩니다 ._.

 

(아래 DartPad가 작동하시지 않는 분은 애드블락을 비활성화 시켜주세요...!)

 

---

타입

기본 타입

// var : 자동으로 타입 지정
var name1 = '코드그립';

// int, double, bool, String 타입
int number1 = 5;
double number2 = 5.0;
bool flag = true;
String name2 = '코드그립';

자바스크립트처럼 var타입을 쓰면 자동으로 타입 지정이 됩니다

자바스크립트는 var, let 등을 사용하여 타입 명시를 하지 못하는 반면,
다트는 int, double, bool, String 타입과 같이 타입 명시가 가능합니다...!!

반면, 문자열 타입인 String은 대문자로 시작하니 작성할 때 헷갈리지 않도록 해요 ._.

---

타입 확인

 

그렇다면 변수 선언(초기화) 시에는 타입을 작성하는데, 나중에 이 변수가 어떤 타입인지 궁금할 수 있겠죠?

name1.runtimeType

위와 같이 dot operator(.)로 runtimeType이라는 메소드를 호출해줍시다

그러면 해당 변수의 타입이 출력될 겁니다 ._.

---

다이나믹 타입
(선택사항)
한 발자국만 더 깊게 들어가 보겠습니다
기존에 var타입은 자동으로 타입 지정이 된다고 말씀드렸었죠
그렇다면 다음과 같이 "선언과 대입의 타입 불일치"가 가능할지 생각해봅시다

// 변수 선언: String 타입
var name1 = '코드그립';

// 변수 대입: int 타입
name1 = 5;

해보셨나요? 안타깝게도 var 타입은 최초에 선언하면 해당 타입으로 고정(fix) 됩니다
이러한 var타입 보다 더 유동적인 타입이 있습니다. 바로 다이나믹 타입인데요

// 변수 선언: String 타입
dynamic name1 = '코드그립';

// 변수 대입: int 타입
dynamic number = 5;

String 타입이였던 name1에 5를 대입하였더니, 타입이 다이나믹하게 변하는 걸 볼 수 있습니다
이렇게 관대하게 허용해주는 var, dynamic을 좋아하시는 분도 계실 수 있는데요
실제로는 엄격하게 타입을 관리해주는 것이 개발자 입장에서 좋습니다
타입 불일치는 곧잘 예기치 못한 런타임 에러로 이어지는 경우가 많거든요.. ㅠ_ㅠ

 

 

 

---

NULL

null은 깍두기라고 생각하시면 좋아요. 벽을 뚫고 다니는 유령👻같은 존재입니다..
어떤 변수가 nullable하다면 해당 변수의 타입이 아닌 null이라는 값을 대입할 수 있어요..!!

알아두셔야 할 것이, Dart 2.12버전부터 null safety🔒 기능이 도입되었습니다
따라서 모든 타입이 non-nullable로 설정되었습니다

그래도 저희는 null을 다루는 방법에 대해서 알아야겠죠?

nullable

// String 타입 변수 선언 후 nullable화
String? name3 = '코드그립';

// String 타입 변수에 null 대입
name3 = null;

위와 같이 타입명 뒤에 ?을 붙이게 되면 해당 변수는 null을 대입할 수 있는 nullable 상태가 됩니다

---

non-nullable

// String 타입 변수 선언 후 nullable화
String! name4 = '코드그립';

// String 타입 변수에 null 대입했지만... 될까?
name4 = null;

반대로 타입명 뒤에 !을 붙이게 되면 해당 변수는 null을 대입할 수 없는 non-nullable 상태가 됩니다
개인적으로 null이 사용되는 것을 싫어하는지라, dart의 null-safety정책은 매우 환영할만 하네요 :)

 

null 처리

// null이면 우측 값으로 변경해라
number ??= 5.0;

변수가 null값이라면 =기호 좌측에 ??를 붙여서 원하는 값으로 변경할 수 있습니다 ._.

---

상수화

변수 선언(초기화)하고 앞으로 값을 변경하고 싶지 않은 경우엔 어떻게 할까요?

그럴때 저희는 변수 선언 앞에 final, const을 붙여 상수화 시킬 수 있어요!

// final로 상수화
final String name1 = '코드그립';

// const로 상수화
const String name2 = '코드그립';

그렇다면 final과 const 기능이 똑같은데 어떤 차이가 있는지 궁금하시지 않나요?

final은 const와 달리 빌드 타임을 알고 있지 않아도 됩니다
반면, const는 언제 실행할지 정확한 시간을 알아야 하므로 빌드 타임을 알아야 합니다

final이 const에 비해 더 유연하다고 볼 수 있겠네요 ._.

 

tmi) final, const 뒤의 타입을 생략하면 자동으로 var타입으로 지정됩니다

 

---

이렇게 'Dart - 01. 기본적인 문법 파악하기' 를 마치겠습니다.

Dart를 학습하는데 조금이나마 도움이 되셨으면 좋겠습니다.
다음 강의는 Dart - 02. 조건문과 반복문으로 찾아뵙겠습니다 :)

감사합니다~