본문 바로가기

StatelessWidget2

[Flutter] 9. State, StatelessWidget, StatefulWidget 비교와 만드는 단계 State에 대해 알아본 후, StatelessWidget과 StatefulWidget에 대해 살펴보고 차이점을 비교해 보도록 하겠ㅂ니다. 본 포스트는 다음 내용을 다루고 있습니다. State(상태)란 StatelessWidget과 StatefulWidget 비교 StatefulWidget을 만드는 단계 StatelessWidget에서 StatefulWidget으로 변환 State(상태) 상태는 위젯을 작성할 때 사용할 수 있는 정보이며 위젯의 사용 기간 동안 변경될 수 있습니다. 다시 말하자면, 상태는 UI를 구축(재구축)하기 위해서 필요한 데이터 입니다. 상태에는 중요한 순간이 있는데, 상태가 생성될 때 이뤄지는 초기화 프로세스와, 위젯의 생명 주기 동안 이뤄지는 상태의 변경이 중요합니다. 위젯 자체.. 2022. 2. 21.
[Flutter] 3. hello world 코드 분석 지난 포스트에서 플러터 신규 프로젝트를 생성하였고, 에뮬레이터의 앱에서 hello world를 출력해 보았습니다. 이제 hello world프로젝트를 가볍게 분석해 보면서 플러터와 친해져 보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. 위젯이란? StateLessWidget shortcut 이용해서 생성하기 extends dart에서 new를 사용하지 않는 객체 생성 StatelessWidget 위젯 중첩 hello world 프로젝트 분석하기 vscode의 팔레트에서 flutter new project로 신규 프로젝트를 생성하였고, lib폴더 아래 있는 main.dart파일을 아래와 같이 수정하였습니다. 1번째 라인에 material.dart 라이브러리를 임포트 하고 있습니다. 이 패키.. 2022. 2. 15.