DartPad.dev가 Flutter를 지원하는 새 버전으로 돌아왔어요
DartPad.dev가 Flutter를 지원하는 새 버전으로 돌아왔어요
오늘 DartPad.dev가 새롭고 산뜻한 디자인과 함께 인기 있는 Flutter UI 툴킷 지원을 갖춘 대대적인 업그레이드를 발표했어요. DartPad는 브라우저에서 바로 Dart 프로그램을 실행해 볼 수 있는 Dart의 온라인 에디터인데요, 이제 Flutter 앱도 실행할 수 있게 됐어요.
본문
오늘 DartPad.dev가 새롭고 산뜻한 디자인과 함께 인기 있는 Flutter UI 툴킷 지원을 갖춘 대대적인 업그레이드를 발표해요. DartPad는 브라우저에서 바로 Dart 프로그램을 실행해 볼 수 있는 Dart의 온라인 에디터예요. 이제 Flutter 앱도 실행할 수 있죠.
오늘 뭔가 만들어 보세요 (Make something today)
새 Flutter 프로젝트를 만들려면 New Pad 버튼을 클릭하고 Flutter를 선택해요.
그러면 스타터 코드가 에디터에 추가되고 바로 실행돼요. DartPad가 package:flutter를 사용하는 걸 감지하면 UI를 표시하는 패널이 나타나요. 아니면 Samples 메뉴에서 Flutter 샘플을 찾아볼 수도 있어요.
기능 (Features)
cupertino나 material 같은 Flutter의 모든 핵심 라이브러리를 사용할 수 있고, DartPad는 이들의 문서도 표시해 줘요. 심볼(symbol)을 선택하면 하단 패널에서 문서를 볼 수 있어요.
DartPad는 Dart 포매터(dartfmt)로 코드를 정리해 주고, 어시스트(assist)와 픽스(fix)를 제공하며, 자동 완성(autocompletion)을 제안하고 오류와 경고도 표시해 줘요.
스니펫을 공유할 준비가 되면 GitHub gist를 만들고 gist ID를 이렇게 URL에 넣으면 돼요: https://dartpad.dev/<GistID>. 이 링크를 버그 리포트나 StackOverflow 질문, 또는 원하는 소셜 미디어에 공유할 수 있어요. 자세한 내용은 공유 가이드를 확인해 보세요.
DartPad를 페이지에 임베드할 수도 있어요. 이 codelab처럼요. 임베드된 DartPad는 특히 기사, codelab, 튜토리얼에 적합해요. (codelab이나 튜토리얼에서 DartPad를 쓰는 데 관심이 있다면 이 가이드를 확인해 보세요.) 페이지에 DartPad를 추가하는 방법을 더 알고 싶다면 임베딩 가이드를 확인해 주세요.
감사 인사 (Thanks!)
DartPad는 Dart 오픈소스 프로젝트의 일부예요. 이슈를 올려 주셨거나 DartPad에 변경을 기여해 주셨다면, 더 나아지게 만들어 주셔서 감사해요. 기여하고 싶다면 github.com/dart-lang/dart-pad에서 시작하면 돼요. 웹에서 Flutter를 실행하는 방법에 대해 더 알고 싶다면 flutter.dev/web을 방문해 보세요.
여러분이 무엇을 만들지 정말 기대돼요!