flutter 테스트 2

Flutter로 앱 만들기 - 4. VS Code에서 테스트하기

VS Code에서 프로젝트 만들고 테스트하기1. VS Code에서 Ctrl + shifr + p를 눌려 fullter를 검색한다.  2. New Project를 선택  3. 테스트를 위해 Application을 선택실제 개발을 시작할 땐 Empty Application을 선택해 비어있는 Project를 만들어야함4. 폴더를 지정하고 프로젝트 이름 작성 5. 새로운 프로젝트가 생성되었다.main.dart에는 기본적으로 생성되는 예제의 코드들이다. 6. F5를 눌려 테스트 환경을 선택 할 수 있다.에뮬레이터가 깔려 있다면 Chrome, Edge, Window 밑에 mobile emulator를 선택할 수 있다. 일단 Chrome을 선택해서 테스트해보자  Chrome에서 웹앱이 정상적으로 실행되는걸 확인할 수..

Dart/Flutter 2024.06.17

Flutter로 앱 만들기 - 3. 프로젝트 생성하고 첫번째 앱 만들기

테스트 환경 선택Flutter로 만든 앱은 iOS, Android에서도 실행이 되면서 Chorme, Edge에서도 실행이 가능하다. 우리는 스마트폰 기기에서 사용할 앱을 만들거라, Android Studio에서 에뮬레이터를 실행시켜준다. 프로젝트 생성터미널을 열고 다음 명령어를 입력하자flutter create 프로젝트_이름 프로젝트_이름 이라는 폴더가 만들어지고 개발을 위한 환경들이 만들어졌다. cd 프로젝트_이름으로 만들었던 프로젝트 폴더에 들어간 후 flutter run으로 앱을 실행시킬 수 있다. 첫 실행시엔 조금의 시간이 걸린다. 이후에는 바로 작동이 된다.  아래 + 버튼을 누르면 숫자가 카운터되는 앱이 에뮬레이터에 실행되었다. 이건 Flutter에서 기본으로 만들어진 앱이다. 이렇게 Flut..

Dart/Flutter 2024.06.16