Programing/Flutter 9

Flutter StatelessWidget, StatefulWidget, InheritedWidget 간단 개념 잡기

StatelessWidget 한 번 클래스를 만들면 내부 값이 변하지 않는다.(immutable), 상태를 갖지 않는다. 성능 최적화 1. Constructor()2. createElement() : 거의 사용하지 않는다.3. build()4. dispose() StatefulWidget 사용자 상호작용 및 데이터 변경 등 외부요인에 따라 위젯의 UI 가 변경되야 할 때 사용StatefulWidget 클래스 : 상태가 변경될 수 있는 위젯 정의State 클래스 : 위젯의 상태 유지 관리StatefulWidget 클래스 자체에서 상태를 관리하는게 아니라 상태를 관리하는 State 클래스를 생성해서 상태를 관리한다.-> StatefulWidget 내부에 전달받는 데이터는 StatelessWidget 처럼 보..

Programing/Flutter 2025.07.24

Flutter 참조 사이트

Flutter 프로그래밍을 하면서 참조할만한 사이트들 Widget catalog 사이트 -> 14개의 그룹 항목으로 위젯을 사전 방식으로 정리https://docs.flutter.dev/development/ui/widgets Cookbook 사이트 -> 문제(할려고 하는 것) 중심으로 위젯 찾기 https://docs.flutter.dev/cookbook Sample 프로그램 사이트 -> 다양한 예제들 https://flutter.github.io/samples/# Flutter widget index 사이트 -> 위 사이트들과 Flutter 공식 사이트 링크, 비디오 컨텐츠 https://docs.flutter.dev/reference/widgets Flutter documentation 사이트htt..

Programing/Flutter 2025.05.17

Flutter 에서 Firebase 사용하기

Firebase CLI 설치 - Windows - 1. Firebase CLI(Command Line Interface) 설치 https://firebase.google.com/docs/cli#install-cli-windows Firebase CLI 참조 | Firebase 문서 firebase.google.com 2. Windows용 Firebase CLI 바이너르를 다운로드 3. 다운로드 후 설치와 로그인까지 해준다. 4. 플러터 프로젝트에 파이어베이스 설정을 추가하려면 FlutterFire CLI 를 설치하고 설정기능을 실행해줘야한다. - 안드로이드 스튜디오로 프로젝트를 열고 terminal 에서 'dart pub global activate flutterfire_cli' 를 입력한다. - 다음과..

Programing/Flutter 2023.12.05

플러터에서 유투브 정보 이용하기

유투브 API 설정하기(구글 클라우드 플랫폼) 1. 구글 클라우드 플랫폼에 접속합니다. (처음이면 구글 계정으로 가입) 검색을 클릭합니다. 2. 검색란에 youtube data api v3 를 검색하면 하단 MARKETPLACE 에 있는 것을 클릭합니다. 3. 다음과 같은 화면이 나오면 사용 을 클릭합니다. 4. 확인을 하려면 다음과 같은 화면에서 햄버거 버튼 -> API 및 서비스 -> 사용 설정된 API 및 서비스 로 들어갑니다. 5. 사용량 그래프들이 나오면 스크롤을 아래로 내려서 목록에 YouTube Data API v3 있는 것을 확인합니다. 6. 클릭해서 들어가보면 트래픽 정보들이 있고 상태를 확인할 수 있습니다. 7. 발급받은 API Key 를 이용해서 유투브 정보를 요청하고 받을 수 있습니다.

Programing/Flutter 2023.12.01

Dart 연산자 정리 업데이트 중

더보기 Spread operator(…), null-aware Spread operator(…?) ... 은 여러개의 항목을 collection에 간편하게 추가할 수 있게 해준다. 추가하려는 항목이 null 일 수 있다면 아래와 같이 ...? 를 사용한다. var list = [1, 2, 3]; var list2 = [0, ...list]; // [0, 1, 2, 3] assert(list2.length == 4); var list; var list2 = [0, ...?list]; assert(list2.length == 1); void main() { List list = [1, 2, 3]; List list2; //

Programing/Flutter 2023.12.01

Android Studio 자주 쓰는 단축키 Windows

ctrl + alt + L : 코드 자동 정리(코드 간격, 줄바꿈 등), 콤마(,)를 기반으로 줄바꿈을 진행하고 코드 정리를 한다. stless 입력하고 탭을 누르면 스테이트리스 위젯을 생성 stful 입력하고 탭을 누르면 스테이트풀 위젯을 생성 Show Context Action : Show Context Action 을 실행하고 싶은 곳에 커서를 올려놓고 alt + Enter 입력 - 위젯 감싸기 옵션 명칭 설명 Wrap with Widget 위젯으로 감싸기, 아래 옵션에 정의되지 않은 다른 위젯으로 감쌀 때 사용 Wrap with Builder Builder 위젯으로 감싸기 Wrap with Center Center 위젯으로 감싸기 Wrap with Column Column 위젯으로 감싸기 Wrap..

Programing/Flutter 2023.12.01

플러터 위젯들 정리 업데이트 중

Stack Transform InteractiveViewer VoidCallback : 상위 클래스에서 만든 함수를 생성할 클래스의 생성자로 넘겨줄 때 생성할 클래스가 받을 변수 타입 Dismissible : 위젯을 밀어서 삭제하는 기능 direction: DismissDirection.vertical 세로로의 움직임을 모두 허가(위에서 아래 또는 아래에서 위) direction: DismissDirection.horizontal 가로로의 움직임을 모두 허가(좌에서 우 또는 우에서 좌) direction: DismissDirection.endToStart 글을 읽는 반대 방향으로의 움직임만 허가(우에서 좌) direction: DismissDirection.startToEnd 글을 읽는 방향으로의 움직임..

Programing/Flutter 2023.11.30

플러터(Flutter) 구글 지도 이용하기

구글 지도 API 키 발급받기(신용카드 필요) - 구글이 클라우드 사업에 진출하면서 대부분의 API 발급 시스템이 구글 클라우드 플랫폼으로 통합되었다. 구글 지도도 구글 클라우드 플랫폼으로 병합되어서 구글 지도 API 를 발급받으려면 구글 클라우드 플랫폼을 이용해야 한다. 병합 전 구글 지도의 모든 기능은 무료였지만 현재는 부분 무료로 변경되서 기본 기능은 무료이나 검색 서비스나 길찾기 등의 기능은 유료이다. 1. 구글 클라우드 플랫폼을 검색하고 접속해서 로그인한 뒤 콘솔을 클릭한다. 2. 서비스 약관에 동의하기 3. 다음과 같은 화면이 나오는데 무료로 시작하기를 클릭한다. 4. 계정 정보 및 결제 정보 입력하기 5. 휴대폰 본인 확인 절차까지 마치면 결제 수단 카드 정보 입력하고 무료로 시작하기를 클릭..

Programing/Flutter 2023.11.30

Flutter 에서 Chat GPT 이용하기

Flutter & Chat GPT 1. API Key 발급 받기 무료 평가판 계정에서는 API를 정상적으로 이용할 수 없으므로 아래 링크에서 로그인해서 free trial로 되어있다면 카드를 등록해준다. https://platform.openai.com/account/billing/overview 위와 같이 보여야 API Key 발급 가능 자신만의 API Key 를 발급받자. 발급 후 계속 쓸 것이니 따로 잘 보관하자. https://platform.openai.com/account/api-keys 2. 코드 prompt : 새 텍스트를 생성할 때 시작점으로 사용할 초기 텍스트 프롬프트, 여기에 GPT에게 할 질문 내용을 넣는다. max_tokens: 출력 텍스트에 생성할 토큰(단어)의 최대 개수 tem..

Programing/Flutter 2023.11.24