공부상자

✨ CustomScrollView  ✏️ sliver란 스크롤 영역을 이루는 조각 하나하나를 의미함  ✏️  sliver들이 여러개 뭉쳐진 걸 slivers라 하고 이는 스크롤 영역이라고 할 수 있음  ✏️  ListView와 SliverList가 같고 GridView와 SliverGrid가 같은데 차이점은 SliverList와 SliverGrid가 위젯이 아니라는 점  ✏️  sliver는 정말 다양함(SliverAppBar, SliverList, SliverGrid, SliverToBoxAdpater 등)        ➡️ 그만큼 스크롤 영역을 구성하는 요소를 다양하게 할 수 있음  ✏️  SliverAppBar를 사용해보니까 CoordinatorLayout과 비슷하다는 느낌을 받음  ✏️  Sliv..

✨ 인스타그램 클론 앱 만들기  - 상태바를 고려하여 최상단 위젯 위치를 설정하는 위젯 : SafeArea  - 위젯이 가질 수 있는 최대의 공간을 차지하도록 하는 위젯 : Expanded  - 특정 액션에 대한 UI 변화를 주려면 StatelessWidget을 사용하는 것이 아니라 StatefulWidget을 사용해야함  - 현재 기기의 사이즈 정보를 가지고 오는 방법 : MediaQuery.of(context).size  - 특정 상태에 대한 정보를 Boolean이나 Int를 사용하여 표현하지 않고 Enum을 사용하는 것이 코드 이해 측면에서 더욱 좋음  - 리스트뷰와 그리드를 함께 사용하는 UI를 스크롤하고 싶을 때 사용하는 위젯 : CustomScrollView  - child에 대한 애니메이션 ..

🎈 오늘 한 것[이력서 준비]- 피드백 수용- 깃허브 프로젝트 리드미 수정 완료- 깃허브 메인 리드미 보완 시작 [알고리즘 문제 풀이]- 햄버거 분배, 진우의 달 여행 (Small), 비슷한 단https://retry-thinksubox.tistory.com/312 [Flutter 강의 시청]- StateFulWidget이란?🎊 오늘 알게 된 것[이력서 준비]- 피드백 너무 좋아...- 한 문장에는 한 주제만 담기도록 작성하기- 내용 속에 업무에 관련된 것이 들어가도록 작성하기- 레퍼런스의 중요성 [알고리즘 문제 풀이]- 풀어본 문제들이 많아질수록 문제를 볼 때 떠오르는 방법이 늘어난다.- 3차원 DP는 아직 좀 이해가 필요하다.- 걸리는 시간을 생각했을 때, Map을 사용하는 것보다 Array를 사..

✨ Hive  - NoSQL 데이터 베이스  - Dart로 작성된 경량화된 로컬 데이터베이스  - Flutter에서 데이터를 다루는데 간편하고 효율적인 방법을 제공하여 Flutter와 궁합이 매우 잘 맞는 데이터베이스  - 다양한 플랫폼에서 사용 가능  - SharedPreferences보다 성능이 뛰어  - 러닝 커브가 낮은 편  - 기본 타입, List Map, DateTime, Uint8List, Dart object를 데이터베이스에 저장할 수 있음 ✨ Flutter 프로젝트에 Hive 추가💠pakage 설치dependencies: hive: ^[version] // Hive 설치용 hive_flutter: ^[version] // Hive 추가 기능 설치용 dev_dependencies: ..

🎈 오늘 한 것[알고리즘 문제 풀이]- 비밀번호 발음하기, 임스와 함께하는 미니게임, 쿠키의 신체측정https://retry-thinksubox.tistory.com/302 [최종 프로젝트 유지보수]- 저장 기능 오류 개선 마무리https://www.notion.so/5-e2be3ec1596c481d80a0d1ed82d2a9b9 [Flutter 공부]- Android Studio에서 Flutter 사용하는 방법(복습필요)🎊 오늘 알게 된 것[알고리즘 문제 풀이]- 정말 보이는 문제는 바로 보인다.- 좀 더 간단하게 코드를 짤 수 있는 방법을 쉬운 문제일수록 더욱 고민해봐야겠다. [최종 프로젝트 유지보수]- 공유뷰모델 덕분에 해결- 특정 로직에 대한 흐름을 파악하고 있는 것이 유지보수에 있어서 중요하다..

🎈 오늘 한 것[최종 프로젝트 유지보수]- 저장 기능 오류 개선(90%)https://www.notion.so/5-e2be3ec1596c481d80a0d1ed82d2a9b9 [Flutter 공부]- Dart 기본 문법🎊 오늘 알게 된 것[최종 프로젝트 유지보수]- 플로우차트를 그리며 흐름을 짜보니까 직접 구현할 때 생각보다 쉬워지더라- 공유 뷰모델로 해결이 되었다.- 이래서 원액티비티 앱들이 나오는거 같다. [Flutter 공부]- 뭔가 자바랑 코틀린을 알고 있으니까 좀 쉽게 다가온다. ✨ 오늘 총평오늘은 많은 시간을 저장 기능 오류 개선에 쏟았다.이거 한다고 계획 중에 있었던 시연영상 만들기와 깃리드미 트러블슈팅도 패스했다...그래도 해결의 실마리를 잡아 90%정도 해결했으니 기분이가 좋다.공유 뷰..

Column - 세로축 방향으로 가능한 한 모든 공간을 다 차지한다. -> 다 차지하지 못하게 하려면 mainAxisSize 값을 MainAxisSize.min으로 줘서 child 위젯들이 차지하고 있는 공간만큼으로 세로축 영역을 줄어들게 하면 된다. -> 이 때는 Center 위젯이 세로축에 대한 통제권도 가지게 된다.(아래부터 보고 오면 이해가 됨) - 가로축 방향은 자식 위젯의 width 값의 영향을 받는다. - Center 위젯의 child로 Column 위젯을 넣는 경우 Column이 세로축 모든 공간을 차지하기 때문에 Center 위젯은 세로축에 대한 통제권을 잃어버린다.(= 가로축 정렬만 시켜줌) - Center 위젯의 child로 Column 위젯을 넣는 경우에 정중앙에 Column 값들이..

Container 위젯 (Only one child) "Containers with no children try to be as big as possible" - child가 없을 경우, Container 위젯은 최대한의 공간을 차지하려고 한다. "Containers with children size themselves to their children" - child가 있을 경우, Container 위젯은 child의 크기로 줄어든다. 크기 조절 가능(width, height) margin 조절 가능(EdgeInsets.all / EdgeInsets.symmetric / ...) : 위젯의 바깥 간격 padding 조절 가능(EdgeInsets.all / EdgeInsets.symmetric / ...)..

1. 빌더 위젯없이 Snack bar 만들기 body에 커스텀 위젯을 만든다. -> 커스텀 위젯 안에서 버튼을 만들고 onPressed 안에 ScaffoldMessenger.of(context).showSnackBar()를 입력하고 showSnackBar() 안을 채운다. -> 잘 돌아간다! BuildContext에 대해서 좀 이해가 되니까 이 구성도 이해가 된다. 더 아래에 있는 context에서 시작하게 해서 위에 있는 Scaffold를 발견하게 하는 것..! SnackBar 꾸미는 거에는 textAlign, style, backgroundColor, duration 등이 있다.(쓴 거 제외하고 15개는 있는듯;;) 2. Toast message 구현하기 toast message는 위젯트리에 매여있지..

(지금과 약간 다르다. 3년 전이라...) SnackBar을 사용하려고 하면 무조건 Scaffold.of(context).showSnackBar() 를 사용해야한다. of : 현재 주어진 context에서 위로 올라가면서 가장 가까운 Scaffold(Something)를 찾아서 반환하라 그냥 버튼 onPressed에다가 위의 메서드를 사용하면 발견되는 내용 The context used was: MyPage ScaffoldMessenger.of() called with a context that does not contain a Scaffold. Build 함수를 불러왔을 때, 그 인자값으로 전달되는 BuildContext는 return되는 위젯의 것이 아니라 이 함수를 불러오는 위젯의 BuildCont..