절대적 발전

저번 Flutter 튜토리얼 시작하기 - 3.1에 이어서 3단계를 진행해보도록 하겠다. 3단계 : Stateful widget 추가하기 Stateless widget은 변경할 수 없다 불변이다, 해당 widget의 속성들은 변경이 불가능하다. Stateful widget은 자신의 생명주기 동안 변경되는 상태를 그대로 유지한다. stateful widget을 구현하는 것은 최소 2개의 클래스가 필요하다. 1) StatefulWidget 클래스와 , 2) State 클래스가 필요하다. StatefulWidget 클래스는 State 클래스의 인스턴스를 구현하고 자기 자신은 변경할 수 없다 하지만 State 클래스는 widget의 생명주기 동안 지속된다. 이번 단계에서는, State 클래스인 RandomWord..

이번 포스트에서는 간단하게 스타트업의 이름을 생성하여 제공하는 app을 만들어 보자. 진행에 관련된 모든 소스는 Github에서 확인 할 수 있다! 사용자는 이름을 선택하거나 해제할 수 있고, 가장 좋은 이름 하나를 저장할 수 있게 기능을 구현해볼 것이다. 화면은 리스트로 구성하여 스크롤을 내릴 때 이름을 생성하게 하고, 스크롤은 제한이 없게 끔 해보도록 하자. 아래의 샘플 이미지를 보면 우리가 만들게 될 app이 어떤 모습일지 알 수 있다. 우리가 이번 포스트로 배울 수 있는 것? Android, IOS나 web에서 자연스럽게 보이는 Flutter app를 만드는 법! Flutter app의 기본 구조 기능 확장을 위해 패키지를 찾거나 사용하는 방법 빠른 개발 사이클을 위한 Hot reload 사용법 ..

이번 포스트에서는 Flutter와 Dart 플러그인을 Android Studio에 적용 한 다음 AVD에 테스트로 앱을 한번 띄워보도록 하겠다. 진행에 관련된 모든 소스는 Github에서 확인 할 수 있다! Flutter와 Dart 플러그인 설치 Android Studio를 실행한다. Configure > Plugin 을 진행하여 plugins 창을 띄운다.(기존 프로젝트가 있는 분들은 Preferences > Plugins 혹은 File > Settings > Plugins 로 진행한다.) Flutter를 검색하거나 직접 찾은 다음 Install 버튼을 눌러 다운로드 받는다. Dart 플러그인도 설치하겠냐는 창이 뜨면 설치해준다. Restart IDE를 눌러 재시작한다. Flutter plugin이 정..

Android Studio를 설치 시 기본적으로 SDK가 설치되어 문제가 없지만, SDK 경로변경하여 설치 할 경우 Path가 안 잡힙니다. 이러한 문제 외에도 Path가 안잡혀서 발생하는 이슈들을 위해 Path 설정법을 포스팅합니다. 시스템 환경변수 설정을 위해 제어판-시스템-고급 시스템 설정-환경 변수 또는 시작-검색에 "시스템 환경 변수 편집" 입력 후 환경 변수 창을 띄웁니다. 변수 목록에 ANDROID_HOME 변수가 없으면 아래와 같이 SDK 위치를 설정하여 추가합니다.(존재하는 경우 경로 위치가 정확한지 확인) 그리고 Path 변수를 편집하여 아래의 경로를 추가합니다. %ANDROID_HOME%\platform-tools; %ANDROID_HOME%\tools;

Android 프레임워크 중 하나인 Flutter의 공식 튜토리얼을 같이 따라 해봅시다! 이번 포스트에서는 Flutter와 Android SDK 및 Studio 설치에 대해 다루겠습니다. 진행에 관련된 모든 소스는 Github에서 확인 할 수 있습니다! (이번 튜토리얼 시리즈는 편의상 반말로 진행하겠습니다) 환경 체크 필자의 OS는 Window 10을 사용하고 있으므로 본 튜토리얼은 Window기반으로 진행된다. 다른 환경의 튜토리얼을 진행하고 싶을 시 https://flutter.dev/docs/get-started/install 를 참고 하길 바란다. Install Select the operating system on which you are installing Flutter:{{site.alert..