[flutter] 환경 세팅 (1)

 

들어가며...

 

인공지능을 배포하기 위해

FastAPI를 공부했지만

화면이 없다니 너무 답답하다 ㅠㅠ!

그래서 앱까지 만들어 보기로 했다.

flutter가 가장 많이 사용된다고 하니 도전해 보겠다.

 

1. 안드로이드 스튜디오

• flutter 개발을 위해서는 안드로이드 스튜디오가 가장 편리하다고 한다.
• 구글에서 공식적으로 지원하기 때문
• gemini도 사용할 수 있고, 구글 플레이스토어와도 연동이 되니 아주 편리해 보인다.

 

안드로이드 스튜디오 홈페이지

Android 스튜디오 설치  |  Android Studio  |  Android Developers

 

---

2. Dart 공부를 위한 vscode

이미 dart를 알고있다면 굳이 설치할 필요는 없다.

 

dart만을 단독으로 실행하기 위해

vscode 도 설치하자. 

flutter를 바로 공부하면 어렵기 때문에

dart 언어에 대해 공부를 하기 위함이다.

 

2.1. dart plugin을 설치

vscode를 설치하고 '000.dart' 파일을 생성하고

왼쪽에 run and debug 버튼을 누르면

dart plugin을 설치하라고 추천해준다.

 

 

---

2.2. 실행 세팅

다음으로 실행 환경을 만들어준다.

launch.json 파일에 아래 한줄을 추가해 준다.

파일 경로는 상대경로로 만들어 준다.

• "program" : <실행할 파일 경로>

{
    // IntelliSense를 사용하여 가능한 특성에 대해 알아보세요.
    // 기존 특성에 대한 설명을 보려면 가리킵니다.
    // 자세한 내용을 보려면 https://go.microsoft.com/fwlink/?linkid=830387을(를) 방문하세요.
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Dart & Flutter",
            "request": "launch",
            "type": "dart",
            "program": "study1.dart"
        }
    ]
}

 

---

2.3. 실행 테스트

아래 코드로 print 문을 이용해

문자열을 출력해 보자

void main() {
  print("Hello, Dart!");
}

 

---

3. flutter 설치

flutter를 설치하면 자동으로 dart도 설치된다. (mac os 기준)

brew install --cask flutter

 

버전확인

flutter --version

 

2025년 2월 12일 기준으로

플러터의 최신 버전은 3.29.0

 

flutter를 설치하면

dart 버전은 3.7.0 로 설치된다