inblog logo
|
[HootJem] 개발 기록 블로그
    flutter

    [flutter] 개발환경 구축하기

    HootJem's avatar
    HootJem
    Sep 24, 2024
    [flutter] 개발환경 구축하기
    Contents
    1. 설치 목록2. Flutter 환경변수 설정3. Android Studio 설정4. Flutter 설정 확인하기5. Flutter 실행하기
     

    1. 설치 목록

    • Android Studio 다운로드
    notion image
     
    • Flutter 다운로드
    notion image
    notion image
    notion image
    notion image
     
     

    2. Flutter 환경변수 설정

    플루터 압축 해제 한 뒤 환경 변수 설정을 할 것이다.
    notion image
    notion image
    Path 더블클릭 후 압축 해제한 Flutter 의 bin 폴더 경로를 추가한다.
    notion image
    notion image
    Cmd 에 flutter —version
    쳤을 때 이렇게 나오면 환경변수 설정 완료
    notion image
     

    3. Android Studio 설정

    Andriod Studio 를 합축해제 한 뒤 실행한다.
    notion image
    Flutter install
    notion image
     
    프로젝트 생성하기
    notion image
    notion image
     

    4. Flutter 설정 확인하기

    flutter doctor
    확인하면 flutter 관련 설정 확인 가능
    notion image
    notion image
    Android toolchain 설정하는 법
    notion image
    Android SDK Command-line Tools 를 체크하고 Apply 를 한다.
    notion image
     
    cmd 는 껏다 켜야 변경사항이 반영된다. cmd 다시 열어 flutter doctor 입력
    notion image
    복붙해서 실행
    notion image
    뭔가 실행이 됨. (설치 하라함) y 계속 누르면 설치 완료..
    notion image

     

    5. Flutter 실행하기

    notion image
    notion image
    notion image
     

     
    notion image
    실행(펌웨어 임)
    notion image
    첫 실행 시 상당한 시간이 소요되지만, Chrome이나 휴대폰 에뮬레이터에서 실행하면 원활하게 작동한다. 기본 데모 코드인 숫자 증가 기능도 문제 없이 잘 동작하는 것을 확인할 수 있다.
     

     
    Share article
    Contents
    1. 설치 목록2. Flutter 환경변수 설정3. Android Studio 설정4. Flutter 설정 확인하기5. Flutter 실행하기

    [HootJem] 개발 기록 블로그

    RSS·Powered by Inblog