[flutter] 프로젝트 기초

vsCode에서 플러터 프로젝트 생성

Command Palette (Command+Shift+p / Ctrl+Shift+p)'를 실행한 뒤

'Flutter: New Project' 선택

 

main.dart에서 run 가능

 

커스텀 위젯

class name extends StatelessWidget { }
class name extends StatefulWidget { }

StatelessWidget

한 번 생성되면 화면에 표시되는 내용이 변하지 않는 경우에 주로 사용

한 번 생성되면 내부의 데이터나 구성이 변경되지 않는다

단축키 : stless + tab키

StatefulWidget

상태를 가지고 있어서 상태가 변경될 때마다 화면이 업데이트된다.

이를 통해 동적인 데이터를 표시하거나 사용자 상호 작용에 대응할 수 있다.

 

위에꺼 EXTENSIONS 에서 받으면 

 

stlw + tab키 > statefulWidget

단축키로 statefulWidget 기본 형식 생성 가능

 

 

다른 라이브러리 사용하기

pubspec.yaml 파일 dependencies 쪽에 해당 라이브러리 추가하고

git bash에서 ' flutter pub get '  실행하여 패키지를 설치

 

pubspec.yaml : 앱 만들때 필요한 모든 자료들 정리한 파일

 

파란밑줄 제거하기

analysis_options.yaml 파일 linter - rules 쪽에 코드 추가