분류 전체보기137 [Flutter] 플러터 앱에서 비동기 처리가 중요한 이유 비동기 프로그래밍을 사용하면 앱이 네트워크 요청과 같이 잠재적으로 오래 실행되는 작업을 기다리는 것을 방지합니다. Dart와 Flutter에서 비동기식 작업이 왜 중요한지 생각해 보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. 비동기 처리와 동기 처리의 차이점 모바일 앱에서 비동기가 중요한 이유 비동기 처리와 동기 처리의 차이점 먼저 비동기 처리와 동기 처리의 차이점을 살펴보겠습니다. 위에서 간단히 언급했듯이 비동기 처리 작업은 앱이 특정 처리가 완료될 때까지 기다릴 필요가 없는 작업입니다. 반면 동기 처리 작업은 앱이 특정 처리를 완료할 때까지 기다리게 됩니다. 이것을 블로킹(blocking)이라고 합니다. 비동기 처리가 실행되는 동안에는 다른 작업을 실행할 수 없습니다. 그러나 비동기.. 2022. 5. 5. [Flutter Layout] 17. 플러터 Hero 위젯 애니메이션(화면 전환시 애니메이션 넣기) 화면이 전환될 때 애니메이션과 화면이 바뀌면 자연스러운 사용자 경험을 제공할 수 있습니다. Hero 위젯으로 화면이 전환되면서 애니메니션을 보여주는 방법을 익혀보겠습니다. 프로젝트 만들기 VSCode에서 new project로 herodemo라는 새로운 앱을 만들겠습니다. 잠시 후 플러터의 기본 코드가 자동으로 생성이 됩니다. 앱의 시작 코드가 들어있는 main.dart에서 MyApp클래스를 제외한 모든 불필요한 코드를 삭제하겠습니다. 불필요한 코드를 정리해 주었고 MyApp 위젯에서 home 속성에 HeroPage를 설정하고 있습니다. HeroPage HeroPage 클래스를 작성하겠습니다. HeroPage Stateless위젯으로 build메소드에서 Scaffold를 반환해 주고 있습니다. body는.. 2022. 4. 26. [Flutter Layout] 16. TabBar 내비게이션 만들기 TabBar를 이용한 플러터 앱에서 간단히 화면 전환을 하는 법을 알아보도록 하겠습니다. *바로 코드를 확인하고 싶으시면 맨 아래로 내려주세요. TabBar 란? TabBar는 TabBarController, 탭이 포함된 TabBar, child를 가지는 TabBarView의 세 부분으로 구성됩니다. TabBarController는 TabBar와 TabBarView 사이의 탭 선택을 컨트롤합니다. 위의 캡처와 같이 TabBar는 가로로 탭들이 표시가 되고, TabBar에서 탭 중 하나를 클릭하면 TabBarView에 위젯이 표시됩니다. 이제 코드에서 알아보도록 하겠습니다. TabBar 만들기 runApp에서 호출되는 MyApp의 build 메소드에서 소스를 코딩하고 있습니다. 1. MaterialApp의.. 2022. 4. 22. [Flutter Layout] 15. PopupMenuButton(팝업메뉴버튼) 내비게이션 만들기 플러터의 앱 화면 간에 내비게이션을 할 때 주로 사용하는 위젯은 PopupMenuButton, Drawer, BottomNavigationBar, TabBar 등이 있습니다. 오늘은 내비게이션 레이아웃의 첫 번째 포스트로 PopupMenuButton을 이용해서 플러터 내비게이션을 만들어 보도록 하겠습니다. 플러터 앱을 만드는 데 있어서 필수적인 화면간 전환에 대해 꼭 알아보도록 합시다. 이번 포스트는 다음 내용을 다루고 있습니다. PopupMenuButton(팝업 메뉴 버튼) 개요 및 만들기 onSelected 이벤트에서 내비게이션 설정 플러터 내비게이션 (Navigator, MaterialPageRoute) 기본 코드 만들기 PopupMenuButton을 이용해 내비게이션을 구현하기 앞서 바탕이 되는 .. 2022. 4. 21. 이전 1 ··· 13 14 15 16 17 18 19 ··· 35 다음
