웹 개발

VSCode로 Dart 시작하기

쿠키는 서비스 2023. 10. 22. 16:19
반응형

더 늦기 전에 flutter 개발에 탑승하기 위해 Dart를 학습하기로 마음먹었다.

flutter를 배우기 전에 Dart를 배우는 것이 중요한 이유는 나중에 결국 2가지 다 공부해야되기 때문이다.

Dart의 주요 특징으로는

1) 정적 타입 언어

변수의 데이터 타입을 명시적으로 선언하고 컴파일할 때 타입 검사를 수행한다. 빠른 버그 픽스 가능.

2) 객체 지향 프로그래밍

클래스, 상속 사용 지원

3) JIT 및 AOT 컴파일러

Dart는 Just-In-Time(JIT)컴파일러와 Ahead-Of-Time(AOT)컴파일러를 지원한다.

JIT컴파일러는 개발자를 위한 빠른 개발과 디버깅을 가은하게 한다. AOT컴파일러는 프로덕션 환경에서 빠른 실행 성능을 제공한다.

4) 빠른 실행 속도

Dart는 빠른 실행 속도를 자랑하기 때문에 Flutter와 같은 UI 프레임워크를 사용할 때 유리하다.

5) Flutter 프레임워크

Dart는 Flutter 크로스 플랫폼 모바일 앱 개발 프레임워크의 주 언어로 사용된다. 하나의 코드 베이스로 IOS, Android 및 웹 개발이 가능하다.

 

이 정도가 있다. 3번~5번에 대해 학습하는게 관건이 될 것 같다!

어느 정도 감이 오면 이 부분에 대해서도 따로 정리를 해봐야겠다.

만약 React개발자들이 React를 개발하다 더 빠른 React 성능을 기대하기 위해서 JS를 바꿀 수 없다.

하지만 Flutter개발자들은 Flutter를 개발하다가 성능 개선을 위해 Dart를 바꿀 수 있다. 구글 자체 제작이기 때문에 이런 곳에서 시너지효과가 난다. 이 부분도 염두해서 공부해봐야겠다.

 

일단 main.dart파일을 작성해주고 hello world를 출력해보자.

간단하게 dart 체험을 해보고 싶으면 공식 홈페이지의 Try Dart를 클릭해서 아래의 url에 접속해서 사용가능하다.

https://dart.dev/#try-dart

 

$ brew tap dart-lang/dart
$ brew install dart

터미널에서 dart를 설치해주고 vscode에서도 dart를 검색해서 설치해주었다.

이제 VSCode를 종료했다 다시 켜줄 차례!

Run과 Debug 버튼이 생긴 것을 발견할 수 있다.

클릭해주면 디버그 콘솔에서 hello world가 잘 출력되는 것을 확인할 수 있다.

 

반응형