Dart 프로그래밍 기초 - #1. Hello World!
Dart란?
Dart는 구글에서 만든 프로그래밍 언어로, Flutter 프레임워크로 개발을 할 때 사용하는 주 언어입니다. Dart 언어에 대해서 깊게 들어간다면 매우 방대한 양을 공부해야 하지만, 주로 Flutter를 사용하기 위한 기초적인 내용에 대해서 다루도록 하겠습니다.
Dart는 공식 문서에서도 소개하고 있듯이 매우 높은 생산성으로 개발할 수 있도록 하는 목표에 초점을 맞춰진 언어입니다. 다양한 기기에서 작동할 수 있도록 런타임 플랫폼을 함께 제공하고 있으며, 대표적인 것이 Flutter입니다. Android, iOS, Windows, macOS, Linux, Web과 심지어 IoT까지도 커버가 가능합니다. 이제 아이디어만 있다면 플랫폼의 제약 없이 애플리케이션을 만들 수 있는 시대가 되었고, Dart와 Flutter를 학습하시는 것이 그 출발점이 될 것입니다!
Dart code를 작성하기 위한 준비
설치 없이 가볍게 시작하고 싶다면, https://dartpad.dev/ 라는 웹페이지를 활용하실 수 있습니다만 다소 제약사항이 있습니다. 여기에 접속해서 예제를 따라 쓰는 것만으로도 Dart 기초를 공부하는데는 아무런 지장이 없습니다.
Flutter SDK를 직접 설치한다면, Flutter 홈페이지(https://docs.flutter.dev/get-started/install)를 통해 설치를 하시면 됩니다. VSCode나 Android Studio에서 Dart를 실행할 수 있습니다. 혹은 Windows의 명령프롬프트, MacOS의 Terminal과 같은 Command Line Interface를 통해서도 실행할 수 있습니다. 강의에서는 VSCode를 활용하려고 합니다.
내가 편하게 느끼는 환경에서 하나씩 하나씩 앞으로 나아가주시길 바랍니다. 앞으로의 강의는 여러분이 꼭 직접 타이핑을 하시면서 들으시는 것을 추천드립니다. 프로그래밍 분야에는 '백문이불여일타'라는 말도 있듯이 직접 써볼 때에 더 빨리 내 것이 됩니다.
Hello World!
첫 강의는 'Hello World'를 출력하는 것입니다. 다른 프로그래밍 언어의 경험이 있으시다면 항상 첫 번째 시간은 'Hello World'를 출력해 보셨을 겁니다. Dart의 문법대로 프로그래밍을 해서 화면에 'Hello World'라는 문장을 출력하시면 됩니다. DartPad를 열어서 아래와 같이 코드를 작성해 주세요.
DartPad에서 왼쪽 창에 코드를 작성하고 ▶️ Run 버튼을 눌러주세요. 그러면 오른쪽 창과 같이 실행 결과를 볼 수 있게 됩니다.
VSCode라면 아래와 같이 helloworld.dart라는 파일을 생성하고, main함수를 작성하면 위에 Run | Debug 버튼이 생성되는 것을 보실 수 있을 것입니다. Run을 누르시면 아래 DEBUG CONSOLE에서 실행 결과를 보실 수 있습니다.
위와 같이 실행 결과가 정확하게 잘 나오고 있나요? 축하합니다. 이제 막 여러분의 첫 Dart 코드를 완성하셨습니다. 앞으로 Dart와 Flutter를 배워서 더욱 즐거운 여정을 함께 해나갈 수 있었으면 좋겠습니다.
만약 실행 결과가 제대로 나오지 않는다면, 짧은 코드 내에 오타가 있지는 않은지 검사를 해보시는 게 좋을 것 같습니다. 아래 그림처럼 괄호를 제대로 닫지 않거나 semicolon(;)으로 코드를 제대로 끝마치지 않았다면 아래에 친절하게 설명을 해주니 Guide에 따라서 코드를 수정하시면 될 것 같습니다.
우리가 작성한 간단한 코드가 어떠한 것을 하고 있는지 한 번 살펴봅시다.
main 함수
dart에서 실행되는 모든 앱은 최상단에 main 함수가 정의되어 있어야 하고, dart는 이를 실행하게 됩니다.
void main() { ... }
우선 어떠한 문자뒤에 "()"가 붙어 있다면 이를 함수라고 지칭합니다. 함수는 '어떠한 작업을 처리하기 위해 미리 작성해 둔 코드의 조각'입니다. { } 로 감싸져 있는 구문들이 흐름에 따라 실행됩니다. main() 앞에 붙어 있는 것은 return type, 반환 타입이라고 합니다. 함수는 실행을 마친 뒤에 어떠한 값을 호출한 쪽에 반환할 수 있습니다. 어떠한 값을 반환한다면 return 이라는 키워드와 함께 반환하고 싶은 값이나 참조값을 넘길 수 있습니다.
'void'는 아무 것도 반환하지 않는다는 것을 나타내는 키워드입니다. 그래서 main() 함수 내에서는 아무런 것도 반환하지 않고 있습니다.
print 함수와 파라미터
print 함수는 프로그램을 실행하는 콘솔에서 결과값을 보여주는 역할을 하는 함수입니다. 그렇다면 어떠한 것을 출력할지 함수를 호출하면서 알려줘야 할 텐데요, 이걸 파라미터라고 합니다. 이번에는 "Hello World"를 파라미터로 해서 호출을 해보았고, 그에 맞게 콘솔에서 확인을 할 수 있게 되었습니다!
프로그래밍이 처음이시라면, 함수에 대해서는 나중에 더 깊게 다룰테니 현재는 익숙해지는데 의의를 두시면 좋을 것 같습니다 :)
정의 확인하기
print()는 dart가 기본으로 제공하는 내장 함수인데요, print 함수 위에 커서를 가져가면 해당 함수가 어떻게 정의되어 있는지 확인할 수 있습니다.
(Ctrl/Cmd + Click을 하면 실제 정의되어 있는 문서로 넘어갈 수 있습니다.)
dartpad에서도 커서를 이동한 후에 (?) 버튼을 누르면 정의된 내용을 확인할 수 있습니다.
