플루터(Flutter) 개발 시작(Hello World)
·
Flutter
Create New Project새로운 프로젝트를 생성하여 Hello World를 찍어 보도록 하겠습니다. 새로운 프로젝트의 경로를 설정해주세요. iOS 언어 선택란이 없는데 기본값이 swift로 지정되어 있기 때문 입니다. 앱 개발 예정이니까 platforms 부분도 android 와 iOS만 체크해줍니다. 프로젝트를 생성하고 오른쪽에 Device Manager 선택한 다음 start 버튼 눌러주시면 됩니다. Running Device에 핸드폰이 나왔다면 성공 입니다. Hello World모든 언어 학습의 기본인 hello world 출력해보도록 하겠습니다. emulator 실행중인 상태에서 상단의 start 버튼을 눌러주세요. 상단의 start는 실질적인 앱 실행의 build를 의미합니다. ..
안드로이드 스튜디오(Android Studio) 가상 스마트폰 세팅(Emulator Setting)
·
Flutter
Emulator?진짜 스마트폰처럼 작동하는 가짜 스마트폰 입니다. 컴퓨터 안에 있는 가상 휴대폰이라고 생각하면 됩니다. 앱을 만들 때마다 진짜 스마트폰에 설치해서 확인하면 너무 번거롭고 시간이 오래 걸리기 때문에, 컴퓨터 안에서 가짜 스마트폰을 실행 시켜서 앱 테스트를 진행 합니다. Emulator Setting1. Android Studio 시작해서 New Flutter Project 선택 합니다. 2. 그럼 팝업창 하나가 뜨는데 Flutter 선택과 함께 Flutter SDK path 값을 넣어줘야 합니다. 3. cmd 창을 열고 flutter doctor -v 입력한 뒤 나오는 경로를 복사 합니다. 4. 위 경로를 복사해서 그대로 붙혀 넣어 줍니다. 그리고 Next 5. ... 클릭한뒤, 프..
안드로이드 스튜디오 설치(android studio install) 및 개발 환경 준비
·
Flutter
안드로이드 스튜디오 설치 이유Flutter는 앱 개발에 장점이 많은 프레임워크라고 설명 했습니다. 안드로이드 스튜디오 역시 같은 구글에서 만든 IDE로 Flutter 앱 개발할 수 있는 최적의 환경을 제공 합니다. 안드로이드 스튜디오 설치 방법1. 구글에 안드로이드 스튜디오 검색하고 아래 사이트에 접속 합니다.2. 그럼 메인에 다운로드 버튼이 있는데 눌러주세요. 3. 그럼 팝업창 하나가 뜨는데 스크롤 가장 아래로 내려서 체크 후 다운로드 선택 합니다. 4. 다운로드가 완료되면 파일 열어서 계속 Next 선택 합니다. 5. 동의하고 계속 진행 합니다. 6. 아래 창이 나왔다면 정상적으로 설치 완료 입니다. 안드로이드 스튜디오에서 Flutter 프로젝트 생성1. More Actions - SDK ..
플루터(Flutter) 소개 및 설치(환경 변수)
·
Flutter
플루터(Flutter)?Flutter는 Google이 개발한 오픈소스 FrameWork로 Single Codebase를 지원 합니다. Dart 언어 기반으로 개발 가능하며, iOS, Android, 웹, 데스크탑 앱까지 멀티플랫폼 앱을 개발할 수 있는 도구입니다. 글만 보면 복잡해 보이지만 하나씩 뜯어보면 어렵지 않습니다. * 오픈소스 => Flutter 모든 정보가 오픈되어 있다는 뜻 입니다. * Single Codebase => 하나의 소스 코드로 여러 플랫폼을 커버 가능 하다는 뜻 입니다. 2018년에 정식 출시하여 무서운 속도로 성장하여 시장에서 많은 영향력을 미치고 있습니다. 경쟁자라고 할 수 있는 React Native를 후발 주자인 Flutter가 역전한 상황 입니다. 그만큼 Flutte..