Choe's In coding...

디자인 작업이 생각보다 오래 걸린다... ㅜㅜ
이번에 따라한 디자인이 가장 오래 걸린것 같다.

디자인을 구성하는 방법은 여러가지가 있지만

아직 몇가지 안되는 방법으로 구현하려다 보니 시간도 길고 코드의 길이도 길어지기만 하는것같다.

다양한 디자인을 만드는것보단 하나의 디자인을 깊게 이해하고 최적화시키는 노력이 필요하다.

https://dribbble.com/shots/20342041-Spire-Tracker-Task-Management-App

https://github.com/tngudzzz/layout_TaskmanageApp

원래는 webview_flutter 라이브러리를 사용하려고 했는데,,,, 최신버전이 뭔가 바뀌었는지

인터넷에 검색해보는데 다 구버전에 대한 강의뿐이다.

그래서 다른 라이브러리 찾아보니 괜찮은 걸 발견해서 소개한다.

https://pub.dev/packages/flutter_inappwebview

이번에는 심화적인 사용법보단 기본적으로 화면에 웹뷰하나 띄우는 정도만 소개한다.

모바일 앱은 사용자 한손 한손가락으로 모든 정보를 접할 수 있게 해야한다고 생각한다.

여럿 앱을 사용하다 보면 UI/UX가 너무 복잡하고 난잡하게 되어있는 경우가 있다.

방대한 양의 데이터를 알맞게 분류하고

이를 화면에 어떻게 보여질 것이며

사용자가 쉽게 앱을 조작할 수 있어야 한다.

요즘 금융 앱을 보면 예전과 다르게

비교적 간단하게 디자인되어 리뉴얼 되고있다.

토스 주식, 카카오 주식 어플과 키움,한국투자,신한투자 어플을 비교해보면 많이 다를것이다.

비교적 낮은 연령의 이용자가 많은 토스, 카카오는

심플하면서 직관적인 UX/UI를 택한 반면

연령대가 좀 있는 이용자가 많은

키움, 한국투자, 신한증권등 보면

직관적이지 않고 조금 복잡한 UI/UX를 가지고있다.

이러한 증권사 어플들도 최근 보면 토스, 카카오를 따라가는 듯하다.

해당 디자인 출처 -  https://dribbble.com/shots/19858341-Financial-Mobile-IOS-App

좌측이 원본이고 우측이 내가 한것이다.

최대한 비슷하게 구현해봤다.

우선 목표는 1주일에 3개이다.

점차 늘려가거나 아니면 구현 퀄리티를 높일 계획이다.

지금은 단순하게 레이아웃만을 따라한것이다.

어느새 눈이 오는 계절이 되어버렸다.

눈오는날엔 움직이기 너무 귀찮지만

창밖으로 카페에 앉아 눈내리는 걸 보면 정말 느낌있다.

프로젝트를 조금씩 완성시키고 있지만..

하나의 산을 넘을때 시간이 너무 들고 바로 다음 산을 넘어가야하나...

이렇게 비효율적으로 시간을 쓰는것보단 다시 기초를 다지자라는 생각에

Dart, Flutter 강의를 찾았고 우연히

노마드코드의 무료강의를 보았다.

인터넷 유튜브에서 여럿 강의를 보면서 공부했지만

개인적으론 노마드코드 강의가 최고인듯하다.

영어로 설명하여 자막을 보며 들어야한다는 장점아닌 단점이 있지만

내용이 너무 알차고 설명을 잘해준다.

이번주 토요일부터 GDG송도에서 하는 플러터 사이드프로젝트를 시작하는데

앞서 기초를 다지기에 너무 좋은 강의였다.

추후 유료 강의도 들어볼 예정이다.

Dart, Flutter를 시작하는 사람에게 꼭 추천하고 싶다.

플러터를 개발할때 빨간줄보다 귀찮은게 노랑줄인거같다.

무시해도 되지만 빨간줄보다 더신경쓰인다.

또 가이드대로 고쳐도 없어지는 경우가 많이 없다.

이런 알림을 꺼버리도록하자

프로젝트/analysis_option.yaml 파일을 키면

10번째 라인에 보이는 include 부분을 주석처리해주면 된다.

다른 프로젝트에서 테스트하던 코드를

토이 프로젝트로 가져왔더니 사진처럼 애러가 났다...

원래는 흰배경이고 텍스트도 정상적으로 나왔는데 당황스럽다.

혹시나 위젯 크기를 잘못 주어서 그런지 여럿 시도했지만 고쳐지지않아..

구글에 yellow underline 이라고 검색하니 역시나 없는게 없다.

위젯들을 Material로 감싸줘야한다....

윗 코드에서 아랫 코드와 같이 컨테이너 위젯을 감싸줬다.

그랬더니.

정상적으로 나온다...

대만족,,