Hello Data

Flutter 프레임워크에 관심이 생겨서 공부해보려한다. 크로스플랫폼으로 안드로이드와 iOS 모두 커버가능한 장점을 가지고 있어서 더 흥미가 생긴다. Flutter 개발 환경을 잡아보자!

Flutter란? 바로가기

2020.03.21 - [Android] - [Android] Window 안드로이드 개발 환경 구축

1. Flutter 설치

1.1.Window OS에서 Stable 중 가장 최근 버전을 다운로드한다. 작성 중(4/17)에 나온 따끈따끈한 Stable 버전 2.0.5.

flutter.dev/docs/development/tools/sdk/releases#windows

1.2 시스템 환경 변수 실행

Flutter 디렉토리 내에 bin 디렉토리를 환경 변수로 추가한다.

1.3. flutter 디렉토리 내에 flutter_console.bat 관리자 모드 실행

1.4. flutter doctor 명령어 입력.

2. Flutter 플러그인 설치

안드로이드 스튜디오 설치 후 진행한다. 설치 가이드 바로가기

2.1. Configure > Plugins 클릭

2.2. flutter 검색 후 플러그인 설치

팝업으로 나오는 메시지 확인 후 Dart도 함께 설치한다.

안드로이드 스튜디오 재시작한다.

Flutter 커맨드 창에서 라이선스 관련 명령어를 실행한다.

혹시 진행 중 'Android sdkmanager tool not found' 오류가 발생한다면 아래 방법 참고하여 조치한다.

2021.04.18 - [Android] - [Flutter] Android sdkmanager tool not found 해결 방법

flutter doctor 명령어로 상태 확인.

3. Flutter Project 구성해보기

3.1. Start a new Flutter project 실행

3.2. Flutter Application 실행

3.3. Flutter SDK path not given 메시지가 나오면 Install SDK를 통해 설치한다.

실행하자마자 나오는 샘플 코드를 그대로 실행해본다. 폰에 직접 연결해서 확인할 예정이기 때문에 체크하고 실행.

정상 구동 확인

끝.

Flutter 설치 시 'Android sdkmanager tool not found' 오류 발생에 대한 조치 가이드이다.

flutter doctor 입력 시 Android toolchain 관련해서 라이선스 메시지가 나오는데

명령어를 입력해보니 오류가 난다. 예전에 설치한 Android SDK가 뭔가 꼬인듯하다.

안드로이드 스튜디오에서 Configure > SDK Manager 실행한다.

SDK Tools > Hide Obsolete Packages 체크 해제 > Android SDK Tools (Obsolete) 선택 후 설치

완료 후 라이선스 명령어를 다시 입력해본다.

flutter doctor로 다시 체크를 해본다.

끝.

설치 환경

• PC
  • OS : Windows 10 Pro, 64 비트 운영체제
  • Mem : 64GB
• Mobile
  • 갤럭시 노트8 SM-N950N
  • 안드로이드 버전 : 9 (테스트 기기), 4.3 (코드 빌드 버전)

네이버 지도 연동을 위해 네이버 클라우드 플랫폼에서 API 신청을 진행한다.

네이버 클라우드 플랫폼 바로가기

서비스 > Application Service > Maps

이용 신청하기

하단에 Application 등록 실행

이용 약관 읽어보고 동의 후 확인

Application 이름 기술하고 Maps에 Mobile Dynamic Map 체크

하단의 서비스 환경 등록에서 Android 앱 패키지 이름을 등록

App 사용 등록 완료!

App 인증 정보 확인

등록 완료된 App의 인증 정보를 누르면 API 연동에 필요한 Client ID와 Client Secret Key를 확인할 수 있다.

끝!

설치 환경

• PC
  • OS : Windows 10 Pro, 64 비트 운영체제
  • Mem : 64GB
• Mobile
  • 갤럭시 노트8 SM-N950N
  • 안드로이드 버전 : 9

설정 > '휴대전화 정보' 실행

'소프트웨어 정보' 실행

'빌드 번호'를 연속으로 클릭

최초 설정 화면으로 돌아가보면 '휴대전화 정보' 밑에 '개발자 옵션'이 생성되어 있다.

안드로이드 개발 시 'USB 디버깅' 모드를 이용하기 위해서는 하단에 기능을 켜준다.

끝!

설치 환경

• OS : Windows 10 Pro, 64 비트 운영체제
• Mem : 64GB

설치 순서

• JDK 설치
• Android Studio 설치

JDK 설치

2020/03/20 - [Java] - [Java] JDK(Java SE Development Kit) 1.8 설치

Android Studio 다운로드

Android Studio 다운로드 (https://developer.android.com/studio/) URL로 이동하여 프로그램을 다운로드한다.

Android Studio 설치

Android Studio 설정

처음 설치한 것이기 때문에 'Do not import settings'으로 선택합니다.

저는 보통 개발 환경 구성할 때 어두운 톤으로 테마를 변경하기 때문에 Darcula로 변경했습니다.

Emulator 사용에 대한 RAM 설정인데 Recommended로 해도 되고 필요에 따라 그 이상 올려도 된다.

설치가 완료되었는데 오류가 발생했다. Window 기능 켜기/끄기에 Hyper-V 기능 꺼져있어서 생기는 문제이다. 

사실 가상 Emulator보다는 모바일 연결해놓고 코드 빌드 시 App 올려서 테스트하는걸 선호하기 때문에 향후 필요하면 조치하도록 할 예정이다.

설치 완료.