우당탕탕 무작정 도전

두둥! 드디어 헬멧이 완성됐다는 연락을 받고 두상교정 비바3D 센터에 다음날로 예약하고 방문했어요완성된 헬멧을 써보고 어디 불편한 곳이 있나 꽉 끼는 곳이 있나 등등 점검한 후에 받아왔어요점검하면서 헬멧 수정 하니 센터에서 머무르는 시간 30분~1시간정도 생각하고 오면 된다고 하더라구요받고나서 센터 창문에서 기념샷 다른 헬멧보다 150그램 정도 가볍다고 해요물론 안썼을 때보다는 무겁겠지만집에와서 터미타임도 했어요우리 아기는 터미타임을 참 싫어하는데 말이죠옆에 수직으로 되어 있는 버튼 보이시죠?이 버튼으로 헬멧을 열고 닫는데단계별로 열고 닫을 수 있어서피부트러블 발생시 헬멧을 벗는 시간을 줄여줄 수 있답니다 가능한 빨리 헬멧을 졸업하는 시기가 오길 소망하며 마지막으로 우리 아기 헬멧 쓰는 첫 날 두상 사진..

태어 났을 때 제왕절개로 태어난 우리 아기는 두상이 똥~그랗게 너무 이뻤어요.수면교육을 위해 위험한 물건을 치우기 위해 옆잠베개를 졸업시켰는데그 때부터 점점 얼굴이 넓적해지더니 단두증과 사두가 오게 되었어요 ㅠㅠ아기가 뒤집기 시작하고 옆으로도 자고 하면 돌아오지 않을까 하는 희망을 갖고 있었는데아기가 워낙 등대고 누워있는 걸 좋아해서 그런지 누워만 자고 활동 할 때도누워만 있더라구요.이러다가 타이밍을 놓치겠다 싶기도 해서 일단 상담만 받아보자는 생각으로두상헬멧 업체에 찾아갔어요 헬멧을 고를 때 기준이 있었어요.제일 중요한 건 통기성이었어요.두상헬멧을 쓰면 아기들이 땀도 많이 나고 땀띠도 나고 하니통기성이 제일 중요할 것 같더라구요.그래서 찾은 업체가 비바3D였어요. 일단 첫 인상은 깔끔한 이미지 였어요...

오늘은 동작하는 아이콘을 만들어 볼 건데 바로 앱바 메뉴 아이콘이다. Appbar menu Icon과 leading과 actions onPressed를 조화롭게 사용하여 가볍게 배워보는 시간이다. 어렵지 않으니 차근차근 따라와 보자. (방금 어렵게 작성한 글을 날렸다. ^^ 화가 났지만 너무 아까워서 빠르게 쓰고 그만하련다ㅠㅠ) 오늘의 목표는 이런 형태이며 아이콘을 누르면 동작도 한다. 아주 재미있을 것이다. 코딩 바로긔 AppBar Menu Icon 기본 구성은 어제와 거의 비슷하다. 빠르게 따라오자. MyApp과 MyPage라는 커스텀 위젯을 만들어주자. 이제 이 밑으로 메뉴 아이콘을 만들어 줄 것이다. leading 속성 leading : 아이콘 버튼이나 간단한 위젯을 왼쪽에 배치할 때 라고 한다...

지난번에 이어서 sizedbox 등을 사용하여 완성해보자. 지난 시간에는 sizedbox와 crossAxisAlignment 등을 사용해서 캐릭터 정보 페이지를 만들었는데 이번 시간에는 그 페이지를 완성해보자. Icon, CircleAvatar 등을 사용할 것이다. 우리가 완성하고자 하는 페이지 기억나는가? 지난번 작성했던 NAME, GANDA의 코드를 똑같이 아래에 복사하고 새롭게 만든 GANDA POWER LEVEL과 14 사이에 간격을 벌리기 위해 SizedBox를 30으로 설정해주자. 이제 기술 설명을 해보자. Icon 빨간 박스를 보면 체크박스가 있고 그 옆에 텍스트가 있다. 이렇게 가로로 나열해야 할 때 쓰는 것이 Row이다. 새로운 건 Icon 외엔 없다. 나머지는 하던 대로 해준다. 출력해..

드디어 앱 페이지 디자인에 대해 들어간다. 캐릭터도 넣고 캐릭터 설명도 넣고 하면서 앱 페이지를 디자인해보는 시간을 갖는다. sizedbox와 crossAxisAlignment도 배울 것이다. 기본 형태는 이전과 동일하다. 단지 이름 정도만 바뀌었을 뿐. 우리가 만들고자 하는 형태는 다음과 같다. 이 형태를 기억하며 하나하나 따라가보자. 지난번 코드에 이름정도만 바꾸면 된다. 강의를 보며 따라하니 오른쪽과 같은 앱이 만들어졌다. 와이프는 이걸 보더니 지난번 dart때 'Hello, World' 랑 다른 리액션을 보여줬다. 난이도는 똑같은데 뭔가 비주얼적으로 보이는 게 있으니 그럴싸해 보인다고 했다. 나도 그렇게 느끼는 중이다 ㅎㅎ 다음으로 title을 가운데로 옮겨보자. 강의에서는 'centerTitle..

앱 페이지를 디자인하기 위해 가장 기본이 되는 부분들을 살펴본다. centerTitle, appbar backgroundcolor, appbar elevation, padding widget, mainAxisAlignment 등 많은 부분들을 써놨지만 딱히 어렵지는 않기에 하나하나 따라 하면 금방 익힐 수 있다. CenterTitle 지난번 사용했던 코드에 추가하여 시작해본다. AppBar의 title이 왼쪽에 치우쳐져 있는데 이것을 가운데로 정렬해 보자. 가운데 정렬이니까 center일까? 하고 쳐보니 centerTitle이라고 딱 추천해준다. 리턴은 bool이니 'true' AppBar 하단을 보면 음영이 있는데 이 부분을 없애는 위젯도 있다. 있는게 나은 거 같은데 Padding widget, Co..

Flutter로 프로젝트 폴더는 어떻게 구성되어 있는가? main은 무엇을 담고 있지? Scaffold는 무엇인데? 이제 드디어 무언가를 해보는 날이다. 먼저 new flutter project를 해본다. 프로젝트 생성을 해보았는가? 이 복잡한 구성은 무엇인지 알아보자. 그리고 두 번째로는 main widget을 파헤치며 마지막으로 scaffold에 대해서 알아보도록 한다. Project 새로운 프로젝트를 작성하면 main.dart라는 파일에 기본적으로 숫자를 카운팅 해주는 애플리케이션이 포함되어 나온다. 우리가 앱을 만들 때 lib폴더의 main.dart 에서 하기에 기억해두자. 그리고 'pubspec.yaml'. 이놈도 앱을 만들 때 자주 사용하기에 알아보자. pubspec.yaml은 프로젝트의 메타..

Flutter에서의 widget 위젯은? Flutter를 접하면 뭐만 하면 widget 위젯 이러는데 대체 위젯은 무엇인가? stateless widget은 뭐고 stateful widget은 뭔가? Flutter를 처음 접하는 일반인의 입장에서 풀어가보자. 내가 이해 못 하면 남도 이해 못 한다. 코딩셰프님 강의로 플러터를 하나씩 배워 가보자. Widget 우리가 평소 접한 위젯은 스마트폰이나 데스크톱에서 날씨나 교통정보를 보여주거나 했었다. 위젯은 그런 작은 단위의 기능을 보여주는 프로그램을 지칭하는 용도로 쓰였다. 그러나 Flutter에서 말하는 위젯은 화면을 구성하는 모든 기본 단위 요소다. 메뉴도 위젯, 화면에 아이콘도 위젯, 버튼도 위젯이라고 보면 된다. 그런데?! 눈에 보이지 않지만 아이콘을..

돌고 돌아 다시 온 Stream 11번 포스팅에서 Stream을 했었는데 중간에 where()에 막혀 3번의 포스팅 이후 드디어 다시 돌아왔다. Stream에 대해서 기억이 나시는가? 오늘도 정직하고 그날 당일 하루하루에 충실한 나의 뇌는 그날만 기억하기에도 벅차기에 당연하게도 다시 보고 돌아왔다. 11. Dart(async Returnung Future, Stream, Listen, asBroadcastStream) 일반인의 Flutter 앱개발 11. Dart(async Returnung Future, Stream, Listen, asBroadcastStream) cont. Asynchronous Programming 지난번 10번 포스팅에 이어 같은 영상이다. 요새 드는 생각이 확실히 1강 2강 때..

오늘 할 일 : Cascading Operator(쉬움 주의), 실전 연습(주의..) Cascading Operator 너무 쉽다고 놀라지 말자. Cascading Operator : 생성한 List안에 list를 하나로 펼쳐서 널어준다. 바로 예시를 보면 느낌이 오실 것이다. 홀 짝을 넣어준 리스트를 만들고 출력을 해준다. 이렇게 각 각 리스트가 형성이 된다. 여기에 cascading operator '...' 점 3개를 넣어주면 짠 합쳐졌다^^. 이렇게 생성한 리스트는 완전히 새로운 리스트가 된다. Cacading Operator는 많이 사용하는 기능이니 알아두고 가자. 실전문제 Map -> Class 그동안 강의 듣고 정리만 했는데 이제 실전문제다. 코드는 이전에 썼던 List를 가져온다. 아 요거..