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 추가는 다음 강의에서!

기본 프로젝트를 생성하면 크게 아래와 같은 코드가 나옵니다.

당연히 C를 해보신 분이라면

#include <stdio.h>

void main()

{

return 0;

}

코드가 생각 나실껍니다.

C#을 하신분이라면

Programs.cs 부분에 Form1 메인 진입부분과 같습니다.

이제 클래스 3개가 보입니다.

예전 플루터 샘플 코드를 보면 하나의 화면에 MyHomePage부분을 하나로 했는데

여기 샘플프로젝트는 MyHomePage, _MyHomePageState 이렇게 2개로 분리 해놓았네요

결론은

MyApp 클래스에서 -> MyHomePage를 호출한것과 같습니다.

상송 extends 종류를 보면

MyApp은 StatelessWidge를 상속 받고

MyHomePage는 StatefulWidget을 상속 받았습니다.

StatelessWidge를 상속받은 클래스 코드들은 최초 1번만 실행되며 (어떠한 이벤트가 있더라도),

StatefulWidget을 상속받은 클래스는 이벤트가 발생할때마다 호출 됩니다.

저도 처음하는 부분이라 공부하면서 내용 수정하도록 하겠습니다.

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를 선택 후 컴파일 하면 끝!