[플러터 flutter] 비동기 / 동기 async, awiat, future은 무엇인가?

Future은 비동기 작업을 처리하는 데 사용되는 클래스입니다.비동기 작업은 즉시 완료되지 않고 일정 시간이 걸리는 작업을 말하며, Future는 이러한 작업의 완료 또는 실패 결과를 나타내는 객체입니다.여기서 동기와 비동기란비동기 (asynchronous) / 동기 (synchronous)위 사진을 참고하여 보면 동기 (Synchronous)한 작업이 완료될 때까지 다음 작업이 시작되지 않습니다.간단하고 직관적이지만, 시간이 오래 걸리는 작업일 경우 비효율 적입니다.void main() { print('시작'); performTask(); print('끝');}void performTask() { print('실행중');}// 차례대로 출력시작실행중끝  비동기 (Asynchronous)한 작업이..

좋아요 기능 구현 좋아요 기능을 구현하기 위해서는 현재 내가 보고 있는 페이지에 상태가 변하기 때문에(어떠한 로직으로 화면의 변화가 생기는것)그 해당 페이지의 State를 바꿔줘야한는데class Feed extends StatelessWidget { const Feed({ super.key, });현재 Feed라는 페이지는 StatelessWidget으로 되어있다. 이것을 안드로이드스튜디오 기준맥 option + Enter / 윈도우 Alt + Enter 를 눌러주면위 사진 처럼 자동으로 StatefulWidget으로 변환하여 줍니다.나도 잘 모르지만 해석해보자면@override = class Feed extends StatelessWidget 을 재정의 하겠다.State createState(..

스파르타코딩클럽에서 국비지원을 받아 공부하는 게시물입니다.당근마켓을 카피코딩 해보았습니다.앱을 만들때는 항상 구도(appBar, body, floatingActionButton, BottomNavigationBar)를 어떻게 사용할지 구상을 한뒤,위에서부터 차례대로 내려오는 방식으로 구성하면 좋을것 같습니다.그렇기에 appBar부터 시작. appBarappBar: AppBar( backgroundColor: Colors.white, elevation: 1, shadowColor: Colors.black, leading: Row( children: [ SizedBox(width: 16), Text( ..

기본적으로 가로로 스크롤하기, 이미지URL 사용하기, 텍스트필드 클리어, 키보드활용시 바디가 밀려올라오지 않게하기.를 집중적으로 해보았다. 아직 배워가는 과정이라 그 외에의 추가적인 기능을 넣기에는 힘들었지만. 일단 오늘의 목표치까지 한것에 대해서 작성하겠습니다. 완성코드 import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: fals..

import 'dart:ffi';import 'package:device_preview/device_preview.dart';import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: Scaffold( appBar: AppBar( centerTitle: true, ..

가장 윗줄 부터 천천히 하나씩 제가 이해한대로 풀어보겠습니다.틀린게 많을 예정입니다..import 'package:flutter/material.dart';flutter/material.dart 패키지를 변환하여 현재 시트에 적용시키겠다는 뜻.void main() { runApp(MyApp());}코드의 메인바디. runApp이란 함수에 MyApp을 실행하겠다 선언합니다.class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key);객체지향 사용. class란 객체에 MyApp이란 이름 부여. StatelessWidget의 주요 역할은 간단한 UI의 일부 렌더링 및 상시 표시, 내부상태 불변성 보장,(오류 줄여줌) 상태가..