inblog logo
|
devleekangho
    플러터

    [플러터] 1. Flutter 설치 및 프로젝트 생성

    KangHo Lee's avatar
    KangHo Lee
    Dec 19, 2024
    [플러터] 1. Flutter 설치 및 프로젝트 생성
    Contents
    Flutter란?1. Flutter SDK 설치2. 안드로이드 스튜디오 (IDE) 설치3. 안드로이드 스튜디오 실행 및 프로젝트 생성

    Flutter란?

    • Flutter는 Google에서 개발한 오픈 소스 UI 프레임워크입니다.
    • 하나의 코드베이스로 iOS, Android, 웹, 데스크톱 등 다양한 플랫폼에서 애플리케이션을 개발할 수 있습니다.
    • 언어는 Dart(Google에서 개발한 오픈 소스 프로그래밍 언어)를 사용합니다.

    1. Flutter SDK 설치

    💡
    • SDK
      • Software Development Kit의 약자로, 소프트웨어 개발 키트를 의미합니다.
      • 개발자가 특정 플랫폼이나 프레임워크에서 애플리케이션을 개발할 수 있도록 도와주는 도구와 라이브러리의 집합입니다.
    Choose your development platform to get started
    Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems.
    Choose your development platform to get started
    https://docs.flutter.dev/get-started/install
    Choose your development platform to get started
    • Windows → Android → 스크롤을 내립니다.
    notion image
    • flutter_windows_3.27.1-stable.zip를 다운로드 합니다.
    • 저의 경우 JDK가 있는 폴더 (C:\workspace\tools) 에 7zip으로 압축을 풀었습니다.
    • flutter 폴더 안의 bin 폴더 경로를 복사합니다.
      • C:\workspace\tools\flutter\bin
      • bin → 바이너리 폴더, 실행파일(.bat)이 모여있는 폴더
    notion image
    • 시스템 환경 변수 편집 → 시스템 변수 Path 편집 → bin 폴더 경로 추가

    2. 안드로이드 스튜디오 (IDE) 설치

    Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers
    Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.
    Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers
    https://developer.android.com/studio?hl=ko#get-android-studio
    Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers
    • Android 스튜디오 Ladybug 다운로드
    • android-studio-2024.2.1.12-windows.exe 실행
    • 설치 경로(C:\Program Files\Android\Android Studio) 확인 후 설치 진행
    • standard -> 왼쪽 잘 보고 accept 2번
    notion image

    3. 안드로이드 스튜디오 실행 및 프로젝트 생성

    notion image
    • Plugins → Flutter → Install

    프로젝트 생성

    • new flutter project
    notion image
    • SDK 경로를 설정합니다. (bin 경로 아닙니다) → Next
    notion image
    • 설치 경로 설정에서 flutter_lec 폴더를 선택하면 C:\workspace\flutter_lec 이렇게 됩니다.
      • 이 폴더 안의 demo 폴더 안에 만들려면 \demo를 경로에 추가해줘야 합니다.
    • Platforms
      • 플랫폼을 설정합니다.
    notion image
    • 생성 후 왼쪽 Project에서 demo 옆에 플러터 아이콘이 있어야 합니다.
     
    Share article
    Contents
    Flutter란?1. Flutter SDK 설치2. 안드로이드 스튜디오 (IDE) 설치3. 안드로이드 스튜디오 실행 및 프로젝트 생성

    devleekangho

    RSS·Powered by Inblog