본문 바로가기
프로그래밍/Flutter-Dart

[Flutter] flutter 윈도우 설치

by 채연2 2021. 3. 15.

 

 

 

 

https://cording-cossk3.tistory.com/101

 

[Flutter] IOS 앱 구동 (1)

android studio로 개발하던 프로젝트를 맥으로 가져와서 빌드하려고 했더니, Downloads Dart SDK 였나? 라고 뜨길래 다운받으려고 링크를 타고 들어갔다. dart.dev/get-dart $ brew tap dart-lang/dart $ brew install dart

cording-cossk3.tistory.com

https://cording-cossk3.tistory.com/102

 

[Flutter] IOS 앱 구동 (2)

flutter 프로젝트로 이동하자 그리고 ios 프로젝트를 열어준다. 그럼 xcode가 실행이 될 것이다!! 왼쪽에 project 구조에서 Runner를 클릭하면 무슨 설정 창 같은게 뜰 것이다. 위처럼 Signing & Capabilities 탭

cording-cossk3.tistory.com

 

 


구글에 flutter라고 검색하면 바로 첫번째로 나오는 사이트 아래 Install을 클릭한다.

 

 

 

해당되는 OS를 클릭한다 (나는 윈도우 설치니까 윈도우!)

 

 

그럼 다음과 같이 다운받는 버튼이 보일 것이다! 클릭!

 

 

나는 다운을 받고 압축은 D드라이브에 풀어줬다. D:\flutter 경로로..

 

이제 환경변수 등록을 해보자! 내PC 에서 오른쪽 마우스 → 속성 클릭!

 

 

 

왼쪽에 보이는 고급 시스템 설정 → 고급 탭 하단에 환경변수 클릭 !

 

 

 

사용자 변수 Path에서 설치경로\flutter\bin 을 넣어주면 된다!

그 후에 잘 되었는지 확인하려면 cmd창에서 flutter doctor 명령어 입력해주면

다음과 같이 잘 나온다!!


 

 

 

https://cording-cossk3.tistory.com/81

 

[Flutter] Dart 문법 (변수, 함수, 화살표 함수, 조건문, 반복문)

* 변수 : 모든 변수들이 Calss 안에 있을 필요는 없다!! var name = 'Voyager I'; var year = 1977; var antennaDiameter = 3.7; var flybyObjects = ['Jupiter', 'Saturn', 'Uranus', 'Neptune']; var image = { 'tags': ['saturn'], 'url': '//path/to/sat

cording-cossk3.tistory.com

 

https://cording-cossk3.tistory.com/91

 

[Flutter] Flutter App (1)

* app 만들어보기 - Stateless 위젯 : 모든 속성(변수)들이 변하지 않음. 모든 값들은 final 선언 - Scaffold 위젯 : appBar, title, body property 제공 - StatelessWidget : 단 한번만 Build 과정 발생. 한 번 그려진 화면

cording-cossk3.tistory.com

https://cording-cossk3.tistory.com/92

 

[Flutter] Flutter App (2)

* 좋아요 만들기 import 'package:flutter/material.dart'; import 'package:english_words/english_words.dart'; import 'package:flutter/rendering.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of y

cording-cossk3.tistory.com

https://cording-cossk3.tistory.com/93

 

[Flutter] Flutter App (3)

* 좋아요 목록 보기 import 'package:flutter/material.dart'; import 'package:english_words/english_words.dart'; import 'package:flutter/rendering.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root

cording-cossk3.tistory.com

https://cording-cossk3.tistory.com/94

 

[Flutter] Flutter App (4)

* Flutter 파일 구조 이쯤 되면 궁금해지는 Flutter project의 파일 구조... 파일들을 어떻게 나눠야 될지, 폴더명은 어떻게 하는 게 좋을지 궁금해서 찾아보았다. Root Directory of App (프로젝트 생성 시 만

cording-cossk3.tistory.com

https://cording-cossk3.tistory.com/95

 

[Flutter] Flutter Widget

* Text Text( 'Hello World!!!', style: TextStyle( color: Colors.red, fontSize: 20.0, fontStyle: FontStyle.italic ), ) * Row : 가로로 레이아웃 생성 Row( //mainAxisAlignment : 자식의 수평 배열 생성 //MainAxisAlignment.spaceEvenly : 균등

cording-cossk3.tistory.com

 

 

 

320x100

댓글