1. 왼쪽 프로젝트 탐색기 제일 아래에 위치한

pubspec.yaml 파일을 열어주세요

2. 코드를 내리다 보면 아래 화면과 같이

dependencies: 여기를 찾습니다.

3. 그리고 sdk: flutter 아래에다가

추가하고 싶은 packgae 명을 입력후 전구 모양이 뜹니다.

Pub get 을 클릭하면 Package를 다운받아서 내 프로젝트에 추가가 됩니다.

만약 뒤에 버전정보를 모르더라도 다운받아진다는 사실!

1. 먼저 좌측 프로젝트 탐색기에서

lib 클릭 -> 마우스 우클릭 -> New -> Dart File 클릭

2. 아래 와 같이 파일이름을 넣어주고 엔터

3. 빈 파일이 만들어지는데

stful 을 치다보면 자동완성이 뜨는데

방향키를 아래로 내려서 엔터를 쳐줍니다. ( stful 선택 )

4. 아래와 같이 자동으로 내용이 추가 됩니다.

여기서 클래스 이름을 입력후 엔터

5. Container에 마우스 커서가 있는데

이부분은 UI 추가 관련 부분인데 콘트롤 엔터를 쳐줍니다.

기본 UI를 어떤걸로 할지 선택해주면 됩니다.

material.dart 선택후 엔터

UI 추가는 다음 강의에서!

Android Studio 기준으로 작성하였습니다.

1. 좌측 lib 폴더에서 마우스 우클릭 후

New -> Dart File 을 선택하여 파일을 만들어 줍니다.

코드 내용은 main.dart를 참조하여 클래스명만 바꺼주시면 됩니다.

2. 우측 상단에 보면 빌드 타겟 정하고, 빌드하는 버튼이 있는곳을 보면

Edit Configurations 버튼을 눌러줍니다.

3. main.dart에 입력되어있는 값들을 확인후에

4. +버튼을 누른후 Flutter를 선택 하여

    Name은 추가한 dart 이름을 넣어주시고

    Dart entrypoint는 추가한 dart 경로를 넣습니다.

    그리고 Share through VSC 체크후 OK를 눌러줍니다.

5. main.dart 부분을 아까 추가한 logo.dart를 선택 후 컴파일 하면 끝!

https://gallery.flutter.dev/#/

MATERIAL은 안드로이드 UI 컨테이너 도구를 제공하며

CUPERTINO는 IOS용 UI 컨테이너 도구를 제공한다.

일단 메테리얼의 버튼을 선택해서 들어가면

왼쪽화면은 버튼 종류를 세부적으로 선택할 수 있으며,

오른쪽 화면은 데모 페이지를 볼 수 있다.

우측 상단의 < > 버튼을 누르면 아래와 같이 코드를 볼 수 있다.