dart 튜토리얼
다트 시작하기
수색…
비고
Dart는 Google이 개발 한 클라이언트 및 서버 모두에서 웹 응용 프로그램을 개발할 수있는 오픈 소스, 클래스 기반의 선택적 형식 프로그래밍 언어입니다. 다트의 디자인 목표는 다음과 같습니다.
- 웹 프로그래밍을위한 구조화되고 유연한 언어를 만드십시오.
- 다트가 프로그래머에게 익숙하고 자연스럽고 배우기 쉽도록 만듭니다.
- Dart가 소형 핸드 헬드 장치에서 서버 측 실행에 이르기까지 모든 최신 웹 브라우저 및 환경에서 고성능을 제공하는지 확인하십시오.
다트는 많은 구조가없는 1 인 프로젝트에서 코드의 형식 유형을 필요로하는 대규모 프로젝트에 이르기까지 광범위한 개발 시나리오를 대상으로 프로그래머의 의도를 명시합니다.
이 광범위한 프로젝트를 지원하기 위해 Dart는 다음과 같은 기능과 도구를 제공합니다.
- 선택적 유형 : 이것은 유형 없이 코딩을 시작하고 필요에 따라 나중에 추가 할 수 있음을 의미합니다.
- 분리 : 서버 및 클라이언트에서 동시 프로그래밍
- 쉬운 DOM 액세스 : CSS 선택기 사용 (jQuery와 동일한 방식)
- 다트 IDE 도구 : 다트 플러그인은 일반적으로 사용되는 많은 IDE (예 : WebStorm) 용으로 제공 됩니다.
- Dartium : Dart Virtual Machine이 내장 된 Chromium Web Browser의 빌드
모래밭
- 다트 홈페이지
- 공식 다트 뉴스 및 업데이트
- Dartosphere - 최근 다트 블로그 게시물 모음
- Google+의 Dartisans Dartisans 커뮤니티
- 다트 웹 개발 - Google 그룹스 페이지
- 다트 언어 기타 - Google 그룹스 페이지
- DartLang sub-Reddit
선적 서류 비치
자주하는 질문
버전
| 번역 | 출시일 |
|---|---|
| 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 |
설치 또는 설정
Dart SDK에는 다트 코드 (VM, 라이브러리, 분석기, 패키지 관리자, 의사 생성기, 포맷터, 디버거 등)를 작성하고 실행하는 데 필요한 모든 것이 포함되어 있습니다. 웹 개발을하고 있다면 Dartium도 필요합니다.
자동 설치 및 업데이트
수동 설치
SDK의 모든 버전을 수동으로 설치할 수도 있습니다 .
안녕, 세상!
다음 내용으로 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의 예를 참조하십시오.
게터와 세터
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
