갓생 프로젝트 #1

이번주 회고 이번주는 처음으로 내 일상을 다른사람에게 공유하는 날이다. 막상 쓰려고 하니 내가 잘못한 사용하고 있는 시간들이 보였다. 그리고 그 사실을 다른 사람들에게 공개한다는게 한켠으로는 부끄럽다. 하지만 이런 부끄러움이 내가 게으름을 피우지 않게 나에게 긍정적 스트레스를 줄 것이라 생각한다. 실제로도 나는 회고하면서 새로운 목표들을 세웠고 그것을 이번 포스트를 통해 공유할 것 이다. 스스로에 대한 벌칙 또한 새롭게 설정하였다. 다음주의 나는 분명 힘들어하면서도 세웠던 목표들을 수행할 것 이다. 이 과정이 반복되어서 내 인생이 좀 더 발전하고 갓생으로 변화해나갔으면 좋겠다. 이번주 달성 항목 Flutter 공부 Clone 코딩 Instagram clone coding UI Kit Android 공부 ..

Flutter 기초 - 2탄 : 화면에 그려지는 모든 것은 위젯이다

이번글에서 알아볼 내용은 Flutter 의 핵심 중 핵심입니다. 바로 화면에 그려진 모든것은 위젯이라는 것인데요. 지금부터 알아보도록 합시다. 이번 글은 아래의 자료를 기반으로 작성됐습니다. Introduction to widgets - Flutter document Layouts in Flutter - Flutter document 이 글에서 알아볼 내용 화면에 그려지는 모든것이 위젯이다 선언적 UI 방식과 Widget 위젯 트리와 레이아웃 구성 StatelessWidget StatefulWidget 화면에 그려지는 모든것이 위젯이다 위의 그림은 Flutter가 UI를 그리기 위한 요소들의 계층을 나타낸 것 입니다. 맨 아래에 Text 위젯을 보시면 이해가 훨씬 편할겁니다. Text 위젯은 말그대로 F..

Flutter 기초 - 1탄 : Flutter 의 과거, 현재, 미래

기초가 왜 중요할까요? 저는 인간의 불완전한 기억력이 그 이유라고 생각합니다. 우리가 아무리 똑똑해도 모든 것을 기억할 수는 없습니다. 또한 수 많은 정보를 전부 기억하는 것은 비효율적이기도 하죠. 인간은 경험과 지식 즉 기억을 바탕으로 생각하고 행동합니다. 그렇기에 우리는 공부하고 연습하는거죠. 수 많은 항목 중에 무엇을 기억해야 할까요? 기초가 이에 대한 답이라고 생각합니다. 제가 생각하는 기초는 "가장 먼저 기억해야하고 익혀야하는 대상" 입니다. 저는 이번 시리즈를 진행하면서 flutter 를 공부할때 가장 먼저 기억해야 할 내용을 정리할 것 입니다. 오늘의 주제는 "Flutter의 과거, 현재, 미래" 즉 Flutter의 역사 입니다. 이번글은 아래의 자료를 참고하여 작성됐습니다. [번역] Flu..

Flutter BLoC 꿀팁 - 1탄 : BlocProvider 백배 사용하기

BLoC 패턴을 사용하시는 분이라면 BlocProvider 를 사용하실겁니다. 오늘은 BlocProvider 를 좀 더 잘사용할 수 있는 방법에 대해서 알려드리겠습니다. 이번 글은 저의 개발 경험을 기반으로 작성됐습니다. 이 글에서 알아볼 내용 다른 스크린에서 동일한 BlocProvider 를 사용하는 방법 BlocProvider 의 auto dispose 문제 해결 방법 다른 스크린에서 동일한 BlocProvider를 사용하는 방법 BlocProvider 의 스코프는 감싸고 있는 Widget 까지가 범위입니다. 만약 Navigator 를 통해 다른 스크린으로 전환한다면 전환한 화면은 BlocProvider 의 스코프 밖입니다. 이를 해결하는 멍청한 방법은 다음과 같았습니다. runApp( BlocPro..

Flutter에서 Webview(웹뷰) 사용하기

Flutter에서 Webview를 사용하는 방법에 관한 글입니다. 이 글은 단순한 webview 구현을 목표로 합니다. hybrid composition의 내용을 담지 않았음을 미리 알려드립니다. 이 글은 아래의 example과 문서를 기반으로 작성되었습니다. webview_flutter example webview_flutter api document 이 글에서 알아볼 내용 Webview 사용법 (webview_flutter) http 연결 가능하게 만들기 Webview 사용법 (webview_flutter) pubspec.yaml 의존성 추가 dependencies: flutter: sdk: flutter webview_flutter: ^2.0.9 // 최신버전 권장 (https://pub.dev/p..

Flutter Web 1탄 : 구글 코드랩 구현

Flutter 2.0 이 출시됨에 따라. Web 개발 또한 정식으로 가능해졌습니다. 오늘은 Flutter 로 Web 개발을 어떻게 하는지 알아보도록 하겠습니다. 이번 글은 아래의 자료를 기반으로 작성됐습니다. Write your first Flutter app on the web 이 글에서 알아볼 내용 간단한 실행 코드랩 개요 코드랩 구현 구현 중 느낀 점 간단한 실행 들어가기 앞서 Web으로 한번 실행시켜 보도록 하겠습니다. 작동 코드는 새 프로젝트 생성시 있는 카운트 프로그램입니다. 간단히 실행시켜보니 앱개발과 크게 다른게 없는 느낌입니다. 물론 UI 배치는 Web 화면에 맞게 수정해야겠지만. 그 외에는 그냥 앱개발과 똑같은 것 같습니다. 코드랩 개요 해당 코드랩은 정말 간단합니다. 회원가입을 하고 ..