WEB MASTER

앞서 했던 내용들처럼 Grade이름을 가진 home 위젯을 stl로 만들어 준 것부터 시작. 1. Scaffold ( backgroundColor: Colors.amber[800], appBar: AppBar( backgroundColor: Colors.amber[700], centerTitle: true, elevation: 0.0 ), //AppBar ); //Scaffold .... 등 기본적으로 알고 있는 내용 말고 추가적인 내용은 사진첨부. 1. body안에 Text를 2개 기입 2. 두 번째 Text는 글자 간격과 크기 등을 추가로 조정하였다. 3. Text와 Text 사이의 간격을 SizeBox로 조정하였다. 4. crossAxisAlignment: CrossAxisAlignment.star..

[캐릭터 카드 페이지 만들기] AppBar ( 1. centerTitle: True (AppBar 위치 설정이며 값은 불리언으로 지정한다.) 2. backgroundColor: 배경색 3. elevation: 높이란 뜻이며 수치로 값 지정(소수점가능) 앱 바가 떠있는 간격 조절 ) 4. body: Padding( padding: EdgeInset.fromLTRB(left, top, right, bottom), -Padding내의 padding속성 값으로 간격들을 소수점으로 지정 5. child: Column( children: [ Text('hello'), Text('hello'), Text('hello'), ], ) ## Padding 6. Column( mainAxisAligment: mainAxis..

1. MyHomePage 커스텀 위젯은 존재하지 않기에 MyApp 밖에서 제작 (stl이나 stf 선택) 2. stl 입력 3. stl class 뒤에 MyHomePage 입력 4. 기본적으로 build함수를 Widget 하고있고 Container를 return 하고 있다. 5. Container => Scaffold로 변경(앱 화면에 다양한 요소들을 배치하고 도와주는 빈 도화지 같은 역할) [Scaffold 내부] 6. appBar: AppBar() 입력 7. AppBar( title: Text('First app') 입력 ) 8. body: Center() 입력 (가운데로 나타내기 위함이며 Center 고유의 아이들이 있다.) 9. Center( child: Column()(세로 배치) childre..

1. 우선 statelesswidget 입력 stl 입력하면 틀 자동완성 2. class 뒤에 우리가 만들 커스텀 위젯인 MyApp 입력 3. return을 container이 아닌 flutter기능을 가진 위젯인 materialApp으로 변경 [materialApp 내에서] 4. title 지정 5. theme 불러오기 (앱의 기본적인 디자인 테마) [theme 내에서] 6. primaryswatch 불러오기 (색상 선택은 자유) 7. home에서 원하는 이름 지정 (앱이 정상적으로 실행될 때 가장 먼저 보이는 경로)

flutter 앱 만들기 1 1. flutter 프로젝트 폴더의 구성 2. 코드의 기본 내용 이해하기 / 앱 페이지 기본 구성 공식화 해보기 3. 첫번째 flutter 앱 실행 -test 파일 내에 pubspec.yaml란 프로젝의 메타데이터를 관리하고 정의한다. 즉 앱을 만들때 여러가지 필요한 중요한 정보를 여기에 등록하는구나 정도 이해. (버젼이나 설정 등등..) -우리가 중요하게 여겨할 파일 lib폴더 -main.dart는 기본적으로 카운트를 세는 기능을 가지고 있다. 1. import는 어떤것을 임명한 후 fm 입력 즉 flutter/material 은 flutter의 라이브러리 2. void은 main이라는 이름의 함수 값이 끝났을 때 아무일도 일어나지 않는다는 것을 정의 main은 앱의 시작점..

Widget 1. flutter 상에서 위젯이란? 2. stateless widgets VS stateful widgets 3. widget tree 우선 widget이란 1. 독립적으로 실행되는 작은 프로그램 2. 주로 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 보여줌 3. 그래픽이나 데이터 요소를 처리하는 함수를 가지고 있음 1. flutter 상에서 위젯이란? 1. UI를 만들고 구성하는 모든 기본 단위 요소 2. 눈에 보이지 않는 요소들까지 위젯 즉 위젯으로 시작하며 위젯으로 끝난다. 3. everything is a widget Types of widgets 1. stateless widget 2. stateful widget 3. inherited widget stateless와 statef..

1. flutter doctor로 실행환경 점검 2. visual studio code로 프로젝트 생성 / 에뮬레이터 실행 3. android studio로 프로젝트 생성 / 에뮬레이터 실행 path를 잘 잡아야한다, 특히 자바같은 경우 bin 제외

1. Android studio (크로스로 os 적용 가능하기에 설치) / 에뮬레이터 설치 (앱 시각화) 2. Visual Studio Code(ide) 설치 (가볍기 때문에) Android studio는 flutter와 dart를 함께 설치했지만 Visual Studio Code는 한 번에 설치된다. - Material Icon Theme (보기편해서 추가 설치)

SDK란? 1. Software Development Kit 2. 누군가의 소스코드의 모음과 유틸리티랄까? 3. 구글 제공 구글이 제공한 flutter packages 내의 모습 flutter을 사용하려면 무조건 bin 폴더에 접근 번거로움을 줄이기 위해 path를 잡아서 cmd 창에 flutter만 쳐도 접근할 수 있게 환경설정 결과

- flutter는 프레임워크 - fuchsia의 사용자 인터페이스와 애플리케이션을 만들기 위해 사용 - flutter 앱 개발을 위한 프로그래밍 언어로는 Dart를 사용 - 크로스 플랫폼(안드로이드 IOS,) 애플리케이션 개발 - 인터페이스나 사용자 경험을 하나로 통일 현재 Hummingbird: flutter 웹 프로젝트 존재 (아직 초기단계여서 크롬만 가능) Fuchsia and Flutter 2개의 os를 만들 수 있다. 개발자들이 flutter로 앱을 만들면 만들수록 Fushsia os를 위한 생태계가 넓어질 것으로 보임. flutter라는 것이 우리의 커리어에 도움이 될 것 인가에 아직은 아니지만 미래에 큰 유망이 될 것으로 보임.