전체 글26 시작하기-첫 Flutter 앱 작성-part1-2단계 시작하기-첫 Flutter 앱 작성-part1-1단계 시작하기-첫 Flutter 앱 작성-part1-1단계 시작하기-첫 Flutter 앱 작성-part1 팁: 이 Codelab은 첫 번째 Flutter 앱을 작성하는 과정을 안내합니다. 웹에서 첫 번째 Flutter 앱을 작성하는 것을 선호할 수도 있습니다. 이 Codelab의 강사 주도 버전을 fmcho.tistory.com 2 단계 : 외부 패키지 사용 이 단계에서는 가장 많이 사용되는 수천 개의 영어 단어와 일부 유틸리티 기능이 포함된 오픈 소스 패키지인 english_words를 사용하기 시작합니다. pub.dev에서 english_words 패키지와 다른 많은 오픈 소스 패키지를 찾을 수 있습니다. pubspec.yaml 파일은 Flutter 앱.. 2022. 12. 19. 시작하기-첫 Flutter 앱 작성-part1-1단계 시작하기-첫 Flutter 앱 작성-part1 시작하기-첫 Flutter 앱 작성-part1 팁: 이 Codelab은 첫 번째 Flutter 앱을 작성하는 과정을 안내합니다. 웹에서 첫 번째 Flutter 앱을 작성하는 것을 선호할 수도 있습니다. 이 Codelab의 강사 주도 버전을 선호하는 경우 다음 워크숍을 확 fmcho.tistory.com 1단계: 스타터 Flutter 앱 만들기 첫 번째 Flutter 앱 시작하기의 지침을 사용하여 간단한 템플릿 Flutter 앱을 만듭니다. 프로젝트 이름을 startup_namer(flutter_app 대신)로 지정합니다. 팁: IDE에서 옵션으로 "New Flutter Project"가 표시되지 않으면 Flutter 및 Dart용 플러그인이 설치되어 있는지 .. 2022. 12. 17. 시작하기-첫 Flutter 앱 작성-part1 팁: 이 Codelab은 첫 번째 Flutter 앱을 작성하는 과정을 안내합니다. 웹에서 첫 번째 Flutter 앱을 작성하는 것을 선호할 수도 있습니다. 이 Codelab의 강사 주도 버전을 선호하는 경우 다음 워크숍을 확인하세요: https://www.youtube.com/watch?v=Z6KZ3cTGBWw&t=1s 첫 Flutter 앱 작성 첫 번째 Flutter 앱을 만들기 위한 가이드입니다. 개체 지향 코드와 변수, 루프 및 조건과 같은 기본 프로그래밍 개념에 익숙하다면 이 자습서를 완료할 수 있습니다. Dart, 모바일, 데스크톱 또는 웹 프로그래밍에 대한 이전 경험이 필요하지 않습니다. 이 Codelab은 두 부분으로 구성된 Codelab의 1부입니다. Google Developers Cod.. 2022. 12. 16. 시작하기 - 테스트 드라이브 - 터미널과 에디터 앱 만들기 flutter create 명령을 사용하여 새 프로젝트를 만듭니다. $ flutter create my_app $ cd my_app 프로젝트 이름(pubspec.yml), 조직 이름과 같은 다른 인수를 flutter create에 전달하거나 네이티브 플랫폼에 사용되는 프로그래밍 언어를 지정할 수도 있습니다. $ flutter create --project-name my_app --org dev.flutter --android-language java --ios-language objc my_app $ cd my_app 이 명령은 Material Components를 사용하는 간단한 데모 앱이 포함된 my_app이라는 Flutter 프로젝트 디렉토리를 생성합니다. 팁: 앱의 코드는 lib/mai.. 2022. 12. 14. 시작하기 - 테스트 드라이브 - Android Studio and IntelliJ 앱 만들기 IDE를 열고 New Flutter Project를 선택합니다. Flutter를 선택하고 SDK 위치로 Flutter SDK 경로를 확인합니다. 그런 다음 Next를 클릭합니다. 프로젝트 이름을 입력합니다(예: my_app). 프로젝트 유형으로 Application을 선택합니다. 그런 다음 Next를 클릭합니다. Finish를 클릭합니다. Android Studio에서 프로젝트를 생성할 때까지 기다립니다. 참고: 새 Flutter 앱을 만들 때 일부 Flutter IDE 플러그인은 com.example과 같이 역순으로 회사 도메인 이름을 요청합니다. 회사 도메인 이름과 프로젝트 이름은 앱 출시 시 Android용 패키지 이름(iOS용 번들 ID)으로 함께 사용됩니다. 앱이 출시될 수도 있다고 .. 2022. 12. 13. 시작하기 - 테스트 드라이브 - Visual Studio Code 이 페이지에서는 템플릿에서 새 Flutter 앱을 만들고 실행하고 앱을 변경한 후 "핫 리로드"를 경험하는 방법을 설명합니다. Flutter 앱 작성, 구축 및 실행을 위해 선택한 개발 도구를 선택하세요. Visual Studio Code 앱 만들기 View > Command Palette를 호출합니다. "flutter"를 입력하고 Flutter: New Project.를 선택합니다. Application을 선택합니다. 새 프로젝트 폴더의 상위 디렉토리를 생성하거나 선택합니다. my_app과 같은 프로젝트 이름을 입력하고 Enter키를 누릅니다. 프로젝트 생성이 완료되고 main.dart 파일이 나타날 때까지 기다립니다. 위의 명령은 Material Components를 사용하는 간단한 데모 앱이 포함된.. 2022. 12. 11. 시작하기 - 에디터 설정 Flutter의 명령줄 도구와 결합된 텍스트 편집기를 사용하여 Flutter로 앱을 빌드할 수 있습니다. 그러나 더 나은 경험을 위해 편집기 플러그인 중 하나를 사용하는 것이 좋습니다. 이 플러그인은 코드 완성, 구문 강조 표시, 위젯 편집 지원, 실행 및 디버그 지원 등을 제공합니다. VS Code, Android Studio, IntelliJ 또는 Emacs용 편집기 플러그인을 추가하려면 다음 단계를 따르세요. 다른 편집기를 사용하고 싶다면 괜찮습니다. 다음 단계인 테스트 드라이브로 건너뛰십시오. Visual Studio Code VS Code 설치 VS Code는 완벽한 Flutter 앱 실행 및 디버그 지원을 제공하는 경량 편집기입니다. VS Code, 최신 안정 버전 Flutter 및 Dart .. 2022. 12. 10. 시작하기- 크롬OS 설치 2 시작하기- 크롬OS 설치 1 시작하기- 크롬OS 설치 1 크롬OS 내 flutter를 설치하는 방법을 알아보겠습니다. 시스템 요구사항, flutter sdk 설치, flutter doctor 실행, path 설정 등의 내용을 담고 있습니다. 시스템 요구사항 lutter를 설치하고 실행시키기 위한 fmcho.tistory.com Android 설정 참고: Flutter는 Android 플랫폼 종속성을 제공하기 위해 Android Studio의 전체 설치에 의존합니다. 그러나 여러 편집기에서 Flutter 앱을 작성할 수 있습니다. 이후 단계에서 이에 대해 설명합니다. Android Studio 설치 Android Studio를 다운로드하여 설치합니다. Android Studio를 시작하고 'Android .. 2022. 12. 9. 이전 1 2 3 4 다음