카운터 앱으로 플러터 기초 다지기
플러터 위젯 클래스
BuildContext, 위젯 트리, 요소 트리
플러터 개발 환경과 팁
이제 플러터 프로젝트를 시작해보자.
Android Studio나 기타 IDE가 있다면 해당 툴을 이용해도 좋다. 여기서는 terminal 을 이용해 프로젝트를 생성한 뒤 VSCode에서 작업을 하도록 한다.
🔎만약 아직 플러터 설치가 안되었다면 아래 링크를 참고해 자신의 os에 맞는 flutter를 설치하자.
terminal창을 키고 적절한 위치에 플러터를 만든다.
$ flutter create counter_app
$ cd counter_app && fluter pub get
생성이 완료되었다면 IDE에서 생성한 플러터 프로젝트를 연 다음 자신의 기기 혹은 시뮬레이터를 이용해 프로젝트를 구동해본다.
첫 필러터 프로젝트 구동 화면
시뮬레이터의 + 버튼을 누르면 동작하는것도 확인할 수 있다. 플러터의 counter_app은 언어로 치면 hello world와 같다고 보면 된다. 이제 첫 단추를 꿰었으니 프로젝트의 구조부터 알아보자.