DartPad는 Open Source로, 일반적인 브라우저 환경 내에서 Dart를 활용해 볼 수 있는 도구입니다.
기본적인 Dart 언어의 실행은 물론, 기초적인 Flutter UI를 구현해 볼 수도 있으며, DartPad에서 미리 선정 해 둔 외부 라이브러리들도 활용이 가능합니다.
좌상단의 New Pad 버튼을 통해 새 Pad 를 생성하거나 초기화, 정렬 작업들도 가능하며, Flutter SDK를 내려받을 수 있는 경로 또한 제공합니다.
새 패드 생성 시에는 Dart / Dart(HTML) / Flutter Pad를 만들 수 있으며, Dart 는 순수한 Dart 실행을 위한 main method가 포함된 Pad가 생성 되며, Dart HTML은 HTML 문서 내에서 Dart를 활용 할 수 있는 형태의 Pad가 생성됩니다.
Flutter 선택 시, Flutter의 기본적인 MaterialApp이 구현 된 Pad가 생성됩니다.
활용은 해당 함수, 객체들을 활용하여 자유롭게 작성하면, 우하단에 컴파일 에러와 경고 메시지들이 상황에 따라 발생하게 되고, 좌하단에 콘솔 메뉴나, 세부 문서 화면을 통해 메서드나 객체 대한 세부 설명 또한 참고할 수 있습니다.
DartPad 내에서 활용 가능한 라이브러리 목록은 페이지 내 우 하단에 안내 아이콘을 클릭하면 관련 리스트가 나타납니다.
직접적으로 활용 가능한 라이브러리만 저 만큼이며, 간접적으로 쓸 수 있는 라이브러리까지 포함되면 양이 상당히 많아집니다.
또한, DartPad를 Github의 기능 중 하나인 Gist와 연동하여 코드의 공유, 저장 등이 가능합니다.
예전 버전에선 복잡한 방법으로 저장 후 Gish ID를 dartpad URL에 Query로 넘겨야 했었던 반면, 현재는 페이지 내에서 즉각적인 활용이 가능하도록 개선이 되었습니다.
DartPad 우 상단의 Github 아이콘을 선택하여 로그인을 하게 되면
좌측의 이미지 처럼, 기존에 저장 해 두었던 Gist를 불러올 수도 있고, 바로 우측에서는 공개용 Gist 배포, 비공개용 Gist 생성 및 다른 사람의 Gist를 Fork 하거나 업데이트, 스타를 줄 수도 있는 기능들이 추가 되었습니다.