플러터

Flutter/기본

[Flutter] Key 란 무엇인가?

Key 란? 위젯 트리에서 위젯이 움직일 때마다 현 상태를 보존하는 역할을 하는 Key입니다. Key를 사용해서 이전에 스크롤 한 위치를 기억해서 다른 페이지를 갔다가 다시 빌드 될 때 해당 스크롤 위치로 다시 갈 수 있고 컬렉션을 수정한 상태를 보존할 수 있습니다. 이렇게 들어서는 이해가 안 되니 아래에서 추가 설명하겠습니다. 아래에서 Tree에 대해서 보고 오면 더욱 쉽게 이해할 수 있습니다. https://jutole.tistory.com/70 [Flutter] Widget Tree / Tree 란 무엇인가? Tree 란 ? Flutter에 있는 3가지의 Tree를 알아보겠습니다. Widget Tree : 위젯 트리는 우리가 코드로 작성한 위젯들을 트리 형식으로 표현한 것입니다. 위젯 트리는 imm..

Flutter/기본

[Flutter] Widget Tree / Tree 란 무엇인가?

Tree란 ? Flutter에 있는 3가지의 Tree를 알아보겠습니다. Widget Tree 위젯 트리는 우리가 코드로 작성한 위젯들을 트리 형식으로 표현한 것입니다. 위젯 트리는 immutable 한 특성을 가지고 있어 트리가 변경되면 파기됐다가 다시 재생성 됩니다. 위젯 트리는 Element Tree와 1 대 1로 연결되어 있습니다. @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Row( children: [ StlColorTile(), StlColorTile(), ], ), ), ); } 이러한 코드를 작성했다면 위젯 트리는 다음과 같을 것입니다. Element Tree immutable 한..

Flutter/Riverpod

[Flutter] StateNotifier / Riverpod 사용해서 앱 만들어보기.

https://jutole.tistory.com/68 [Flutter] StateNotifier 란? (1) 이 글은 StateNotiffier에 대해 알아가기 위해 공부한 내용을 적은 글 입니다. StateNotifier를 알아보기전에 State란 무엇인지 알아보겠습니다. What is state? Flutter는 본질적으로 선언형 프로그래밍 입니다 jutole.tistory.com 위 글에서 StateNotifier를 이론적으로 배웠다면 실습을 Riverpod을 이용해서 해 보겠습니다. 이글에서 StateNotifer 와 Riverpod을 이용해서 만들어 볼 앱 입니다. Start 앞서 앱 파일 구조는 이렇게 됩니다. 미리 파일만 만들어 주셔도 됩니다. 프로젝트 생성 플러터 프로젝트를 생성해주세요. ..

Flutter/기본

[Flutter] StateNotifier 란? (1)

이 글은 StateNotiffier에 대해 알아가기 위해 공부한 내용을 적은 글 입니다. StateNotifier를 알아보기전에 State란 무엇인지 알아보겠습니다. What is state? Flutter는 본질적으로 선언형 프로그래밍 입니다. 이 말은 Flutter가 UI를 구축하기 위해서는 build 메서드를 오버라이드하여 앱의 현재 상태를 반영한다는 것을 의미합니다. Flutter 공식문서에 따르면 state란 "언제든지 UI를 다시 빌드하기 위해 필요한 모든 데이터" 라고 정의 하고 있습니다. 그리고 state는 ephemeral state 와 app state 2가지 유형이 있습니다. ephemeral state vs app state ephemeral state 하나의 위젯에 포함될 수 있는..

Flutter/기본

[Flutter] .g.dart 파일 정리하기.

코드 제네레이션 기능을 사용해서 생기는 .g.dart 파일을 정리해보겠습니다. 톱니바퀴 설정창 눌러줍니다. File Nesting 클릭 .dart.js; .dart.js.deps; .dart.js.map; .dart.js.tar.gz; .g.dart; .module 그대로 넣어주시고 ok 눌러주시면 정리가 됩니다.

Flutter/오류해결

[Flutter] Could not find package "build_runner". Did you forget to add a dependency?

Could not find package "build_runner". Did you forget to add a dependency? 빌드시키다가 뜬 에러 dev_dependencies에 build_runner를 넣어줘야하나봅니다. 지금하는 그걸 할때... 해결방법 build_runner: 넣어주시면 됩니다. 저는 버전까지 넣었어요. 안넣으셔도 됩니다.

Flutter/기본

[Flutter] json_serializable 사용하기

https://pub.dev/packages/json_serializable json_serializable | Dart Package Automatically generate code for converting to and from JSON by annotating Dart classes. pub.dev json_serializable json으로 받아오는 데이터를 직렬화 해주는 패키지. class LectureDetailInfoModel { final int lectureDetailIndex; final String week; final String lectureStartDate; final String lectureEndDate; final String lectureStartTime; final S..

Flutter/오류해결

[Flutter] type 'List<dynamic>' is not a subtype of type 'List<String>'

type 'List' is not a subtype of type 'List' List타입을 넣어야하는데 List 타입이라서 뜨는 에러. 해결방법 List을 List 으로 타입변환을 하면 된다. List.from(리스트) List.from( ) 안에 그 리스트를 넣어주면 된다.

주톨
'플러터' 태그의 글 목록 (3 Page)