DartPad - Flutter, Dart 온라인 에디터

역주) 혹시 제 블로그를 보고 공부하시는 분들이 있을 것 같아 Flutter, Dart 온라인 에디터에 대한 내용을 먼저 번역합니다. 일단 기본적은 사용법까지만 번역하고 댓글로 요청하시는 분이 많으면 더 자세한 내용도 번역하도록 하겠습니다.

DartPad는 Dart와 Flutter를 배우는 개발자를 돕기 위한 무료, 오픈소스 온라인 에디터입니다. 당신은 dartpad.dev 사이트에서 접속할 수 있습니다.

DartPad는 무엇이며 무엇을 할 수 있나요?

Dart 언어를 위한 온라인 실행 장소로 시작된 DartPad는 2015년 Dart툴팀에 의해 만들어졌습니다. 이것은 사용자의 Dart 코드를 컴파일하고 해석하며 실행 결과를 나타냅니다. 또한 아이프레임을 통해 아무 웹사이트에 임베디드 될 수 있습니다.

2019년 12월에 우리는 새로운 버전의 DartPad(dartpad.dev)를 신성한 새로운 양식으로 변환했고 인기 있는 Flutter UI 툴킷을 지원합니다. 새로운 DartPad를 배우기 위해서는 블로그 포스트를 확안하세요. 당신의 웹사이트에 DartPad가 임베디드 되는 것이 관심이 있으신가요? 임베디드 가이드를 참고하시기 바랍니다.

어떻게 우리는 DartPad를 만들었나?

DartPad를 만들기 위해 우리가 사용한 툴에 관심이 있으신가요? 우리는 패키지:mdc_web을 통한 웹UI를 만들기 위해 Material 컴포넌트를 사용했고 Dart를 이용해 컴파일을 시행시키기 위한 백엔드 서비스를 만들었습니다. DartPad를 만들기 위해 우리가 사용했던 운영 서비스에 대한 - 지속적인 통합, 코드 커버리지, 그리고 크로스 브라우저 테스트 관련 내용을 약간의 편리한 가이드 문서로 나두었습니다.

역주) 코드 커버리지 : 테스트 코드가 프로덕션 코드를 얼마나 실행했는지를 백분율로 나타내는 지표

Issues and bugs

GitHub 이슈 트레커에 리포트를 제기해 주세요.

Bug triage priorities

트래커의 각 문제는 문제가 나타날 때 사용자에게 미치는 영향과 영향을 받는 사용자 수(광범위 또는 드물게)에 따라 우선순위가 지정됩니다.

가능한 분류 우선순위의 몇 가지 예:

P0
- DartPad 내 고장 난 내부/외부 내비게이션 링크
- 많은 경우 DartPad 기능성 문제가 JavaScript 콘솔 에러로 널리 나타나는 것
- 앱이 다운되거나 로딩이 안 될 때
- 응용 프로그램의 전부 또는 거의 모든 사용을 방해하는 인터페이스 버그
- 유효한 Flutter/Dart 코드를 컴파일하거나 분석할 수 없음(광범위하거나 재시도할 수 없는 오류 메시지 포함)
P1
- 특정 케이스 또는 재현이 가능한 범위 내에서 유효한 Flutter/Dart 코드를 컴파일하거나 분석할 수 없음
- (광범위하게) 잘못된 Flutter/Dart 코드에 대한 부정확하거나 최신 경고 정보
- 응용 프로그램의 일반적인 사용을 방해하는 인터페이스 버그가 널리 퍼짐
- DartPad 기능의 문제를 나타내는 JavaScript 콘솔 오류 (엣지 케이스/보편적이지 않음)
- 큰 진척을 을 나타내는 중요한 데이터가 있는 개선 사항
- 사용자 성능 문제(예: 앱 로딩/실행/분석), 광범위하게
P2
- 유효하지 않은 Flutter/Dart 코드에 대한 부정확하거나 최신이 아닌 경고 정보(예외 사례/보편적이지 않음)
- 콘솔 외부에서 가시적인 문제를 일으키지 않는 JavaScript 오류(광범위함)
- 엣지 케이스에서 애플리케이션 사용을 방해하는 인터페이스 버그.
- 기능에 크게 영향을 미치지 않는 사용자 인터페이스 및 디스플레이가 깨지는 현상, 광범위하게
- 커다란 성과를 나타내는 데이터가 없어도 좋은 아이디어라고 동의한 개선 사항
- 사용자 성능 문제(예: 앱 로딩/실행 분석), Edge 사례/보편적이지 않음
P3
- 기능에 큰 영향을 미치지 않는 경미한 사용자 인터페이스 깨짐. 엣지 케이스에서만 나타남
- 콘솔 외부에서 눈에 보이는 문제로 야기되지 않는 JavaScript 오류(엣지 케이스에서만 나타남)
- 추론적이거나 투기적이거나 영향/장단점을 확신할 수 없는 개선 사항

역주) 엣지 케이스: 알고리즘이 처리하는 데이터의 값이 알고리즘의 특성에 따른 일정한 범위를 넘을 경우에 발생하는 문제

라이선스와 기여

기여는 환영합니다. 먼저 짧은 가이드를 읽어주세요. 당신은 우리의 라이선스를 여기서 확인할 수 있습니다.

저작자표시 비영리 변경금지 (새창열림)

Flutter3 Docs 번역