Flutter

참고사이트 ∙ 코딩애플의 flutter-basic-layout-design 내가 좋아하는 개발자 유튜버 🐜 Scaffold 우리가 쓰는 앱의 디자인은 크게 상단, 중단, 하단부로 이루어져있다. 이걸 쉽게 구성하고 싶으면 Scaffold() 위젯을 사용하면 된다. 👷🏻 구조 MaterialApp( home: Scaffold( appBar: // 상단에 넣을 위젯, body:// 중단에 넣을 위젯, bottomNavigationBar:// 하단에 넣을 위젯, ) ); Scaffold() 위젯은 3개의 파라미터(appBar, body, bottomNavigationBar)를 통해 상/중/하로 나뉘게 해준다. appBar(상단), bottomNavigationBar(하단)은 필수가 아니고 body(중단)은 필수..

참고사이트 ∙ deku님의 포스트리 🔩 Widget Flutter는 화면은 위젯에서 시작해서 위젯으로 끝난다. widget이란 Flutter에서 화면에 표시된 모든 요소가 위젯이며, 눈에 보이지 않지만 화면을 구성하는 레이아웃(Layout) 또한 위젯이다. 플러터의 위젯은 크게 2가지가 존재한다. 😶 Stateless Widget 값은 가지고 있을 수 있으나 어떠한 동작을 하더라도 변하지 않는 위젯을 나타낸다. 해당 위젯은 Flutter에 StatelessWidget을 상속받아 생성한다. 🫨 Stateful Widget 어떠한 상태값(데이터)을 가지고 있다가 해당 상태값이 변경되면 변경사항을 인지하고 해당 위젯을 다시 그려준다. (리-렌더링) ex. TextField, Button, 서버로부터 전달받은 ..

🛠️ Flutter Flutter는 Google에서 개발하고 지원하는 오픈 소스 모바일 애플리케이션 개발 프레임워크입니다. 이 섹션에서는 Flutter 개발환경 설정에 대해 설명합니다. 🍺 Homebrew 설치 Homebrew는 macOS의 패키지 관리자입니다. 해당 패키지 관리자를 Terminal에서 명령어를 이용하여 패키지를 설치하고, 대부분 별도의 Path 설정 없이 환경변수 설정을 도와줍니다. 🔧 Dart 설치 Dart는 Flutter에 사용되는 개발 언어입니다. # Dart의 설치 여부를 확인합니다. $ brew -v # 설치 안 되어 있을 시, $ brew install dart 🔨 Xcode 설치 App Store에서 Xcode를 설치하여 에뮬레이터에 사용될 소프트웨어를 설치합니다. 해당 기..