본문 바로가기

스파르타/Flutter34

[Flutter] 마이메모 #2 provider - ( week 3 ) 상태 관리(State Management) State Management Docs 상태 관리의 역할은 최신 상태의 데이터를 보여주도록 페이지 간 데이터를 주고받고 관리하는 행위를 의미한다. 소규모 프로젝트의 경우 상태관리가 없이도 충분히 진행이 가능하다. 하지만 서로 다른 페이지의 화면을 갱신해 주는 기능에서부터는 까다로워지는데 물론 부모 위젯의 setState를 자녀 위젯으로 넘겨주고 자녀 위젯에서 부모 위젯의 화면을 갱신하도록 할 수 있지만 이 방법은 페이지가 조금만 많아져도 코드가 지나치게 복잡해지는 문제가 발생한다. 이 문제를 해결하기 위해서 사용하는것이 상태관리 패키지이다. 상태 관리 패키지 대부분의 상태 관리 패키지들은 중앙 집중식으로 데이터를 한 곳에 모아서 관리한다. 통상적으로 데이터를 담.. 2023. 4. 22.
[Flutter] 마이메모 #1 CRUD - ( week 3 ) 메모장 앱을 만든다. 주요 기능은 다음과 같다. 1. 메모 작성(Create) 2. 메모 조회(Read) 3. 메모 수정(Update) 4. 메모 삭제(Delete) 이렇게 가장 기본이 되는 데이터 처리 기능을 CRUD라고 부른다. CRUD는 데이터의 종류만 바뀌면서 항상 기본적으로 구현하는 데이터 처리로 다른 것을 예로 들면 유저 정보의 경우 회원 가입(Create), 프로필 보여주기(Read), 회원 정보 수정(Update), 회원 탈퇴(Delete)를 기본 기능이라 볼 수 있다. 베이스 코드를 바탕으로 앱을 만들어 가본다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; void main() { runA.. 2023. 4. 22.
[Flutter] 패키지 사용법 -( week 3 ) Package 패키지, 라이브러리라고도 부른다. 다른 사람들이 미리 만들어 둔 위젯 또는 기능들을 말하며 개발 시간을 단축할 수 있다. pub.dev pub.dev는 Flutter의 패키지들을 검색할 수 있는 사이트이다. 필요한 기능이나 만들고 싶은 것을 검색하면 패키지들이 나오는데 각 문서는 패키지의 설치법부터 사용법까지 자세히 설명이 되어있다. 패키지 보는법 패키지를 선택해 보면 사용가능한 플랫폼들이 나오기 때문에 적용하기 전에 개발 목표와 방향에 맞는지 확인부터 해야 한다. 그 외에도 사용에 있어서 필요한 모든 정보들을 제공한다. 패키지 추천 사이트 자료가 방대하기 때문에 어떤 패키지를 사용하는 게 좋을지 고민이 된다. 그럴 때는 패키지를 추천해 주는 사이트를 통해서 원하는 기능이나 패키지를 찾아서.. 2023. 4. 21.
[Flutter] 클론코딩(Shazam) 3.첫번째 페이지 - ( week 2 ) 현재 페이지 구현은 난이도 순서대로 진행되었다. 마지막 첫 번째 페이지는 비교적 난도가 높은 작업이다. 3. 첫번째 페이지 상단부터 작업을 한다. 상단에는 아이콘과 텍스트가 배치되어 있다. return SafeArea( child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Icon(Icons.settings), Text("라이브러리"), Icon(null), ], ) ], ), ); 아이콘과 텍스트 두 위젯만 넣고 spaceBetween으로 정렬하면 양옆으로 위젯들이 붙게 되는데 이때 Icon(null)을 해주면 텍스트가 중앙에 배치되는 요령이 있다. 아이콘을 정렬해 주는데 Padding으.. 2023. 4. 18.

티스토리툴바