틀:플러터
Dart:개요
플러터에 대한 지식 분류
- 플러터:개요
- 플러터:VSCode
- 플러터:안드로이드 스튜디오
- 플러터:실행
- 플러터:개념 잡기
- 플러터:화면 하나 만들기
- 플러터:변하는 화면(StatefulWidget)
- 플러터:화면 전환(화면 쌓기, 하단 네비게이션 바)
- 플러터:화면 전환(Drawer)
- 플러터:입력 관련
- 플러터:버튼
- 플러터:키보드 입력
- 플러터:슬라이더
- 플러터:그래프 그리기(fl chart)
- 플러터:데이터 저장(간단한 데이터)
- 플러터:인증(Firebase 인증)
- 플러터:인증(OAuth2)
- 권한 사용
- 플러터:마이크 입력
- 위젯
- 플러터:아이콘
- 플러터:레이아웃 계열 위젯
- 플러터:네비게이션 계열 위젯
- 플러터:버튼
- 플러터:상태관리
- 플러터:DB연결
- 플러터:Firebase
- 플러터:MySQL
- 디자인
- 플러터:테마
- 플러터:앱바
- 플러터:배포
- 플러터:참고자료
- 플러터:위젯
- 플러터:공간배치용 위젯
- 플러터:라이브러리
- 플러터:logger
개요
구글이 공개한 앱개발 프레임워크. Software Development Kit.
- 간편하게 반응형 웹페이지 따위를 개발할 수 있어 순위가 급격하게 오르는 중이다.
- 일반적인 웹 툴과 다르게, UI가 먼저 있고, 여기에 변화가 생기면 구성 요소를 새롭게 불러오는 방식이다.
- 생각보다 설치하고 시작하는 것 자체부터 고비다;; 다른사람들이 정리해둔 글을 그대로 따라해도 안되는 경우가 상당하다;; 그럴땐 침착하게 창을 껐다 켜든가 재부팅을 하는 방향으로.
- 25년12월 기준 web이나 일반 데스크톱 OS에선 따로 구현해주어야 하는 기능들이 상당수 있다.
설치
설치 전 유의사항
| 과정
|
설명
|
비고
|
| 경로는 무조건 영어로
|
프로젝트 저장 경로, 플러터 언어의 경로에 절대로 영어 외의 언어가 쓰이면 안된다.(이게 참 불편한 점이다; 회사 원드라이브 경로는 한글인데..)
하여, 필자는 비고와 같이 설정하여 경로를 우회를 시도하였으나.. 이도 쉽진 않다.
|
윈도우. CMD에서 다음의 명령으로 가상 드라이브 생성.
subst X: "D:\OneDrive - 원주중학교\for coding computer"
|
설치
| 과정
|
설명
|
비고
|
| Flutter SDK 설치
|
zip파일로 다운받는데, 몇 가지 방법이 있다.
- 찾기 좋은 곳에 압축 푼다.
- 환경 변수 지정.
- 각 운영체제의 방법을 따라 경로 지정. 윈도우:환경변수 설정 참고.
- flutter 디렉토리 하위의 bin을 지정한다.
- VS Code를 쓰는 경우.(1.77 이상.)
- [필수](개발을 한다면 보통 설치되어 있을텐데..) git 2.27 이상을 요구한다. 설치 후 재부팅해줘야 clone이 오류 없이 되더라.(귀찮더라도 재부팅 해주고.. 문제 생기면 그때라도 재부팅 해주자.)
- extentions에서 flutter를 다운받는다.
- ctrl+shift+p 에서 flutter:New Project를 입력하면 된다. Download SDK부터 SDK를 설치할 폴더를 선택하면 하위에 flutter 디렉토리가 생김.(몇 분 걸림)
- 이후 그대로 따라가면 설치됨.(프로젝트 생성까지 해보자.)
git clone -b stable https://github.com/flutter/flutter.git그러면 해당 디렉토리 하위에 flutter라는 디렉토리를 만든다. 100%, done 이라는 텍스트가 몇 개 보이면 성공.
|
CMD 등에서 flutter --version 으로 설치 확인.
|
| 확인
|
터미널에서 flutter doctor 입력.
어떤 환경에서의 준비가 되어 있는지 확인할 수 있다.
|
|
