💡 Quotation 플러터(Flutter)는 구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크이다. 안드로이드, iOS, 윈도우즈, 리눅스 및 웹용 애플리케이션과 구글 퓨시아용 앱의 주된 소스코드로 사용된다.

옛날에는 안드로이드 앱을 만들려면 Java 코드로, IOS 앱을 만들려면 Object-C 또는 Swift 를 사용해서 만든 것 같았는데 찾아보니 하나의 코드로 모바일 심지어 웹 까지 만들 수 있는 프레임워크가 있다니 감탄하며 사용해 보려고 합니다. 플러터가 출시된지는 현재 기준으로 8년이 넘었네요..

빠르게 개발 환경을 구성해 보도록 합시다. 😄

다운로드

  1. VSCode
    • 저는 모든 사용자용으로 설치했는데 아무거나 설치하셔도 상관 없을 것 같습니다.
  2. Flutter
    • 압축 해제한 후 한글과 공백이 없는 경로에 넣어주세요.
  3. Android Studio
    • 안드로이드 앱 개발을 위해 설치 (SDK)
  4. Visual studio installer
    • MSVC++ v142 Build tools (2019) 필요함
    • 플러터에서 개발자가 다루는 언어는 dart
    • 내부 엔진은 C++ 로 작성됨

환경 설정

  1. 환경 변수 설정
    • Win + R 실행 창에 sysdm.cpl ,3 입력 후 환경 변수 클릭
    • 사용자 변수(위쪽)에 있는 Path 를 더블클릭한 후 경로 추가
    • 플러터가 위치한 경로\bin
    • %userprofile%\appdata\local\Android\Sdk\platform-tools
    • 정상적으로 등록됐는지 확인하기
      1. Win + R 실행 창에 cmd 입력 (명령 프롬프트 실행)
      2. flutter doctor -v 입력
      3. flutter-doctor
        • No issues found! 정상 출력
      4. adb --version 입력
      5. adb
        • 버전 정상 출력
  2. VS Code 확장 설치
    • VS Code 실행 후 확장 탭에서 flutter 검색 후 설치
      • vs-code-extensions
  3. MSVC++ 142 설치
    • Visual studio installer 실행 후 설치된 IDE 의 수정을 눌러 아래와 같이 체크 후 설치 진행
    • visual-studio-installer

마지막으로 flutter doctor -v 를 다시 실행하여 이상이 없는지 확인하면 끝납니다. 😎