Flutter 개발환경 구축

Flutter 개발환경 구축

Description
모바일 개발을 위한 Flutter 개발환경 구축
category
Development
Tag
Flutter
Andorid
Mobile
Date
Dec 7, 2023 03:12 AM
모바일 보안을 공부하기 위해 우선 요즘 뜨고있는 Flutter 개발 먼저 진행해보려고 한다.
구축 환경은 Windows 11에서 진행하였다.

Flutter SDK Install

Flutter SDK를 다운받아 준다.
notion image
 
압축해제는 C:\flutter 해당 위치에 풀어주었다.
notion image
💡
C:\Program Files\ 해당 위치에는 설치하지 않다록 한다.(권한 문제) Flutter 설치 경로에 특수문자, 한글, 스페이스가 포함되지 않도록 한다.
 

환경변수 등록

환경변수에 Flutter를 지정해주어야 한다.
 
시스템 속성에 들어가 환경변수에 들어간다.
notion image
 
순서에 맞게 C:\flutter\bin 을 추가해준다.
notion image
 

설치 확인

PowerShell을 실행시킨 뒤 flutter doctor 을 입력해 flutter 개발에 필요한 것들이 잘 설치되어있는지 확인해보자.
 
PS C:\Users\Bobong> flutter doctor Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 3.16.3, on Microsoft Windows [Version 10.0.22621.2715], locale ko-KR) [✓] Windows Version (Installed version of Windows is version 10 or higher) [✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0) [✓] Chrome - develop for the web [✓] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.8.3) [✓] Android Studio (version 2022.3) [✓] IntelliJ IDEA Ultimate Edition (version 2023.1) [✓] VS Code (version 1.84.2) [✓] Connected device (4 available) [✓] Network resources • No issues found!
 
💡
혹시 unable to find git in your path이 뜬다면 Powershell을 관리자 권한으로 실행시킨 뒤
git config --global --add safe.directory '*'
이런식으로 입력해주면 해결된다.
 

Flutter평

 
프로젝트 만들고 바로 빌드해 봤는데 어마어마하다 정말 왜 뜨는지 알 것 같은?
오랜만에 설랜다.. ㅎ

WEB

notion image
 

Windows

notion image
 

Android

notion image