snoopy_developer.log https://velog.io/ 비전공자 개발자 스누피 Wed, 23 Nov 2022 02:44:14 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed snoopy_developer.log https://velog.velcdn.com/images/snoopy_developer/profile/928a9001-878f-41a6-9bcf-e956e9e1eed8/image.jpg https://velog.io/ Copyright (C) 2019. snoopy_developer.log. All rights reserved. <![CDATA[[플러터스토리] LV.1 응애 나 초보자 ]]> https://velog.io/@snoopy_developer/%ED%94%8C%EB%9F%AC%ED%84%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-LV.1-%EC%9D%91%EC%95%A0-%EB%82%98-%EC%B4%88%EB%B3%B4%EC%9E%90 https://velog.io/@snoopy_developer/%ED%94%8C%EB%9F%AC%ED%84%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-LV.1-%EC%9D%91%EC%95%A0-%EB%82%98-%EC%B4%88%EB%B3%B4%EC%9E%90 Wed, 23 Nov 2022 02:44:14 GMT
  • 이 강의는 플러터를 아예 모르는 비전공자 출신을 위한 강의 입니다.
  • 빠르게 flutter MVP모델을 만들기 위한 강의로, 개념보단 실전 기술 위주로 진행됩니다.
  • 제가 하는 방식이 정답은 아닙니다. 더 나은 방식과 오류 수정은 언제든지 환영합니다! 댓글 남겨주세요:)

    • 플러터스토리 월드에 오신것을 환영합니다.

    <초보자 사진>

    여러분은 방금 플러터 초보자 캐릭터를 생성하였습니다.

    지금 부터 이 캐릭터에 빙의되어 열심히 레벨업을 해봅시다! (혹 아래 글을 읽고 본인이 LV.1을 이미 마스터 했다고 생각하면 LV.2로 넘어가시면 됩니다.)

    이번 LV.1 스킬들을 마스터하게 되면 LV.2로 레벨업할 수 있습니다.

    LV.1 에서 우리는 앱을 하나 만들어서 바로 인터넷에 업로드(배포)할 것입니다.

    [이 레벨을 마스터 하면 쓸 수 있는 스킬]

    1. 앱의 배경 색을 맘대로 바꿀 수 있다.(색 변경 스킬)

    -background 색 변경

    1. 앱에 텍스트를 자유자재로 쓸 수 수 있다.(텍스트 스킬)

    -Text 위젯 사용하기

    1. 나의 앱을 인터넷에 업로드(배포)하여 누구나 내 앱에 접속 할 수 있다.(배포 스킬)

    -firebase 서버 사용

    [이 레벨에서 필수로 알아야하는 개념] *개념위주 강의가 아니다보니 개념은 최대한 간단하고 쉽게 적어놓습니다. 해당 개념에 대해 더 알고싶으신분은 구글 검색바랍니다:)

    1. Widget은 무엇일까?
    2. Widget Tree 란 무엇일까?

    꿀팁) 안드로이드 스튜디오에서 ctrl+클릭하면 해당 class로 이동한다. 부제) 기본 앱 구조만 뜯어봐도 flutter 전체가 보인다.

    1) flutter 는 모두 class 로 구성되어있다. 2) material widget , statelesswidget, statefulwidget 뜯어보기 statelesswidget 안에 build 함수는 ?

    ]]>         <![CDATA[[플러터스토리] LV.2 응애 나 아직 초보자]]> https://velog.io/@snoopy_developer/%ED%94%8C%EB%9F%AC%ED%84%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-LV.2-%EC%9D%91%EC%95%A0-%EB%82%98-%EC%95%84%EC%A7%81-%EC%B4%88%EB%B3%B4%EC%9E%90 https://velog.io/@snoopy_developer/%ED%94%8C%EB%9F%AC%ED%84%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-LV.2-%EC%9D%91%EC%95%A0-%EB%82%98-%EC%95%84%EC%A7%81-%EC%B4%88%EB%B3%B4%EC%9E%90 Wed, 23 Nov 2022 02:44:08 GMT
  • 이 강의는 플러터를 아예 모르는 비전공자 출신을 위한 강의 입니다.
  • 빠르게 flutter MVP모델을 만들기 위한 강의로, 개념보단 실전 기술 위주로 진행됩니다.
  • 제가 하는 방식이 정답은 아닙니다. 더 나은 방식과 오류 수정은 언제든지 환영합니다! 댓글 남겨주세요:)

    • flutter 를 뜯어보자

    1. 결국 다 class 로 이루어져있다.

    2. statelessWidget 뜯어보기

    3. class 직접 만들어보기 ,class 익숙해지기

    4. 이름있는 constructor 은 무엇일까

    5. class는 생성자가 없다면 자동으로 빈 생성자를 만든다.

    6. this 와 super 의 차이

    7. stateless 하단에 key 는 무엇일까

    ]]>         <![CDATA[[Flutter] bottom sheet 에 하단 body 가 일부 가려지는 문제]]> https://velog.io/@snoopy_developer/Flutter-bottom-sheet-%EC%97%90-%ED%95%98%EB%8B%A8-body-%EA%B0%80-%EC%9D%BC%EB%B6%80-%EA%B0%80%EB%A0%A4%EC%A7%80%EB%8A%94-%EB%AC%B8%EC%A0%9C https://velog.io/@snoopy_developer/Flutter-bottom-sheet-%EC%97%90-%ED%95%98%EB%8B%A8-body-%EA%B0%80-%EC%9D%BC%EB%B6%80-%EA%B0%80%EB%A0%A4%EC%A7%80%EB%8A%94-%EB%AC%B8%EC%A0%9C Tue, 22 Nov 2022 10:33:55 GMT How do i print the value which is coming from modal bottom sheet to the main scaffold body in dart+flutter?

    scaffold 위젯 속성인 bottom sheet 를 쓰게 되면 본문이 bottom sheet 에 일부 가려져 안보이는 결과를 초래하게 된다.

    [해결]

    본문을 padding widget 으로 감싸고 아래에만 bottom sheet 높이만큼 padding 을 준다.

    ex)

    Scaffold(body: (child:Body(),padding:EdgeInsets.only(bottom: <bottom sheet 높이>))
    ]]>         <![CDATA[[Flutter] listview.builder 상단에 widget 하나를 고정 시키고 싶을때]]> https://velog.io/@snoopy_developer/Flutter-listview-%EC%83%81%EB%8B%A8%EC%97%90-widget-%ED%95%98%EB%82%98%EB%A5%BC-%EA%B3%A0%EC%A0%95-%EC%8B%9C%ED%82%A4%EA%B3%A0-%EC%8B%B6%EC%9D%84%EB%95%8C https://velog.io/@snoopy_developer/Flutter-listview-%EC%83%81%EB%8B%A8%EC%97%90-widget-%ED%95%98%EB%82%98%EB%A5%BC-%EA%B3%A0%EC%A0%95-%EC%8B%9C%ED%82%A4%EA%B3%A0-%EC%8B%B6%EC%9D%84%EB%95%8C Tue, 22 Nov 2022 09:55:01 GMT 배너 광고 하나를 Listview.builder widget 상단에 고정시키는 동시에 listview.builder 를 스크롤 할때 상단 배너 광고까지 스크롤 시키고 싶을 때가 있다.

    이때 흔히 하는 실수가(내가 흔히 하는 실수) 하단과 같이 Column 위젯의 children에 상단 배너와 listview.builder 를 함께 쓰는 것이다. 

    Column(children[Image.asset('배너.jpg'),ListView(~)])

    이때 ListView 의 높이가 정해져 있지 않기 때문에 [Vertical viewport was given unbounded height.] 에러가 난다.

    ListView 위젯의 높이를 sizedBox 위젯으로 감싸더라도 상단의 배너 광고와 ListView 위젯 스크롤이 따로 노는 상황이 생기게 된다.

    [해결]

    ListView() 의 속성 중 children 속성이 있는데 여기에 배너광고 widget 과 ListView.builder 를 배치 시키면 된다.
    샘플 코드
ListView(children:[Image.asset('배너광고.jpg'),ListView.builder(~)]

    ++ ListView.builder 의 shrinkwrap 속성을 true 로 줘야 viewpoint 에러가 안뜬다.

    ]]>         <![CDATA[[flutter web] ios에서 font 글꼴 적용이 안되는 문제]]> https://velog.io/@snoopy_developer/flutter-web-ios%EC%97%90%EC%84%9C-font-%EA%B8%80%EA%BC%B4-%EC%A0%81%EC%9A%A9%EC%9D%B4-%EC%95%88%EB%90%98%EB%8A%94-%EB%AC%B8%EC%A0%9C https://velog.io/@snoopy_developer/flutter-web-ios%EC%97%90%EC%84%9C-font-%EA%B8%80%EA%BC%B4-%EC%A0%81%EC%9A%A9%EC%9D%B4-%EC%95%88%EB%90%98%EB%8A%94-%EB%AC%B8%EC%A0%9C Tue, 22 Nov 2022 05:26:56 GMT flutter build web

    을 한 뒤 firebase 에 배포하였는데

    안드로이드 폰 인터넷에선 폰트까지 잘 적용이 되었는데 아이폰에서 폰트가 적용이 되지 않는 문제점을 발견.

    [해결방법]

    웹을 빌드할때 랜더링을 canvaskit 으로 랜더링 해주면 된다고 한다. 

    flutter build web 대신
flutter build web --web-renderer canvaskit

    저렇게 웹을 다시 빌드 후 재 배포하였더니 깔끔하게 해결되었다.

    canvaskit 과 html 의 차이점을 알고싶다면? https://bigstar-vlog.tistory.com/77

    [참고처] https://stackoverflow.com/questions/72644930/google-notosans-font-not-displaying-correctly-on-ios-in-flutter-web-app

    ]]>         <![CDATA[플러터스토리:개발자의 모험 소개 [한 달만에 flutter 개발자가 되어보자]]]> https://velog.io/@snoopy_developer/%ED%95%9C-%EB%8B%AC%EB%A7%8C%EC%97%90-flutter-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EB%90%98%EC%96%B4%EB%B3%B4%EC%9E%90-GetX%EB%A1%9C-%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0-1-1 https://velog.io/@snoopy_developer/%ED%95%9C-%EB%8B%AC%EB%A7%8C%EC%97%90-flutter-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EB%90%98%EC%96%B4%EB%B3%B4%EC%9E%90-GetX%EB%A1%9C-%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0-1-1 Mon, 21 Nov 2022 16:23:21 GMT
  • 이 강의는 플러터를 아예 모르는 비전공자 출신을 위한 강의 입니다.
  • 빠르게 flutter MVP모델을 만들기 위한 강의로, 개념보단 실전 기술 위주로 진행됩니다.
  • 제가 하는 방식이 정답은 아닙니다. 더 나은 방식과 오류 수정은 언제든지 환영합니다! 댓글 남겨주세요:)

    • 안녕하세요 오늘부터 플러터스토리:개발자의 모험 게임(강의)을 함께할 개발자스누피 입니다.

    앞으로 저는 이 게임(강의)에서 여러가지 스킬들을 알려드림으로써 여러분이 플러터 마스터로 전직할 수 있도록 도와드릴것입니다.

    각 레벨 구간의 직업명은 다음과 같습니다.

    [LV.1-9] 플러터 초보자 [LV.10-29] 플러터 개발자 [LV.30-69] 플러터 중급 개발자 [LV.70-100] 플러터 마스터

    각 레벨 구간이 만들 수 있는 앱의 종류는 다음과 같습니다. <앱 종류 사진>

    메이플스토리와 같이 각 레벨에 배울 수 있는 스킬들이 있으며 LV.10,30,70 을 달성하였을땐 전직 시험을 통해 전직을 할 수 있습니다. 또한 각 레벨에 맞는 스킬들을 온전히 흡수했다고 생각했을 때 다음 레벨을 진행해주세요:)

    그럼 플러터스토리:개발자의 모험 지금 시작하겠습니다.

    [참고] 플러터스토리는 GetX 라이브러리를 메인으로 사용합니다.

    ]]>