이제 본격적으로 Dart 문법을 공부해보겠습니다.
아래 동영상을 클릭하시면, 완전 기초 1단계 "Hello World" 를 화면에 출력하는 방법을 소개해 드립니다.
기존 강좌를 보고싶으신 분들은 아래 '연재내용' 리스트를 참고해 주세요.
🚩 연재 내용
1. 모바일앱 개발을 위한 최신 기술 소개
2. Dart 언어를 배워야 하는 5가지 이유 !!!
3. Dart 언어와 Flutter 프레임워크 관계
4. 혼자서 Dart 언어를 독학하는 방법
5. Dart 변수형
6. 'Hello Dart' 화면 출력 (이번글)
우선 개발환경을 구축하려면 또 많은 시간이 소요되니,
Dart 코드문법 실습은 온라인에서 설치없이 간단하게 Dart 코드를 작성하고 실행할 수 있는 "DartPad" 에서 실습해 보겠습니다.
1. DartPad 검색 및 접속
이제 DartPad 도구를 사용하여 가장 기본적인 'Hello Dart' 를 화면출력하도록 해보겠습니다.
DartPad를 통해 우리는 별도의 개발 환경 설정 없이도 바로 코드를 작성하고 결과를 볼 수 있습니다.
검색창에서 'dartpad' 를 입력합니다.
첫번째, DartPad 사이트를 클릭합니다.
DartPad 에 접속하셨다면, 편집기에 있던 기본 코드를 모두 지우고, 새로운 코드를 입력할 준비를 해주세요.
이제 간단한 출력 명령어를 작성해보겠습니다.
2. Print 함수를 이용한 화면출력
DartPad 편집기에 아래 코드를 입력합니다.
이 코드는 다트 언어의 기본적인 함수인 `main`함수를 정의하고 있으며, 프린트 함수를 사용하여 'Hello Dart'라는 문장을 콘솔에 출력합니다.
코드 입력이 완료되면, 화면 상단의 파란색 런버튼을 클릭해보세요.
이 버튼은 우리가 작성한 코드를 실행하고, 오른쪽의 출력 창에 결과를 표시해 줍니다.
이렇게 간단한 한 줄의 코드로 다트 코딩의 첫걸음을 내딛게 됩니다.
이번 예제를 통해 기본적인 다트코드의 작성과 실행 방법을 익혔습니다. 다음 시간에는 다트의 변수, 반복문, 함수 등 좀 더 복잡한 문법 구조에 대해 알아보도록 하겠습니다. 끝까지 시청해주셔서 감사합니다.
'IT코딩-트렌드 > Flutter & Dart (모바일앱개발)' 카테고리의 다른 글
Dart & Flutter 강좌 #5 변수형 (1) | 2023.09.05 |
---|---|
Dart & Flutter 강좌 #4 - 혼자서 Dart 언어를 독학하는 방법 (0) | 2023.05.30 |
Dart & Flutter 강좌 #3 - Dart 언어와 Flutter 프레임워크 관계 (0) | 2023.05.29 |
Dart & Flutter 강좌 #2 - Dart 언어를 배워야 하는 5가지 이유 !!! (0) | 2023.05.29 |
Dart & Flutter 강좌 #1 - 모바일앱 개발을 위한 최신 기술 소개 (0) | 2023.05.29 |