GDG on Campus Sookmyung

1. State management • State : 언제든지 UI를 빌드하기 위해 필요한 모든 데이터 • ephemeral state VS app state State는 ephemeral state와 app state로 구분된다. ephemeral state UI state나 local state라고도 불리며 위젯으로 포함할 수 있는 상태를 뜻한다. state management 기술을 따로 쓸 필요 없이 StatefulWidget만을 사용해도 된다. 아래는 StatefulWidget의 코드 예제이다. class MyHomepage extends StatefulWidget { const MyHomepage({super.key}); @override State createState() => _MyHome..

Fetch data from the internet 1.http 패키지 추가 flutter pub add http - http를 사용하여 GET/POST의 방식으로 서버 API를 호출할 수 있다. 2.네트워크 요청 생성 - 메서드를 사용해서 JSONPlaceholder에서 샘플 앨범을 가져올 수 있다. Future fetchAlbum() { return http.get(Uri.parse('https://jsonplaceholder.typicode.com/albums/1')); } - Future() : Future 클래스의 인스턴스이다. future은 비동기 작업의 결과를 나타내며 미완료, 완료 중 한 가지 상태를 가진다. 미완료 시, 비동기 함수를 호출하면 미완료 된 future을 반환한다. 해당 fu..

1. StatefulWidget Stateless Widget - 변경 가능한 상태가 필요하지 않은 위젯이며, 사용자 인터페이스를 보다 구체적으로 설명하는 위젯 집합을 구축하여 인터페이스의 일부를 설명한다. 화면이 로드될 때 한 번만 그려지는 State가 없는 위젯이다. Stateful Widget - 변경 가능한 상태를 가지는 위젯이며, 위젯이 빌드될 때 동시에 읽을 수 있고 setState를 사용해 상태에 따라 변할 데이터를 보여준다. stateless 위젯과 달리 두 하위클래스 StatefulWidget과 State로 구성되어 있다. setState(() {}) 위젯의 상태가 State 객체에 저장되어 위젯의 상태와 모양을 분리한다. 위젯의 상태가 변경되면 상태 자체가 setState() 를 호출하..

1. Row, Column class flutter로 UI 작업시 Row와 Column로 배치 레이아웃을 잡을 수 있다. Row()으로 감싸서 children 속성에 Widget(Container, Text, SizedBox 등)을 넣어주면 가로로 위젯들이 배치가 된다. Column()은 세로로 배치가 된다. MainAxisAlignment & CrossAxisAlignment Row의 경우 main axis은 수평으로 실행되고 cross axis은 수직으로 실행된다. Column의 경우 main axis은 수직으로 실행되고 cross axis은 수평으로 실행된다. 2. center, start, end, spacebetween MainAxisAlignment.center Row() : 가로축 기준 가운..

#1 Introduction Why Flutter 플러터는 진정한 크로스플랫폼 앱 개발 프레임워크가 되었다. iOS, Android, Web, MacOS, Windows, Linux, Embedded Device.. etc 플러터로 개발한 앱이나 플러터를 사용하는 기업은 아래 사이트에서 확인할 수 있다. https://flutter.dev/showcase Showcase - Flutter apps in production The world’s biggest businesses are building with Flutter. View the showcase and see Flutter apps in production. flutter.dev Google Pay의 경우, 전체 앱을 플러터로 rebuilt 했..

Functional programming 프로그램을 함수들로 구성하는 프로그래밍 패러다임 함수는 인자를 받아 결과를 반환하는 것으로 구성되며, 상태와 상태의 변화가 없는 함수를 사용하는 것을 권장 Iterable 데이터 타입에 활용할 수 있는 대표적인 function 1. Iterable 사이의 형 변환 List → Map : asMap() .keys/.values → Iterable List → Set : toSet() 또는 Set.from(listName) 자동으로 중복 제거 Map/Set → List : toList() 2. map 각 요소에 함수를 적용할 수 있으며, 각 요소를 새로운 값으로 대체해줌 단, 원본이 변경되는 것이 아니고 새로운 리스트를 만들어냄 함수의 파라미터로 함수를 전달 → ma..