목록분류 전체보기 (358)

Study Record

[Flutter] StatelessWidget / StatefulWidget 생명 주기

✍ 클래스 생성 단축키 stful : StatefulWidget 생성 단축키 stless : StatelessWidget 생성 단축키 ✍ StatelesssWidget 상태를 관리할 수 없는 위젯이다. Constructor 로 생성된 후 바로 build 함수가 실행된다. 변경이 필요하면 새로운 위젯을 만든다. (색 변경 등) 하나의 StatelessWidget은 라이프사이클동안 단 한 번만 build 함수를 실행한다. ※ 생명 주기 아래의 코드와 같이 StatelessWidget 을 상속받으면 StatelessWidget 을 생성할 수 있다. build() 함수의 return 값으로 생성하고자 하는 위젯을 리턴하면 된다. class HomeScreen extends StatelessWidget{ Stri..
Flutter 2023. 1. 30. 01:10
[Flutter] WebView / HTTP 접속 권한 허용

✍ pub.dev 사이트에서 WebView 오픈소스 살펴보기 pub.dev 사이트는 Flutter 와 관련된 오픈소스 프로젝트들이 모여있는 공간이다. pub.dev 사이트에서 webView를 검색하면 여러 가지 프로젝트들을 볼 수 있는데 그중 flutter.dev 는 flutter 공식 개발 팀을 의미한다. ✍ WebView_flutter 프로젝트에 적용하기 webview_flutter 프로젝트의 installing 탭에 적용하는 방법이 나와있는데 명령어 "flutter pub add webview_flutter" 를 먼저 실행한다. 그다음 pubspec.yaml 파일에 다음과 같이 webview_flutter: ^x.x.x 와 같이 추가되어 있는지 확인한 다음 [pub get] 버튼을 누른다. (web..
Flutter 2023. 1. 27. 21:26
[Flutter] Row and Column Widget

🎁Column Widget 세로를 기준으로 자식 위젯들을 배치할 수 있는 위젯이다. 😶 argments 1. mainAxisAlignment 주축(세로)을 기준으로 어떻게 배치될지 설정하는 인자다. value 설명 MainAxisAlignment.start 시작(위)를 기준으로 배치한다. MainAxisAlignment.end 끝(아래)를 기준으로 배치한다. MainAxisAlignment.center 가운데를 기준으로 배치한다. MainAxisAlignment.spaceBetween 각 위젯 사이의 간격이 동일하게 배치한다. MainAxisAlignment.spaceEvenly 각 위젯 사이의 간격이 동일하게 배치되지만 끝과 끝이 위젯이 아닌 빈 가격으로 시작한다. MainAxisAlignment.sp..
Flutter 2023. 1. 21. 14:28
[Flutter - Wdiget] Container

Container -
Flutter/widget 2023. 1. 21. 02:30
[Flutter - Wediget] MaterialApp

※ MaterialApp() 속성 debugShowCheckedModeBanner : [True/false] 화면에 debug 배너를 보여주는지 아닌지에 대한 속성
Flutter/widget 2023. 1. 19. 17:57
[Flutter] asset 추가하기 / font 사용하기

✍ asset 추가하기 1. android stduio 프로젝트의 최상단에 오른쪽 마우스 클릭 > new > Directory로 이미지 파일이 들어갈 폴더를 생성해 준다. (asset/img) 2. 생성한 폴더에 준비한 이미지를 넣는다. (이미지 경로 - asset/img/free_hart_img.png) 3. pubspec.yaml 파일에 flutter: 아래 주석 부분에서 설명한 것처럼 이미지가 있는 경로를 입력한다. 파일을 직접 입력해도 되지만 다음과 같이 폴더를 지정해도 된다. (asset/img) 4. [Pub get] 버튼을 눌러준다. + 이미지 위젯 추가하기 예시 (Image.asset(이미지 경로)) void main(){ runApp( MaterialApp( home: Scaffold( ..
Flutter 2023. 1. 19. 17:46
[Flutter] 프로젝트 시작 / Widget / Widget Tree

✍ 프로젝트 생성하기 [Flutter] Flutter 설치하기 - Windows ✍ Flutter 설치하기 플러터를 설치하려면 다음 사이트를 이용한다. Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 1. 사이트에 접속하여 W laustudy.tistory.com ✍ 기본 1. Flutter는 lib 파일에서 주로 작업한다. 2. 앱을 실행하고 UI 화면을 변경하고 저장(Ctrl + S)하거나 번개 아이콘(Hot reload)을 누르면 다시 실행하는 것 없이 바로 반영된다. Restart 도 Hot reloa..
Flutter 2023. 1. 19. 15:44
[Flutter] Flutter 설치하기 - Windows

✍ Flutter 설치하기 플러터를 설치하려면 다음 사이트를 이용한다. Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 1. 사이트에 접속하여 Windows 를 선택한다. 2. System requirements 를 선택한다. 3. 먼저 git을 다운로드 받고 설치한다. 4. Flutter SDK 를 설치한다. (D:FlutterSDK) 4-1. powerShell 을 열어 D 드라이브로 이동한 후 FlutterSDK 파일을 만들고 그 파일로 이동한다. (powerShell 여는 방법 = Ctrl + R → ..
Flutter 2023. 1. 18. 19:31
이전 Prev 1 ··· 21 22 23 24 25 26 27 ··· 45 Next 다음