PETRUSCEL

Basic widgets 가장 근본적인 위젯 Text, Image, Container // 텍스트를 보여줄 때 Text 위젯을 사용 Text( '텍스트 위젯', style: TextStyle( fontSize: 35, // 폰트 크기 fontWeight: FontWeight.bold, // 폰트 두께 color: Colors.amber, // 폰트 색상 color: Colors.amber.withOpacity(0.7), // 폰트 색상 + 투명도 ), ), // Container는 Box 형태의 기본적인 위젯으로 다방면으로 많이 사용됨 Container( width: 200, // 폭 or width: double.infinity height: 200, // 높이 or height: double.infi..

강좌를 듣다보면 계속 반복되는 설명인데 잘 이해가 안되는 부분들이 많다. 유투브에서 플러터 강의를 이것저것 살피다 코딩세프님의 설명을 듣고 이해가 된 부분이 있어 정리한다. 이제까지 본 자료들은 class에 extends가 붙어 있어서 항상 짝으로 다니는 줄 알았더니 그게 아니었다. 클래스는 속성 property와 기능 method를 담고 있고, 클래스를 이용해서 인스턴스를 만드는 데 목적이 있었다. 아래 그림에서는 AutoMobile이라는 클래스가 carMaker/price/color/wheelNumber라는 속성properties을 갖고 있고 NewCar라는 클래스는 carMaker/price/color/wheelNumber라는 동일한 속성과, autoPark()라는 기능method을 갖고 있다. 이..

Container와 Stack에서 alignment를 볼 수 있었다. 한편 Column과 Row에서는 alignment가 mainAxix/crossAxis와 함께 사용된다. 또, Stack에서도 Positioned와 결합될 때는 right, left, top, bottom 값을 지정해줘야 한다. stack의 경우 children: [ ] 과 같이 사용되어 [ ]의 child들을 적층으로 쌓는 데 사용되고, EdgeInsets 등을 이용하여 위치를 잡아주는 반면, Positioned와 함께 사용될 때는 child들의 위치를 각각 직접 right/center/left, top/center/bottom을 이용하여 지정해주게 된다. appBar는 위치가 지정되어 있는 leading(left)과 actions(r..

Python 문법도 배울까 살펴봤었고, JavaScript도 한동안 강좌를 들었었고, 지금은 python 강좌를 듣고 있다. Flutter가 비교적 가볍고 쉽다고 하는데, 실제 그럴 지는 모르겠다. Dart 문법 DartPad : 온라인 상에서 Dart를 실행할 수 있는 웹사이트라고 하고, main이라는 함수가 Dart에서 처음 시작시 호출하는 약속된 함수라고 한다. main() { } 변수 : 어떤 값을 담는 바구니라고 한다. `String` : 문자만 담을 수 있음 'int' : 숫자 정수만 담을 수 있음 'double' : 숫자 실수만 담을 수 있음 'dynamic' : 모든 자료형이 올 수 있음 `final String` : 문자를 한 번 담은 뒤 재할당 불가능함 null safety 데이터에 값..