[Flutter #3] Xylophone & Quizzler

📚이 포스트는 안젤라의 유데미 플러터강의를 듣고 제가 찾아본 내용을 바탕으로 작성한 글입니다! 📚

예전에 공부하면서 노션에 정리해놓았던걸 다시 가져와서 조금 뒤죽박죽해 보일 수 있습니다. 

강의에서 쓰였던 개념 위주의 짤막짤막한 설명입니다. 😓

Xylophone : Flutter Package 사용법

Xylophone 파트에서는 Flutter Package를 사용하는 방법을 위주로 만들어졌다.

Flutter Packages - text, sound, font 다 넣는 방식 동일하다

 

https://pub.dev/ 에서 원하는 패키지를 다운받기

다운로드 사이트에 example과 설명 다 존재하니까 그 설명보고 아래와 같이 코드에 작성하면된다.

dependencies:
    english_words : ^ 3.1.5
//버전에 대해서- 다운받을 때 옆에 써있는 버젼을 쓰는 게 제일 안전함
//첫번째 숫자가 바뀌면 앱에 crash하는 일을 했을 수도 있다.
//다운받은 패키지의 소스를 보고 사용하기

main.dart에서
import ' package:english word 3.1.5';
^ : caret symbol

 

버튼에 소리 집어넣기

child : FlatButton(onPressed: () {
              final player = AudioCache();
              player.play('note1.wav');
            }, child: Text('Click Me'))),

 

함수만들기

너무 똑같은 코드가 반복되면 이쁘고 간결한 코드를 위해 함수를 만들기!

Expended Widget : 길게 확장시키기

CrossAxisAlignment : CrossAxisAlignment.stretch  =>  쭉 스트레치 시키기

Dart Arrow Function

화살표 함수는 한 줄로 표현 가능

int add(){
      return 5+2;
}

//화살표함수로 바꾸면
int add() => 5+2;

 

---

 

Quizzler : Classes, objects

Quizzler 파트에서는 class와 object를 중점적으로 다루었다.

 

코드중에 //TODO:_______________라고 작성하면 안드로이드 스튜디오에서 밑에 TODO라고 쓰여있는 곳을 누른다면 미리 작성해놓은 TODO를 볼 수 있다.

 

• SafeArea/Padding/Center => 1개의 child
• column => child를 리스트로 가질 수 있음

List

List<datatype> 리스트이름 = [];

 

플러터 활용 팁!

• VCS메뉴 ⇒ Local History ⇒ show History를 하면 작성자가 수정했던 코드들을 상세하게 볼 수 있음
• 만약, 내가 설정한 단어에 계속 줄이 쳐진다! ⇒우클릭 →Save'단어'to project level dictionary
• (작은따옴표)를 출력하고 싶으면 출력하려는 작은따옴표안에 /붙이기

Text('Minjoo/'s House'),

 

• Flutter Inspector→x모양의 Locate 버튼 누르기 ⇒시뮬레이터에 띄워져있는 컨테이너나 요소들이 코드 중에 어디에 있는지 알려줌

 

Class

lib파일 우클릭→ New Dart File → '파일이름' 긴코드를 간략하게 만들기

Object Oriented Programming(OOP)

Abstraction 추상화

seperating job 간략하게 표현하기 위해서 파일을 만들어서 클래스로 써서 메인에서 더 간략하게 표현하게 함

Encapsulation 캡슐화

private으로 변수를 나타내려면 questionNumber가 아닌 _questionNumber로 선언하고 사용

Inheritation 상속

class ElectricCar extends Car{};
//상속을 하려면 extends를 사용
부모클래스 : Car
자식클래스 : ElectricCar
Car에 있는 내용을 ElectricCar로 가져오는 것

Polymorphism 다형성

상속 받은 걸 자식클래스에 맞게 수정하는 것을 뜻하는데
class ElectricCar extends Car{
   @override
   void drive(){
      print('wheel turns');
   }
   super.drive(); //부모클래스의 드라이브함수 실행
}

class Human{
// Property
double Height;
int age = 0;

//Constructor
Human({double StartingHeight}){
height = startingHeight;
}

//method
void grow(int numofYears){
age = age + numofYears;
}
}

 

This

1. 객체자신의 주소를 리턴할 때
2. 객체 자신의 참조자를 리턴하고자 할 때
3. 객체 자신을 복사하여 리턴하고자 할 때
4. 동일 이름의 변수와 구분하기위해
5. 객체 재부에서 자신의 주소값이 사용될 때