오늘하루도 우힣ㅎ

앞에서 만들었던 Todo List를 이어서 만들어 보려고 합니다. 앞에서는 간단히 모델, 데이터를 보여주는 리스트, 체크 박스를 눌렀을때의 반응, listTile을 눌렀을때의 반응에 대한 기본적인 동작에 대해 다루었습니다. 여기서 부터는 실제로 데이터를 추가하는 방법에 대해 포스팅을 할려 합니다. 그러기 위해서는 미리 만들어 두었던 Todo Add page의 layout을 짜야 합니다. 1. todo_add.dart에 레이아웃 짜기 레이아웃의 경우 아래처럼 짤려고 합니다. 그러기 위해서는 2개의 텍스트 컨트롤러, 하나의 Raised Button, 마지막으로 달력을 보이게 할수 있는 것을 만들어야 합니다. 전의 포스팅 처럼 코드를 올리고 각각에 주석을 다는 형식으로 진행을 하겠습니다. import 'pac..

앱을 만들때도 웹을 만들때도 가장 흔한 예제중 하나는 Todo List이다. 이 Todo List를 Bloc을 통하여 만들어 볼려 한다. 이미 많은 예제 들과 많은 형식들이 존재 하지만 Bloc을 이해하기에 좋은 예라고 생각이 되어 적어 볼려한다. 디렉토리 구조는 다음과 같다. lib |____blocs | |_____todoBloc | |____bloc.dart | |____todo_bloc.dart | |____todo_state.dart | |____todo_event.dart |____models | |____todoModel.dart | |____main.dart |____todo_add.dart |____todo_list.dart 이번 포스팅에서는 기본적으로 List 들로 데이터를 띄우는 것에..

flutter에서는 firebase를 통해서 구글 로그인을 쉽게 연결할수 있도록 패키지로 제공을 하여 주고 있다. 처음의 경우 파이어베이스의 프로젝트를 만들고 이것저것 등록해야 하는 과정이 번거롭다고 느껴질수 있지만 한번 해보고 나면 계속 쉽게 해나갈수 있을것이라고 생각이 된다. 요즘은 google id가 없는 사람을 찾는게 더 힘들 정도이기 때문에 google login기능은 사용자에게나 개발자에게나 고마운 기능이라고 생각이 된다. 1. 가장 먼저 필요한것은 firebase의 프로젝트를 생성하는 것이다. firebase는 https://console.firebase.google.com/u/0/의 사이트에서 찾아 생성할수가 있다. 프로젝트 추가하기를 누르고 자신이 만들고자 하는 프로젝트의 이름을 지어주기..

bloc에 대한 설명은 했지만 flutter에서 사용하는 bloc widget을 설명하지 않아 두번에 거쳐 포스팅 하려한다. 기본적인 내용은 https://bloclibrary.dev/#/flutterbloccoreconcepts?id=blocbuilder 에서 참고하여 적은 것들이다. flutter에서는 flitter_bloc이란 dart pakage를 제공하여 준다. 해당 패키지는 아래의 페이지서 볼 수 있으며 사용전 pubspec.yaml파일에 추가할수 있도록 하자! https://pub.dev/packages/flutter_bloc flutter_bloc | Flutter Package Flutter Widgets that make it easy to implement the BLoC (Busin..

Future 란? 오늘은 FutureBuilder에 대해 올려볼려고 한다. flutter의 경우 비동기 통신을 사용하고 있는데 이는 동기식 통신과 다르게 서버에서 데이터를 모두 받아오기전 화면을 그려줄수 있게 되는 장점을 가질수가 있다. Future를 사용하게 되면 미래의 잠재적인 값을 결정하게 되고 정보를 불러오는 동안 어떤걸 보여줄지 선택할수 있도록 해줍니다. 만약 서버에서 데이터를 받아올때에 어플리케이션 측에서는 정보를 언제 다 받는지 알수가 없습니다. 그렇기 때문에 future의 상태를 확실히 확인하는 과정이 필요하다. 아래의 코드를 예시로 들어보겠다. Future getting = Future.delayed( Duration(seconds: 2), () => 'Data Loaded', ); ge..

1. Wireless LAN Advatage 선을 연결할 필요가 없다. 이동성과 휴대성을 제공한다. Disadvantage 유선보다 더 느린 전송속도(low bandwidth) 범위가 좁다. Error 발생률이 더 높다,(Collision Detection이 어렵다.) Elements of a wireless network Wireless host : 네트워크를 제공받아 사용하는 것들(노트북, 휴대폰 등) Base Station : network infrastructure와 연결이 되거나 다른 host들과 연결이 되어 연결시켜 준다. => 유선 네트워크들과 연결이 되어 무선 장비들에게 packet들을 전달한다.(relay) Link : 무선 장비들을 base station에 연결시키기 위해 사용이 되어진..

4-1. LANs - Ethenet Topology Bus topology가 90년대 중반까지는 휴행하였다. : 모든 노드들이 같은 collision domain에 존재했다. Star-topology가 현재 사용중이다. : node들의 중간에 하나의 switch를 두고 각각은 구별된 이더넷 프로토콜 을 사용하게 된다. Collision Domain : 이더넷 방식의 LAN에서 전송 매체를 공유하고 있는 여러 단말들이 서로 경쟁하며 총돌 발생시, 이 충돌한 프레임이 전파되어 영향을 미치는 영역을 의미한다. Ethernet and IEEE 802.3 : 10Mbps - 10Gbps의 속도를 가진다. : Frame Format 둘의 포맷은 PRE에 SFD필드를 포함시키느냐 포함 시키지 않느냐, Type인가 L..

학생 편의를 위한 어플리케이션을 동아리원들과 함께 만들고 있다. 그 중 학교내 행사를 등록하고 보여줄수 있는 페이지가 있다. 하지만 하나의 이미지만으로는 해당 행사가 어떤것임을 제대로 알려주지 못하는 경우도 있고 여러가지의 사진을 한번에 넣을수 있도록 하는게 더 좋을것 같다는 의견이 있었다. 그래서 해당 기능을 찾다 보니 multi_image_picker라는 좋은 패키지가 있었다. 해당 패키지는 아래에 링크에 존재한다. https://pub.dev/packages/multi_image_picker#-readme-tab- multi_image_picker | Flutter Package Flutter plugin that allows you to display multi image picker on iOS..