플러터(Flutter)는 Google에서 개발한 크로스 플랫폼 프레임워크로, iOS, Android, 웹, 데스크톱 애플리케이션을 개발하는데 사용된다. 이전 글을 통하여, 플러터를 설치하고 데모 애플리케이션을 가볍게 실행해보는 일을 진행하였다. 플러터의 초기 설정 과정은 간단하며, 프로젝트 구조를 파악하는 것으로도 빠르게 앱 개발에 착수할 수 있다. 이 글에서는 플러터의 기본 설정과 프로젝트 구조를 자세히 설명하는 내용을 담고 있다. Flutter 디렉터리 사진 폴더에는 사진을 넣고, 문서에는 문서가 들어가듯, 플러터 프로젝트의 디렉터리도 마찬가지이다. 경로마다 주어진 역할이 있고, 그것을 해치지 않을 때 체계적이고 효율적인 프로그래밍이 가능해진다. 프로젝트를 생성하기만 해도, 기본적으로 생성되는 디렉터..
플러터로 앱을 개발할 때, 자동완성 기능을 이용해 stful이나 stless 단축어를 우선 입력하고 이후 리턴문 뒤에 구성하고자 하는 인터페이스 컴포넌트들을 작성하곤 한다. 이는 Stateful, Stateless의 약자로, State(상태)의 취급 의도에 따른 구분을 둔 것이다. 그렇다면 이 State는 무엇이고, 왜 이들을 구분해야 하는 것일까? 💬 Class와 Widget의 개념을 잘 모른다면, Class와 Widget 알아보기 글을 먼저 읽어주세요. 🔎 State의 의미 State는 말 그대로 '상태'이다. 사용자 인터페이스(UI)를 구성하는 요소들의 변화나 데이터의 변경등을 일컫는 상태를 말한다. 또한 State는 두 가지로 나뉜다. App state와 Widget(UI) state는 각각 앱 ..
이전 글을 통해 플러터 SDK의 설치를 마쳤다면 이제 플러터의 프로젝트를 생성할 수 있다. 프로젝트는 일반적으로 단일 애플리케이션을 개발하기 위한 모든 필요한 파일과 구성 요소를 포함하는 단위이며, 즉 하나의 애플리케이션을 구성하는 패키지이다. 이번 글에서는 프로젝트를 생성하고, 가장 간단한 구성의 애플리케이션을 만들어 에뮬레이터로 실행하는 내용을 담고 있다. 플러터 프로젝트 생성 우선 안드로이드 스튜디오를 실행한다. [Projects]에 위치한 'New Flutter Project'를 눌러 새 플러터 프로젝트를 생성한다. 이전에 프로젝트를 생성한 적이 없다면 왼쪽 사진처럼 중앙부의 플러터 로고를 눌러 프로젝트를 생성하고, 다른 프로젝트를 생성한 적이 있다면 최근 프로젝트 목록 위에 새로운 플러터 프로젝..
플러터는 2017년 Google에서 개발한 오픈 소스 UI 소프트웨어 개발 키트로, 네이티브 성능과 편리한 UI 라이브러리를 지원하여 크로스플랫폼 애플리케이션을 빠르게 개발할 수 있도록 돕는다. 안드로이드와 iOS 뿐만 아니라 웹 및 데스크톱까지 지원하여 개발자들에게 뛰어난 이식성을 제공하며, 이전 글을 통해 플러터에 대한 더 자세한 정보들을 확인할 수 있다. 이 글에서는 플러터 SDK를 설치하여 컴퓨터에 개발 환경을 구축할 수 있도록 하는 과정을 담고 있다. 💬 Windows 10 또는 11의 환경에서 설치를 진행합니다. MacOS는 보다 좋은 글이 있습니다. 플러터(Flutter) SDK 설치 플러터를 사용하여 앱을 개발하기 위해서는 구글에서 제공하는 플러터 SDK(소프트웨어 개발 키트)를 우선 설치..
