Flutter
StatefulWidget의 생명주기에 대해 설명하세요.위젯 구축createState() : StatefulWidget을 사용할 때 가장 먼저 호출된다.initState() : 위젯이 생성될때 호출되는 메서드로 한번만 호출된다.didChangeDependencies() : initState 다음으로 바로 호출 되며 위젯이 의존하는 데이터의 객체가 호출될때마다 호출된다.재 드로잉dirtry : 화면의 다시 빌드를 해야하는 상태didUpdateWidget() : 위젯이 변경될때 마다 호출되어 다시 build를 진행한다.(새로운 화면)build() : 위젯을 반환하고 반환된 위젯이 랜더링 되어 화면에 표시된다.setState() : 객체의 상태가 변경되었음을 프레임워트에 알린다.(기본화면의 변화)clean :..
애니메이션 속성 중 curve 와 duration 에 대해 설명하세요.curve는 애니메이션의 속도와 움직임을 정의하는 함수duration은 애니메이션의 지속 시간을 나타내는 함수입니다. 암시적 애니메이션과 명시적 애니메이션의 차이는 무엇인가요? 암시적 애니메션은 개발자가 직접 구현하지 않아서 위젯의 변화를 자동으로 애니메이션으로 구현해주는 방식명시적 애니메이션은 개발자가 애니메이션을 직접 제어하는 방식 Flutter에서 스로틀링은 무엇인가요? 예를 들어 설명하세요.특정 시간 내에 중복적으로 이벤트가 발생하면 한번만 실행되도록 하는 기능검색을 할때 쓰로틀링으로 2초을 걸어두면 2초안에 몇번의 요청을 하더라고 2초에 한번씩만 요청을 실행한다. Flutter에서 디바운싱은 무엇인가요? 예를 들어 설명하세요...
Flutter 앱 개발에서 ‘상태’란 무엇을 의미하나요?Flutter에서 위젯의 현재 테이터나 UI의 상태를 의미합니다.ListView, ListView.builder, SingleChildScrollView + Column 3가지의 차이점은 무엇인가요?ListView는 스크롤 가능한 리스트를 생성하며, 미리 지정된 자식 위젯을 children 속성을 통해서 한번에 모두 생성합니다.ListView.builder는 ListView와 다르게 화면에 보여지는 속성만 생성하고 itemCount와 itemBuilder로 조절 합니다.SinglechildScrollView+Column은 단일 위젯만을 스크롤 가능하게 바꿔주는 역할을 합니다. 그렇게 때문에 ListView와 동일하게 자식 위젯을 한번에 모두 메모리에..
앱을 만들다 보면 다양한 정보를 저장해야 하는 상황이 생깁니다. 보안, 사용성, 속도 등에 따라 상황에 맞는 방법을 선택해야 합니다. 오늘은 로컬에 저장되고 방법이 매우 간단한 shared_preferences 패키지를 이용하는 방법에 대해서 알아보겠습니다. 1. SharedPreferences란?SharedPreferences는 안드로이드와 iOS에서 간단한 데이터를 로컬에 저장할 수 있는 방법입니다. 이 저장소는 앱이 종료되거나 재시작을 하더라고 휘발되지 않고 남아있어 다양한 곳에서 사용하기에 적합합니다. 2. SharedPreferences 사용법1. 패키지 설치터미널에서 명령어로 설치를 하던가flutter pub add shared_preferencespubspec.yaml에 직접 추가한 후에 ..
앱을 개발하다 보면 기본 폰트 이외에서 다른 폰트를 사용하고 싶을 수가 있습니다. 특히 앱의 디자인을 이쁘게 바꾸기 위해서 테마에 맞는 폰트를 사용하는 것이 중요합니다. 오늘은 폰트를 적용하는 방법에 대해서 알아보겠습니다. 1. 폰트 정하기 가장 먼저 사용할 폰트를 찾아야 합니다. 이번에 사용할 폰트는 Pretedndard입니다. 폰트를 정했다면 폰트 파일을 준비해야 합니다. 폰트 파일은 TTF 또는 OTF 형식이 여야 합니다. Pretendard는 무료 폰트라서 쉽게 찾을 수 있습니다. 그리고 이뻐서 사용하기 좋습니다.저는 아래의 사이트를 이용했습니다.https://noonnu.cc/font_page/694 눈누프리텐다드 - 길형진 (orioncactus)noonnu.cc 2. 파일 적용하기TTF 또..
음악앱을 만들때 가사로도 검색을 하고 싶어서 찾아보는데 이전에 사용한 Maniadb에서는 가사로 검색은 지원하지 않았다. 그래서 노래 가사 검색 api를 찾아보는데 다른 곳은 유료거나 특수한 조건을 만족해야 사용할 수 있었다. 그런데 아래의 블로그에서는 네이버 가사 검색 기능을 이용해서 가사검색 기능을 만들었다.https://cheongpark.tistory.com/2 네이버의 가사 검색 API 가져오기주의 전문적인 지식이 없이 진행하기 때문에 이 내용은 확실하지 않을 수 있습니다!네이버엔 가사를 입력해 음악을 찾을 수 있는 서비스가 있다. 일단 왜 이것을 하게 되었는지 부터...저번에cheongpark.tistory.comnaver에서 정식으로 제공하는 api가 아닌 검색사이트에서 받는 데이터 구조를..
음악 정보를 가져오는 api를 찾던중에 maniadb라는 곳을 발견했다. 여기서 음악의 정보를 가져오려고 보는데 JSON이 아니라 XML로 API 통신으로 하고 있었다. 하지만 원하는 정보를 제공하는 API 중에서 사용에 큰 제약이 없어서 ManiaDB를 사용하기로 결정했다.XML우선 XML이 무엇인지 알아야한다. XML은 eXtensible Markup Language의 약자로 데이터를 정의하는 규칙을 제공하는 마크업 언어로, 태그를 사용하여 데이터 속성과 실제 데이터를 구분합니다. John Doe María García Nikki Wolf 구조 예시를 보시면 HTML과 유사한 것을 볼 수 있는데 개발한 회사에서 직렬화를 위해서 만든 도구이기 때문입니다. 그러면 XM..
오늘은 Flutter의 StatefulWidget 생명주기에 대해 자세히 알아보겠습니다. Flutter에서 위젯의 생명주기를 잘 이해하는 것은 매우 중요합니다. 1. StatefulWidget의 정의StatefulWidget은 상태를 가질 수 있는 위젯으로, 사용자의 상호작용에 따라 UI가 변화하는 경우에 사용됩니다. 예를 들어, 버튼을 클릭하면 텍스트가 변경되거나 이미지가 바뀌는 경우가 이에 해당합니다.StatefulWidget과 반대되는 StatelessWidget은 상태가 없으며, UI가 변하지 않는 경우에 사용됩니다. 이는 변하지 않는 텍스트나 단순한 레이아웃을 표시할 때 유용합니다. 하지만 상태변화가 있을경우에는 StatefulWidget을 사용해야하므로 잘 알아두어야합니다. 2. State..
Flutter에서 상태관리는 상태변화를 감지해서 UI를 업데이트하고 데이터를 동기화하는 등 많은 부분을 관리하는데 필수적입니다. 상태관리를 하는데 여러가지 방법이 있는데, 오늘은 많이 사용되는 setState, Provider, RiverPod에 대해서 알아보겠습니다. 1. setStatesetState는 Flutter에서 기본으로 제공하는 상태 관리 방법으로 StateFulWidget을 통해 사용할 수 있습니다. import 'package:flutter/material.dart';class CounterApp extends StatefulWidget { @override _CounterAppState createState() => _CounterAppState();}class _CounterAp..
