앱/플러터(Flutter)

앱/플러터(Flutter)

2-1. Flutter로 첫 앱 만들기

Flutter 로 처음 앱 만들기 - 1편 (카운팅 앱) 일단 프로젝트를 만들려면, 생성해야 한다. vscode 라면 명령 팔레트를 열어서 (단축키 cirl + shift + p) Flutter: New Project 를 클릭해서 플로터 프로젝트의 기초를 생성한다. 그리고, lib 폴더안의 main.dart 파일에서 앱을 개발하는데, (일단 다른 .dart 파일은 무시해도 좋다.) 기본으로 작성되어 있는 코드를 모두 지우고, 새로 쓰면서 뭐가 뭔지 알아보도록 하자. (완전히 왜 이렇게 쓰는지 하나하나 이해할려다기 보다는, 가볍게 걍 근가보다 하고 대강 이해해도 충분하다. 일단 처음 앱을 만들어 본다음에, 여기서 쓰이는 문법을 뒤에서 차근히 알아볼 것이다.) 앱 코드 작성하기 (main.dart) impo..

앱/플러터(Flutter)

1. Flutter 설치

Flutter 설치 flutter SDK 와 안드로이드 스튜디오, vscode 를 다운받는다. fltter doctor 를 윈도우 파워셀에 쳐서, 다운이 제대로 됬는지 확인한다. 여기서 나오는 체크리스트에 부족한 조건을 모두 채우면 플로터를 개발할 준비를 마친 것이다. 위에서 채워야할 체크 리스트는 아래와 같다. 개발툴, vscode, 안드로이드 스튜디오 둘중 하나를 설치해서 사용한다. (vscode 가 사실 가볍고 편리하긴 하다.) (vscode 라면 flutter 플러그인을 설치하자.) 안드로이드 튤체인, 에뮬레이터 설치 걍 android SDK (이걸 설치하려면 JDK도 설치해야함) 과 에뮬레이터는 간단하게 안드로이드 스튜디오를 설치해서 한방해 할 수 있다. (대강 흐름은 위와 같다.) 참고 htt..

앱/플러터(Flutter)

0. Flutter란?

0 -0flutter 란? Google flutter, flutter라고 하며, 한글로 부를때는 플러터, 플로터라고 한다. (플로터라고 검색하면 프린터 친척인 대형 포맷프린터가 검색결과로 나오니.. 플러터라 해야겠네요;;) 이름에서 봤듯이 Google 에서 만들었으며, 하나의 코드로 안드로이드, ios 앱을 만들수 있는 모바일 앱 SDK1 라고 한다. 다시말해서 크로스 플랫폼 앱 을 개발할 수 있는 UI 프레임워크다. Flutter 는 Dart(다트) 언어를 사용해서 싱글 이벤트 큐 라는 것을 기반으로 동작한다고 한다. 이런 부분에서는 자바스크립트(JavaScript)와 비슷하다. JS의 React Native(리엑트 네이티브)도 같은 크로스 플랫폼 앱을 개발할 수 있어서, 플러터와 비교되기도 한다. R..

도솔비
'앱/플러터(Flutter)' 카테고리의 글 목록