flutter

Flutter에서 모든건 Widget이다. Show/Hide까지도

Flutter에서 모든 건 Widget입니다. 간단한 문자를 출력하는 Text부터 다른 Widget을 담기 위한 Container까지 모두 Widget입니다. 한마디로 사용자에게 보이든, 보이지 않든 화면을 구성하는 모든 것은 Widget입니다. 그리고 한발 더 나아가서 Widget 자체의 show/hide 까지도 별도의 Widget(Visibility)입니다. 다른 UI에서 Visibility UI를 다루는 다른 프레임워크를 보면 일반적으로 A라는 컴포넌트를 사용자에게 Show, Hide 처리하는 것은 그 컴포넌트 자체에서 show(), hide() 함수(혹은 메서드)를 제공하거나 투명도를 0으로 설정하여 처리하곤 합니다. 예를 들어 안드로이드에서 TextView는 xml에서 visibility를 설정..

Flutter로 개발한 Web App을 Release 상태로 테스트하기

Flutter를 이용하여 Web App을 개발했다면 서버에 Deploy 하기 전에 Release 상태로 테스트를 진행해야 합니다. 테스트는 아래와 같은 순서로 진행합니다. Web App을 Release 모드로 build Web Server 실행 테스트 Release 모드로 build 대상 프로젝트로 이동하고 command 라인에서 다음 명령을 실행하여 빌드합니다. $ flutter build web 정상적으로 빌드가 되었다면 프로젝트 폴더 내에 프로젝트 폴더/build/web 디렉터리에 index.html 파일을 포함한 release 파일들이 생성된 것을 확인할 수 있습니다. Web Server 실행 빌드된 소스는 정적 웹페이지 리소스입니다. apache, nginx 등의 웹 서버가 설치되어 있다면 로컬..

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

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..