본문 바로가기

flutter5

Mac에서 Flutter와 Firebase 연동하기 언젠가 포스팅으로 정리할 플러터 사이드 프로젝트 이어느덧 Firebase 연동 단계에 접어들었습니다. 간략히 소개드리자면 은 카카오톡 클론코딩이고, 플러터로 개발해보는 첫 프로젝트가 되겠습니다.이전에 다른 언어나 프레임워크들을 공부할때 강의를 듣다가 지쳐서무엇 하나 제대로된 결과물을 내보지 못하고 중간에 포기한적이 많아서 아쉬웠는데요,이번에는 바로 실전(?)에서 그때그때 궁금한것을 검색해보며 개발하는 것을 취지로 하고 있습니다. 이때까지는 로그인 정보나 친구 목록, 채팅 목록 등을 모두 json 형식으로 된 dummy data에 넣어두고로컬에서 불러오는 식으로 구현을 해둔 상태입니다.겉으로는 그럴싸해 보이지만 채팅앱의 기능을 제대로 구현하기 위해서는이러한 데이터들을 잘 관리해줄 무언가가 필요하겠지요.  .. 2023. 6. 16.
Flutter Vertical viewport was given unbounded height 해결 child: Center 하위에 FriendsList()를 구현한 상태에서,FriendsList() 이외에 MyProfile()을 추가하기 위해 child: Column으로 변경하자Vertical viewport was given unbounded height 에러가 발생했습니다.참고로, FriendsList()는 친구 목록을 가져와서 ListView로 빌드하는 함수입니다. body: Padding( padding: EdgeInsets.symmetric(horizontal: 18.0), child: Column( children: [ FriendsList(), ], ),), 원인ListView는 부모 위젯의 높이에 맞춰서 자신의 높이를 설정합니.. 2023. 5. 1.
코딩셰프 플러터 강의 정리 플러터(flutter) 순한 맛 강좌 5 | 플러터에서 제일 중요하다는 위젯이란 무엇일까요?https://www.youtube.com/watch?v=jI4kqLdqXic&list=PLQt_pzi-LLfpcRFhWMywTePfZ2aPapvyl&index=6  플러터에서 모든 것은 위젯으로 이루어져 있다.작은 요소들도 위젯이지만 앱 전체도 하나의 위젯이라고 할 수 있다. - Stateless Widget :   이전 상호작용의 어떠한 값도 저장하지 않음. 다시 말해 상태가 없는 정적인 위젯   스크린상에 존재만 할 뿐 아무것도 하지 않음   어떠한 실시간 데이터도 저장하지 않음   어떤 변화(모양, 상태)를 유발시키는 Value값을 가지지 않음   - Stateful Widget :   Value값을 지속적.. 2023. 4. 23.
Flutter 코드랩 따라하기 아래 링크를 보고 첫번째 Flutter 앱을 만들어 보았습니다.영어로 작성되어 있긴 하지만, 한단계 한단계 따라해보며 공식 문서는 다소 딱딱할 것 같다는 제 편견을 내다버리게 되었습니다. https://codelabs.developers.google.com/codelabs/flutter-codelab-first#0 Your first Flutter app  |  Google CodelabsIn this codelab, you’ll learn how to build a Flutter app that generates random, cool-sounding names.codelabs.developers.google.com  배운것을 간단하게 정리해보면 다음과 같습니다. 위의 코드랩을 완료한 뒤 읽어보시면 복.. 2023. 3. 28.
Flutter 개발환경 셋팅하기 (Mac mini) https://docs.flutter.dev/get-started/install/macos macOS installHow to install on macOS.docs.flutter.dev # 시작하기 전에 # Flutter SDK 다운로드2020년 말에 출시된 특정 모델부터 Intel 프로세서에서 Apple Silicon이 탑재되기 시작했습니다. Intel 프로세서가 탑재된 Mac의 경우, '이 Mac에 관하여' 화면에 '프로세서'라는 항목이 나타나고, Apple Silicon이 탑재된 경우 '프로세서'대신 '칩' 항목이 나타납니다. # PATH 추가터미널에 echo $SHELL을 입력하여 현재 사용중인 shell을 확인합니다. 저는 zsh을 사용하고 있기 때문에, $HOME/.zshrc를 열어 아래와같.. 2023. 3. 20.