Looking for dart Answers? Try Ask4KnowledgeBase
Looking for dart Keywords? Try Ask4Keywords

dart다트 시작하기


비고

다트 로고

Dart는 Google이 개발 한 클라이언트 및 서버 모두에서 웹 응용 프로그램을 개발할 수있는 오픈 소스, 클래스 기반의 선택적 형식 프로그래밍 언어입니다. 다트의 디자인 목표는 다음과 같습니다.

  • 웹 프로그래밍을위한 구조화되고 유연한 언어를 만드십시오.
  • 다트가 프로그래머에게 익숙하고 자연스럽고 배우기 쉽도록 만듭니다.
  • Dart가 소형 핸드 헬드 장치에서 서버 측 실행에 이르기까지 모든 최신 웹 브라우저 및 환경에서 고성능을 제공하는지 확인하십시오.

다트는 많은 구조가없는 1 인 프로젝트에서 코드의 형식 유형을 필요로하는 대규모 프로젝트에 이르기까지 광범위한 개발 시나리오를 대상으로 프로그래머의 의도를 명시합니다.

이 광범위한 프로젝트를 지원하기 위해 Dart는 다음과 같은 기능과 도구를 제공합니다.

  • 선택적 유형 : 이것은 유형 없이 코딩을 시작하고 필요에 따라 나중에 추가 할 수 있음을 의미합니다.
  • 분리 : 서버 및 클라이언트에서 동시 프로그래밍
  • 쉬운 DOM 액세스 : CSS 선택기 사용 (jQuery와 동일한 방식)
  • 다트 IDE 도구 : 다트 플러그인은 일반적으로 사용되는 많은 IDE (예 : WebStorm) 용으로 제공 됩니다.
  • Dartium : Dart Virtual Machine이 내장 된 Chromium Web Browser의 빌드

모래밭

선적 서류 비치

자주하는 질문

버전

번역 출시일
1.22.1 2017-02-22
1.22.0 2017-02-14
1.21.1 2016-01-13
1.21.0 2016-12-07
1.20.1 2016-10-13
1.20.0 2016-10-11
1.19.1 2016-09-07
1.19.0 2016-08-26
1.18.1 2016-08-02
1.18.0 2016-07-27
1.17.1 2016-06-10
1.17.0 2016-06-06
1.16.1 2016-05-23
1.16.0 2016-04-26
1.15.0 2016-03-09
1.14.2 2016-02-09
1.14.1 2016-02-03
1.14.0 2016-01-28
1.13.2 2016-01-05
1.13.1 2015-12-17
1.13.0 2015-11-18
1.12.2 2015-10-21
1.12.1 2015-09-08
1.12.0 2015-08-31
1.11.3 2015-08-03
1.11.1 2015-07-02
1.11.0 2015-06-24
1.10.1 2015-05-11
1.10.0 2015-04-24
1.9.3 2015-04-13
1.9.1 2015-03-25
1.8.5 2015-01-13
1.8.3 2014-12-01
1.8.0 2014-11-27
1.7.2 2014-10-14
1.6.0 2014-08-27
1.5.8 2014-07-29
1.5.3 2014-07-03
1.5.2 2014-07-02
1.5.1 2014-06-24
1.4.3 2014-06-16
1.4.2 2014-05-27
1.4.0 2014-05-20
1.3.6 2014-04-30
1.3.3 2014-04-16
1.3.0 2014-04-08
1.2.0 2014-02-25
1.1.3 2014-02-06
1.1.1 2014-01-15
1.0.0.10_r30798 2013-12-02
1.0.0.3_r30188 2013-11-12
0.8.10.10_r30107 2013-11-08
0.8.10.6_r30036 2013-11-07
0.8.10.3_r29803 2013-11-04

게터와 세터

void main() {
  var cat = new Cat();
  
  print("Is cat hungry? ${cat.isHungry}");  // Is cat hungry? true
  print("Is cat cuddly? ${cat.isCuddly}");  // Is cat cuddly? false
  print("Feed cat.");
  cat.isHungry = false;                     
  print("Is cat hungry? ${cat.isHungry}");  // Is cat hungry? false
  print("Is cat cuddly? ${cat.isCuddly}");  // Is cat cuddly? true
}

class Cat {
  bool _isHungry = true;
  
  bool get isCuddly => !_isHungry;
  
  bool get isHungry => _isHungry;
  bool set isHungry(bool hungry) => this._isHungry = hungry;
}
 

Dart 클래스 getter 및 setter를 사용하면 API가 객체 상태 변경을 캡슐화 할 수 있습니다.

여기 dartpad 예제를 참조하십시오 : https://dartpad.dartlang.org/c25af60ca18a192b84af6990f3313233

안녕, 세상!

다음 내용으로 hello_world.dart 라는 새 파일을 작성하십시오.

void main() {
  print('Hello, World!');
}
 

터미널에서 hello_world.dart 파일이있는 디렉토리로 이동 한 후 다음을 입력하십시오.

dart hello_world.dart
 

Hello, World! 를 표시하려면 Enter 키 를 누르십시오 Hello, World! 터미널 창에서.

HTTP 요청

HTML

<img id="cats"></img>
 

다트

import 'dart:html';

/// Stores the image in [blob] in the [ImageElement] of the given [selector].
void setImage(selector, blob) {
  FileReader reader = new FileReader();
  reader.onLoad.listen((fe) { 
    ImageElement image = document.querySelector(selector);
    image.src = reader.result;
  });
  reader.readAsDataUrl(blob);  
}

main() async {
  var url = "https://upload.wikimedia.org/wikipedia/commons/2/28/Tortoiseshell_she-cat.JPG";

  // Initiates a request and asynchronously waits for the result.
  var request = await HttpRequest.request(url, responseType: 'blob');
  var blob = request.response;
  setImage("#cats", blob);
}
 

https://dartpad.dartlang.org/a0e092983f63a40b0b716989cac6969a의 예를 참조하십시오.

설치 또는 설정

Dart SDK에는 다트 코드 (VM, 라이브러리, 분석기, 패키지 관리자, 의사 생성기, 포맷터, 디버거 등)를 작성하고 실행하는 데 필요한 모든 것이 포함되어 있습니다. 웹 개발을하고 있다면 Dartium도 필요합니다.

자동 설치 및 업데이트

수동 설치

SDK의 모든 버전을 수동으로 설치할 수도 있습니다 .