코드펜 CodePen 플러터 flutter 사용하기

코드 펜은 html, css, javascript 를 테스트하기 위한 온라인 툴 사이트입니다. 프로젝트 단위로 만들 수는 없기 때문에 간단한 코드들이 많이 업로드되어 있습니다.

https://codepen.io/topic/flutter/templates 에 접속한 후에 ‘Open Flutter Editor’를 누릅니다.

코드펜 플러터 에디터가 실행됩니다. 코드를 변경하면 핫리로드 됩니다.

플러터 프로젝트를 만들면 기본으로 들어있는 카운터 소스코드를 넣어 봤습니다. 잘 동작하네요. 플러터 프로젝트 만들기 귀찮을 때 한 번씩 써먹으면 좋을 것 같습니다.