[Linux/Flutter] 플러터 개발 환경 구성 예제 - 5(Android, iOS 지원 플러터 앱 프로젝트 생성 예제)

 

목차

1. 리눅스 Flutter 개발 환경 구성 예제 - 3(안드로이드 스튜디오에 플러터 SDK 설정) 이전 포스팅 링크 및 설명
2. 리눅스 Flutter "cmdline-tools component is missing" 에러 수정 예제 이전 포스팅 링크 및 설명
3. 파이썬 os.path.exists 파일 존재 확인 활용 예제 이전 포스팅 링크 및 설명
4. 리눅스 Flutter 안드로이드, iOS 멀티 플랫폼 지원 앱 프로젝트 생성 예제
5. 리눅스 Flutter 앱 빌드 및 크롬 브라우저에서 실행 결과 확인 예제

 

 

 

 

 

 

 

 

 

리눅스 Flutter 개발 환경 구성 예제 - 3(안드로이드 스튜디오에 플러터 SDK 설정) 이전 포스팅 링크 및 설명

이전 포스팅에서는 안드로이드 스튜디오에 플러터 SDK를 설정하는 방법을 다뤘습니다. 리눅스 환경에서 플러터 개발을 위해 필요한 설정 과정에 대해 자세히 설명하였습니다. 특히 안드로이드 앱을 개발을 위해 안드로이드 SDK를 설치하는 것과 동일하게 플러터 앱을 개발하기 위해서는 플러터 SDK를 다운로드 해야합니다. 이후 멀티 플랫폼 즉, 안드로이드, iOS 개발에 필요한 파일들을 다운로드해야 비로서 플러터 앱 개발이 가능합니다. 만약 해당 내용이 궁금하시다면 아래 링크를 참고해주세요.

 

2024.01.24 - [Flutter] - [Linux/Flutter] 플러터 개발 환경 구성 예제 - 3(안드로이드 스튜디오에 플러터 SDK 설정)

[Linux/Flutter] 플러터 개발 환경 구성 예제 - 3(안드로이드 스튜디오에 플러터 SDK 설정)

 

 

 

 

 

 

 

리눅스 Flutter "cmdline-tools component is missing" 에러 수정 예제 이전 포스팅 링크 및 설명

다음으로 이전 포스팅에는 "cmdline-tools component is missing" 에러를 해결하는 방법에 대한 예제가 포함되어 있습니다. 이 에러는 플러터 개발 환경 구성 시 종종 발생할 수 있는데, 해당 포스트에서는 이를 어떻게 수정할 수 있는지 자세히 다루고 있습니다. 보통 플러터 앱 개발 환경이 잘 구성되어있는지 확인 목적으로 flutter doctor 명령을 실행합니다. 이 doctor 명령 실행시에 위와 같은 에러가 발생할 수 있습니다. 이는 안드로이드 SDK 경로에 cmdline-tools가 설치되어있지않아 발생하는 문제입니다. 해결 방법이 궁금하시다면 아래 링크를 참고해주세요.

 

2024.01.23 - [Flutter] - [Linux/Flutter] 플러터 "cmdline-tools component is missing" 에러 고치기 예제

[Linux/Flutter] 플러터 "cmdline-tools component is missing" 에러 고치기 예제

 

 

 

 

 

 

 

파이썬 os.path.exists 파일 존재 확인 활용 예제 이전 포스팅 링크 및 설명

마지막으로 이전 포스팅에서는 파이썬에서 os.path.exists를 활용하여 파일의 존재 여부를 확인하는 예제를 다루었습니다. 해당 포스트에서는 파이썬에서 파일의 존재를 확인하는 방법과 이를 활용하는 다양한 예제를 소개하고 있습니다. 로컬에 저장된 특정 파일이 존재하는지 존재하지 않는지 여부를 알아야한다면 os.path.exists 를 활용할 수 있습니다. 해당 내용 혹은 예제 코드가 궁금하시다면 아래 링크의 포스팅을 참고하여 학습해주세요.

 

2023.07.24 - [Python/os] - [Python] os.path.exists 파일 존재 확인 활용 예제

[Python] os.path.exists 파일 존재 확인 활용 예제

 

 

 

 

 

 

 

리눅스 Flutter 안드로이드, iOS 멀티 플랫폼 지원 앱 프로젝트 생성 예제

이번 포스팅에서는 리눅스에서 안드로이드와 iOS를 모두 지원하는 플랫폼 앱 프로젝트를 생성하는 예제를 알아보겠습니다. 플러터를 이용하여 안드로이드와 iOS 앱을 동시에 개발하고 빌드하는 방법입니다. 아래와 같이 안드로이드 스튜디오를 실행하여 따라해주세요.

 

우선 안드로이드 스튜디오를 실행하고 아래와 같이 실행합니다.

1. 안드로이드 스튜디오 최상단 메뉴에서 File 메뉴 선택
2. New 메뉴 선택
3. New Flutter Project 선택
4. 왼쪽 메뉴에서 "Flutter" 메뉴 선택
5. Flutter SDK 경로에 본인 Flutter SDK 경로 입력(예시: "/home/wonseok/flutter_dev/flutter")
6. Next 버튼 클릭
7. Name에 "flutter_test_app3" 입력
8. Project Location에 "~/flutter_dev/projects/flutter_test_app3" 입력
9. Create 버튼 클릭

 

안드로이드 스튜디오에서 신규 Flutter 멀티 플랫폼 지원 앱 프로젝트를 생성한 모습

 

 

 

 

 

 

리눅스 Flutter 앱 빌드 및 크롬 브라우저에서 실행 결과 확인 예제

새로 생성한 멀티 플랫폼 지원 플러터 앱 개발 프로젝트를 빌드 후 크롬 브라우저에서 실행해볼 수 있습니다. 아래와 같이 따라해주세요.

 

1. 안드로이드 스튜디오에서 디바이스 목록에서 Chrome 브라우저 선택
2. "Run" 버튼 클릭

 

앱 실행 클라이언트로 Chrome 브라우저를 선택한 모습

 

버튼을 클릭할 때마다 카운트가 올라가는 sample Flutter 앱이 실행된 모습