inblog logo
|
LHS's Study Space
    플러터

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

    lhs's avatar
    lhs
    Dec 19, 2024
    [플러터] 0. 작업 환경 구축
    Contents
    1. 플러터 설치2. 안드로이드 스튜디오 설치3. 프로젝트

    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
    Contents
    1. 플러터 설치2. 안드로이드 스튜디오 설치3. 프로젝트

    LHS's Study Space

    RSS·Powered by Inblog