본문 바로가기
반응형

플러터 개발6

플러터 개발 환경 구축(Mac, iOS), Flutter 최신버전 설치 MacOS에서 플러터 iOS 개발 환경 세팅하는 방법에 대해 정리해보려고 한다. VSCode가 설치되어 있다는 가정하에 아래 순서를 따라 세팅을 진행하면 된다. 1. Flutter SDK 다운로드 링크로 접속하여 macOS를 눌러 환경에 맞는 SDK를 설치한다. 2. SDK 압축 해제 원하는 디렉터리에 앞서 다운로드한 zip 파일의 압축을 해제한다. 압축을 풀면 flutter 디렉터리가 생성된다. 이제 환경 변수에 flutter SDK 경로를 추가하여, 전역에서 flutter 명령어를 사용할 수 있도록 설정을 해주어야 한다. 3. 환경 변수 설정 터미널에서 아래 명령어를 실행하여 설정파일을 열어준다. vi ~/.zshrc 문서가 열리면 가장 하단부에 아래와 같이 Flutter SDK가 설치된 경로를 PA.. 2023. 2. 2.
Flutter InheritedWidget이란, InheritedWidget 사용법 이번 글에선 Flutter InheritedWidget에 대해 알아보겠습니다. InheritedWidget이란 무엇일까요? Flutter와 관련된 문서들을 보다 보면 종종 InheritedWidget이 언급되는 것을 보실 수 있습니다. 일반적인 상황에서는 직접 사용할 일이 없어 자세히 알아보지 않고 넘어가게 되죠. 그러나 여러 Flutter 패키지나 Flutter 내부적으로는 InheritedWidget을 자주 사용하기 때문에 한 번쯤 InheritedWidget이 무엇인지, 어떻게 사용하는지 알아볼 필요가 있습니다. InheritedWidget이 필요한 상황 Flutter로 개발을 하다보면 여러 문제와 고민에 봉착하게 되는데, 그중 하나가 아래와 같은 상황입니다. 자식 위젯에서 상위 부모 위젯이 가지고.. 2023. 1. 17.
Flutter Widget / ListView(리스트뷰) 사용방법 Flutter ListView가 어떤 위젯이고 사용 방법은 무엇인지 알아보도록 하겠습니다. 기능 ListView는 가장 일반적으로 사용되는 스크롤 위젯으로, 스크롤할 수 있는 영역을 만들고, 지정된 방향(scrollDirection)에 따라 자식들을 차례로 표시합니다. 스크롤 방향, 자식 위젯의 정렬 순서, Named Constructor 등을 통해 다양한 형태의 리스트 생성 옵션을 제공해 줍니다. 사용법 ListView( children: [ Container( height: 50, color: Colors.amber[600], child: const Center(child: Text('Entry A')), ), Container( height: 50, color: Colors.amber[500], c.. 2023. 1. 14.
Flutter StatelessWidget, StatefulWidget 알아보기 오늘은 Flutter에서 StatelessWidget과 StatelfulWidget이 무엇인지에 대해 알아보도록 하겠습니다. 지난번 글을 통해 Flutter에서 State Management라는 개념을 통해 화면을 변화시킨다는 핵심 개념에 대해 알아보았는데, 이와 더불어 중요한 것이 StatelessWidget과 SatefulWidget의 차이점을 알고 적절하게 사용하는 것입니다. 2023.01.06 - [Flutter&Dart] - [Flutter] 상태(State)에 대해 알아보자, Flutter State [Flutter] 상태(State)에 대해 알아보자, Flutter State 이번 글에선 Flutter에서 상태(State)란 무엇인지, 어떤 것을 상태라고 하며 어떤 방식으로 사용되는지에 대해.. 2023. 1. 13.
반응형