[앱 개발] Flutter 기본 위젯 (글씨, 그림, 아이콘, 박스) 추가하는 방법 !

"Android API 29 Platform" is missing

: 안드로이드 API 29가 누락된 경우,이걸 다시 설치해주면 된다. 

: 상단바에서 도구 > SDK manager 선택 > Android 10 (API Level 29) 체크하고 적용하기 버튼 눌러주기 

: 그럼이렇게 SDK Component가 설치되는것을 볼 수 있다. 

 

: Lint(좋은 관습)을 끄기위해서 analysis_options.yam의 rules에 4줄의 코드를 추가하고 시작

: void main()은 그래도 두고 stless를 친 다음 tab키를 누르면 이렇게 자동으로 클래스가 만들어진다. 

 

<글씨 위젯 추가하는 방법>

: 글씨 위젯은 Text('넣고싶은글씨')로 추가한다. 

: 아이콘 위젯은 Icon(Icons.넣고 싶은 아이콘)으로 추가한다. 어떤 아이콘 위젯이 있는지는 flutter 공식 문서를 참조 

 

<이미지 위젯>

: New 버튼을 클릭해 'assets'라는 이름의 폴더를 만들어주고, 그 안에 내가 사용할 사진을 넣는다. 

: pubspec.yaml은 개발을 하는데 필요한 모든 자료들을 정리한 파일이다.  

: pubspec.yaml에 우선 내가 사용할 이미지를 등록한후 사용할 수 있다.

: pubspec.yaml에서 위와 같이 assets: - assets/라고 치면 assets 폴더 안에 있는 모든 자료를 사용하겠다는 뜻이다. 

: pubspec.yaml에 폴더를 등록했으므로 Image.asset('이미지 파일 경로')를 적어준다. 

: 이미지도 잘 추가 된 모습 ~ !

 

<박스 넣기>

: Flutter에서 사이즈 단위는 lp이다(1.2cm 정도) 

: 범위를 지정해주지 않아서, 모두 파란색으로 나온다. 

: Container( 박스 크기, 높이, 색깔 설정)으로 박스를 넣을 수 있다. 

: HTML처럼 부모와 자식 관계를 설정해주면, 부모를 기준으로 원하는 크기의 box를 만들 수 있다.

 

Dart라는 언어가 있는 줄도 몰랐는데, 

확실히 내가 뭘 만들어야 재밌는 것 같다. (그냥 C언어 문법 배워라 이러면 no jam) 

감기로 컨디션 메롱인 토요일, 그래도 무언가 한다는 건 좋은거다 !