반응형 flutter공부5 7. Flutter 첫번째 나의 앱 만들기 아래 플러터 사이트의 튜토리얼 가이드를 보고 만들겁니다. https://docs.flutter.dev/get-started/codelab Write your first Flutter app, part 1 How to write a web-based app in Flutter. docs.flutter.dev 우리가 보고 따라할 영상은 아래 거구요. https://www.youtube.com/watch?v=Z6KZ3cTGBWw 같이 보면 좋은 글들입니다. 1. What is Flutter? 2. Install Flutter on my Mac Book pro ( M계열 칩 ) 3. [IDE Install] Android Studio 4. [IDE Install] VS Code 5. [VS Code]Flutte.. 2022. 3. 19. 5. [VS Code]Flutter Test 앱을 만들어 iPhone에 배포하기 Flutter Get started 에 나온 메뉴얼의 내역중 3번 IDE 설치 완료 이후 정상 설치 여부를 확인하기 위한 테스트 해보는 단계입니다. 영어로 해놓으니까 역시 메뉴얼이랑 IDE랑 맵핑해서 보기 편하네요. 한글 메뉴얼이었다면 한글언어로 설정해야겠다는 생각도 듭니다. flutter로 검색을 하면 아래와 같이 Flutter: New Project 가 나오는데요. 이걸 선택 합니다. 그러면 이제 화면이 아래와 같이 나옵니다. Application을 선택하면 아래와 같이 프로젝트를 저장할 폴더 선택이 나옵니다. 프로젝트들을 담아 놓을 상위 폴더를 하나 만들어서 선택 하면 됩니다. 그러면 나중에 프로젝트를 생성할때 마다 프로젝트 명으로 폴더가 생성이 됩니다. 저는 아래와 같이 dev_VSCODE 라고 .. 2022. 1. 22. 3. [IDE Install] Android Studio 안드로이드 스튜디오 설치 하기. https://developer.android.com/studio Download Android Studio and SDK tools | Android Developers The official IDE for Android app developers. developer.android.com Download Android Studio 버튼을 클릭합니다. 아래 약관 동의를 실시하고 저는 애플 M1 Max Process 이므로 애플을 선택 합니다. 이제 왠만한곳은 애플 칩 선택 하는 메뉴가 다 나오네요. 안드로이드 스튜디오를 다운로드 하고 더블클릭 해서 설치를 합니다. 아래와 같이 설치 된것을 확인 할수 있습니다. 열고 업데이트 실시 합니다. 설치 완료. Open plugin .. 2022. 1. 22. 4. [IDE Install] VS Code Flutter를 시작 하기 위해서 IDE 툴인 VS Code를 설치 합니다. 플러터 사이트에 나온 대로 설치를 해보겠습니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 아래와 같이 맥북 프로.. 2022. 1. 22. 이전 1 2 다음 반응형
