[플러터] 0. 작업 환경 구축

lhs's avatar
Dec 19, 2024
[플러터] 0. 작업 환경 구축

1. 플러터 설치

1. 다운로드

  • 스크린샷의 빨간 박스를 따라 다운로드하면 된다.
notion image
notion image
notion image
notion image
notion image

2. 환경변수 설정

  • bin폴더의 경로를 복사하여 path에 추가한다.
notion image
notion image

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

1. 다운로드

  • 위 플러터를 다운로드할 때처럼 빨간박스를 따라가 다운로드한다.
notion image
notion image

2. 설치

  • 스크린샷의 흐름을 따라 설치한다.
  • 라이센스 accept를 두 번 하는 것 외에는 특별한 것이 없다.
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image

3. 플러그인 설치

  • Flutter를 사용하기 위해 플러그인을 설치한 후 IDE를 재시작한다.
notion image

3. 프로젝트

1. 생성

  • 플러터 프로젝트로 생성한다.
notion image
  • 처음 생성할 때 SDK의 위치를 설정해준다.
    • bin폴더 위치가 아닌 flutter폴더의 위치다.
notion image
  • 프로젝트 폴더를 안 만들어주기 때문에 직접 경로에 추가해야한다.
  • 필요없는 플랫폼을 체크 해제한다.
notion image

2. 진단

  • 터미널에서 flutter doctor를 실행하여 정상적으로 작동하는지 진단한다.
  • Android toolchain에서 발생한 문제를 해결해야한다.
  • Visual Studio는 윈도우를 개발하지 않는다면 무시해도 된다.
notion image
  • 안드로이드 개발 필수 확인 목록
notion image
  • Tools-SDK Manager 창을 연다.
notion image
  • SDK Tools에서 Command-line Tools를 체크해 설치한다.
notion image
  • 다시 flutter doctor를 실행해 바뀌었는지 확인한다.
  • 라이센스 문제를 해결하기 위해 flutter doctor —android-licenses를 복사해 실행한다.
notion image
  • 모두 y를 입력해 진행한다.
notion image
  • 모두 진행한 후 Android toolchain이 초록색이 되었는지 확인한다.
notion image

3. 가상 머신 설정

  • 빨간 박스를 클릭하여 진행한다.
notion image
  • 표준적인 핸드폰 크기인 Pixel 3a를 선택한다.
notion image
  • 가장 널리 지원되는 버전인 12버전을 선택한다.
notion image
  • 가상 머신의 이름을 정한 후 완료한다.
notion image
  • 화살표 버튼을 눌러 가상 머신을 실행한다.
notion image
notion image

4. 프로젝트 실행

  • 실행할 환경을 선택한 후 초록 버튼을 클릭해 프로젝트를 실행한다.
notion image
  • 크롬으로 실행한 화면
notion image
  • 가상 머신으로 실행한 화면
notion image
Share article

LHS's Study Space