Dart&Flutter 기초 (1) - Dartlang

Dart logo

Dart&Flutter?

 

Dart는 Python, JavaScript, C/C++ 등과 같은 하나의 프로그래밍 언어이다.

Flutter는 프로그래밍 언어가 아니다. Dart언어를 사용하는 '프레임워크'이다. Dart언어로 UI/UX 개발 및 앱 개발을 가능하게 한다.

 

Dart 언어를 사용하는 개발자의 연봉은 최하위권에 속한다.

하지만 매년 20%씩의 성장세를 보이는 언어이기 때문에, 가파른 성장세에는 그 이유가 있기 마련이다.

 

Fullstack developer에게 Dartlang을 권하는 이유

 

1. 배우기 쉽다. 현직 개발자 기준 2주 안에 실제 사용 가능한 수준의 개발을 할 수 있다.

2. AdobeXD, Figma와 같은 툴로 UI/UX와 개발이 통합된다. 간단한 디자인으로 Mockup을 만들 수 있고, 코드로 자동 변환 가능하다.

3. Flutter와 함께라면 OS를 넘나드는 개발이 가능하다. IOS, Android, MacOS, Windows, Linux 그리고 Web 개발을 한큐에 해결.

4. 기존에 사용하고 있는 언어 모듈을 불러올 수 있다. (Phyton이 지향하던 'glue language'의 역할을 더 잘 보여준다.)

5. 최근 출시되는 여러 프로그램들이 Flutter 프레임워크를 지원한다.

 

https://dart.dev

Dart programming language

(Dart언어의 공식 웹사이트)

 

모든 프로그래밍 언어의 공식 웹사이트에는 기본적인 가이드와 유용한 자료들이 많다. Dart도 마찬가지.

방대한 양의 지식이 있지만, 정리가 나름 잘 되어있는 편이다.

코딩을 할 때, 필요한 변수 및 메서드를 찾을 때 유용하다.

업데이트가 꽤 자주 되니 새로운 기능들은 주기적으로 들어가서 공부해줘야 한다.

 

Dartpad를 이용하여 개발환경 구축하기

https://dartpad.dev

DartPad

 

Dartpad라는 사이트에 접속하면 Dart언어를 체험해 볼 수 있다.

요즘 대부분의 언어들이 웹 브라우저에서의 간단한 개발환경 구축을 지원한다.

컴퓨터나 VM(Virtual Machine)이 아닌 서버에서 컴파일 및 빌드가 진행되기 때문에 인터넷 속도의 영향을 받는다.(기본적으로도 느리다)

위와 같이 Dartpad에 들어가면 기본 샘플이 하나 주어진다. 우측 상단의 Run을 누르면,

 

이런 식의 반복문이 출력되는 것을 확인할 수 있다.

 

코드를 자세히 살펴보면, 달러표시($)를 제외하고는, Python 및 C/C++과 동일하다고 볼 수 있다.

 

기본적으로, main()함수의 중괄호에 감싸여져 있는 코드를 실행 시킨다.

main 함수 외에서는 main 함수에서 쓰일 함수 및 각종 객체를 정의하게 된다.

 

그래도 Dart언어 첫 코딩이니, 위의 코드를 살짝 바꾸어서 헬로 월드는 출력하고 넘어가보자.

Hello, World

 

 

웹 위에서의 dartpad라고 해도 놀랍게도 실시간으로 오류를 잡아준다.

정말 큰 코드만 아니라면 굳이 Visual Studio를 사용하지 않아도 된다...

 

2024.03.12 - [Dart&Flutter] - Dart&Flutter 기초 (2) - 함수(functions)

Dart&Flutter 기초 (2) - 함수(functions)