sh0seo
녹슬기 시작한 개발자의 긁적긁적 - sh0seo
sh0seo
전체 방문자
오늘
어제
  • 분류 전체보기 (14)
    • IT (0)

블로그 메뉴

    공지사항

    인기 글

    태그

    • Text normalization
    • gihtub
    • Go
    • release
    • tui
    • spring boot
    • github action
    • lurca
    • dartpad
    • https
    • HTTP
    • ojdbc
    • IOS
    • flutter
    • Golang
    • GOLFING
    • Free Provisioning Profile
    • jsp
    • ngrok
    • Visiblity

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    sh0seo

    녹슬기 시작한 개발자의 긁적긁적 - sh0seo

    DartPad와 Gist를 이용한 Flutter UI Demo 만들기
    카테고리 없음

    DartPad와 Gist를 이용한 Flutter UI Demo 만들기

    2020. 11. 10. 09:25

    dartpad.dev는 dart 언어를 직접 실행할 수 있는 REPL(read-eval-print loop) 사이트입니다. dart 개발 환경을 따로 구축하지 않고 dart 코드를 바로 실행해볼 수 있는 유용한 사이트입니다.

    Flutter UI 테스트 기능

    dartpad.dev에는 dart 코드뿐만 아니라 Flutter 코드, 즉 UI를 테스트할 수 있는 기능도 제공합니다. 에러가 없는 코드를 입력한 후에 RUN을 클릭하면 결과를 확인할 수 있습니다.

    소스코드 공유 기능 부재

    dartpad.dev에는 다른 REPL site와 달리 소스코드 공유 기능이 없습니다. 예를 들어 golang의 REPL 사이트인 play.golang.org에는 share 기능을 통해 테스트한 코드를 공유할 수 있습니다.

    Gist를 이용한 Flutter UI 코드 공유하기

    작성한 코드를 매번 따로 저장하는 일은 번거로운 일이 아닐 수 없습니다. 이런 단점을 보완할 수 있는 기능으로 Gist를 이용하는 방법이 있습니다.

    1. gist에 public 상태로 에러 없는 Flutter 코드를 저장합니다.
    2. 코드를 저장하면 아래와 같이 URL에 ID를 확인할 수 있습니다.
    3. gist의 id를 dartpad.dev에 URL Path로 지정합니다.

    결론

    Gist와 dartpad.dev를 이용하면 Flutter UI를 테스트하면서 코드를 공유도 가능합니다.

      sh0seo
      sh0seo
      녹슬기 시작한 개발의 긁적긁적 거리는 블로그입니다.

      티스토리툴바