꿈꾸는 시스템 디자이너

강좌 목록 2019/07/22 - [Development/Flutter] - Flutter 강좌2 - Hello World 2019/07/22 - [Development/Flutter] - Flutter 강좌2 - 소스코드(위젯) 분할 2019/07/25 - [Development/Flutter] - Flutter 강좌2 - 가변 인자 사용법 | @required와 assert 사용법 2019/08/09 - [Development/Flutter] - Flutter 강좌2 - 스낵바(SnackBar)를 출력하는 다양한 방법 2019/08/12 - [Development/Flutter] - Flutter 강좌2 - 자식 State에서 부모 State를 참조하는 방법 | Global State 사용법 2019..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 6월 4일 Flutter 강좌를 시작한지 한달 반 정도 지났다. 나 또한 Flutter를 처음 경험하는 과정에서 Flutter 공식 사이트에 올라온 문서를 따라하면서 강좌를 작성해왔다. 한달 반이 지난 지금.. 어느 정도 적응한 것 같은데 아직도 스터디할 내용이 많이 있다는 것을 느낀다. 이번 강좌부터는 본인이 스터디한 내용을 바탕으로 새롭게 Flutter 강좌를 진행하고자 한다. 첫번째 강좌로 Hello World를 작성해 본다. 새로운 Flutter 프로젝트를 생성한 후 main.dart 파일을 다음과 같이 작성한다. void main(){ // 터미널에 Hello World를 출력 print('Hel..

Flutter 강좌 목록 : https://here4you.tistory.com/120 본 강좌는 구글 Codelabs의 문서를 참고하여 작성되었습니다. https://codelabs.developers.google.com/codelabs/flutter/#0 Building Beautiful UIs with Flutter In this optional step, you'll give your app a few sophisticated details, like making the Send button enabled only when there's text to send, wrapping longer messages, and adding native-looking customizations for iOS a..

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 Shared Preferences 사용법에 대해서 알아본다. Shared Preferences는 key-value 형태의 데이터를 디스크에 저장해서 사용하는 방법으로 기존의 안드로이드 앱 개발에서도 자주 사용되어 왔다. 로그인이 필요한 앱을 개발할 때 사용자의 ID와 패스워드 등을 기억하는 기능을 구현할 때 이용할 수 있다. Shared Preferences 기능을 이용하기 위해 pubspec.yaml의 dependencies를 다음과 같이 수정한다. dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to ..

Flutter 강좌 목록 : https://here4you.tistory.com/120 지난 강좌에서는 Http 프로토콜을 이용해서 온라인상의 데이터를 수신하고 처리하는 방법에 대해서 알아봤다. 이번 강좌에서는 웹소켓(WebSocket)의 사용법에 대해서 알아본다. 우선 Http와 웹소켓의 차이에 대해서 생각해 보자. 서버와 통신을 하는 앱을 개발하고자 할 때 사용할 수 있는 통신 방식은 Http 통신 혹은 소켓 통신이다. 거의 대부분의 경우 이 두 종류 중 하나를 이용하거나 필요에 따라 두 종류를 동시에 사용하기도 한다. Http 통신 방식은 연결 지향성이 없는 통신 방식이다. 클라이언트는 서버로 요청 메시지를 전달하고, 서버로부터 해당 응답 메시지를 수신하면 서버-클라이언트간 통신은 종료된다. 통신 ..

Flutter 강좌 목록 : https://here4you.tistory.com/120 지난 강좌에서 Future 클래스 사용법에 대해서 알아봤다. Http 프로토콜을 이용해서 특정 URL로 데이터를 요청하고, 그 요청을 수신하여 그 결과를 파싱해서 화면에 출력하고자 할 때 꽤 많은 시간이 소요된다. 이럴 경우 FutureBuilder 클래스를 이용해서 페이지를 구성하면 데이터의 요청/응답수신/데이터처리 과정 동안 프로그래스 인디케이터를 통해 앱이 작동중임을 사용자에게 보고할 수 있고, 모든 과정이 완료된 후 그 결과를 사용자에게 전달할 수 있었다. 이번 강좌에서는 수신한 데이터가 굉장히 큰 경우 이에 대응하는 방법에 대해서 알아본다. 우선 이번 강좌에서 개발할 앱에서 참조하는 URL(https://js..

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 Http 프로토콜을 이용해서 특정 URL의 데이터를 가져오는 방법에 대해서 알아본다. 이 강좌에서 사용할 URL은 https://jsonplaceholder.typicode.com/posts/1 이며 웹브라우저를 통해 접속해보면 다음과 같은 JSON 포맷의 데이터를 반환한다. { "userId": 1, "id": 1, "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cu..

Flutter 강좌 목록 : https://here4you.tistory.com/120 지난 강의에서 리스트뷰를 사용하는 다양한 방법에 대해서 알아봤다. 리스트뷰의 아이템을 구성하는 방법은 두가지가 있다. 첫번째 방법: 리스트뷰의 생성자를 이용하는 방법 body: ListView( children: [ ListTile( //leading. 타일 앞에 표시되는 위젯. 참고로 타일 뒤에는 trailing 위젯으로 사용 가능 leading: Icon(Icons.map), title: Text('Map'), ), ListTile( leading: Icon(Icons.photo_album), title: Text('Album'), ), ListTile( leading: Icon(Icons.phone), title..