[수강후기] Flutter 2일차 - 스나이퍼 팩토리

카이사르님의 수강후기 입니다.

​

​

https://sniperfactory.com/course/c6fcyragfx5gzew

제 1화 - 위젯들

​

1. 프로젝트 폴더 생성

• Visual Studio Code 에서 프로젝트 폴더 생성시 한글명이 없는 위치로 설정 => 안드로이드 폰 실행에서 문제가 발생함

​

2. Visual Studio Code 환경

• 확장메뉴에서 Flutter 설정이 우선되어야 함
• Ctrl + Shift + P => >flutter new Project 입력 => Application 선택 => 경로 설정

​

3. Flutter 폴더구조

• android, ios, linux, macos, web, windows, test
• lib => main.dart
• pubspec.yaml => 앱에 만들때 필요한 패키지나 이미지, 폰트등을 등록하는 메일

​

4. Visual Studio 실행

• Ctrl + Shift + P => >flutter :select Device => 실행할 대상 선택

​

5. 플러터 코딩 시작

• stl 입력 자동완성기능 ( 단축키, Snippet) => Flutter Stateless Widget
• MyApp() 생성
• MaterialApp => home,body => Text
• MaterialApp 위젯
• Scaffold 위젯
• MaterialApp + Scaffold : 99% 모든 앱에 함께 쓰이고 있음
• SafeArea 위젯 : 시작점 동일하게
• Scaffold : AppBar + Body
• AppBar : backgroundColor , CenterTitle, title
• String, int, bool 자료형
• Column 위젯 => children , Text
• crossAxisAlignment : CrossAxisAlignment.start
• Imange.network 위젯 : image.network(문자열타입의이미지 URL)

​

6. 알아내는 방법

• 직접 아무거나 써보면서 에러보고 바꾸기
• 사용법을 검색하기
• 코드에서 사용법을 직접 확인하기
• 플러터 공식문서를 확인하기

https://flutter-ko.dev/docs

​

7. 확인할 사항

• 공식문서 자주보기 샘플 실행해보기
• 위젯에 대해서 확인해 보기

​

[출처] Flutter 2일차 - 스나이퍼 팩토리|작성자 카이사르