[📝] 오늘 하루는 #7: 역시 직접 부딪혀보는 게 최고

✨ GPT의 요약 　

FlutterFlow를 활용한 일기 기능 구현 중 디버깅을 통해 Date Picker와 Rich Text Editor의 문제를 해결하며, 실습을 통해 많은 것을 배운 하루.

🎯 목표

• ✅️ FlutterFlow Practice: 일기 기능 추가

💭 일기

오늘 오전은 동료와 5분 간격으로 Driver / Navigator 를 번갈아가면서 FlutterFlow로 일기 페이지를 만들어보았다.

기대감에 부풀었던 것과는 달리, 간단한 Date Picker기능을 가진 Button의 Text를 Date Picker로 선택한 날짜로 바꾸는 것도 여간 쉬운 일이 아니었다.

아무리 봐도 Action과 Page State variable은 제대로 세팅한 것 같은데 자꾸만 온갖 이슈가 터졌다.

documentation과 강의 영상들을 뒤져봐도 분명히 똑같이 했는데 도대체 왜 그런 건지 알 수가 없었고, 결국 점심 휴식 시간까지 디버깅에 몰입했다.

그리고 결국 해결.

• Preview 모드에 진입하면, 2024-12-20이 안 뜨고 [y-M-d]만 뜨는 이슈.
  • 원래 FlutterFlow의 Preview 모드에서는 작동하지 않는 기능들이 많다.
• Test build 모드에 진입하면, 뭔 놈의 중복된 변수 선언이라며 오류가 터지면서 컴파일 에러가 뜨는 이슈.
  • 내가 원래는 Button의 Text에다가 넣을 변수의 이름을, datePicked(Page State variable)로 선언했었다.
  • 근데, 추측컨데, FlutterFlow에서 기본으로 제공되는 Date Picker와 연동되는 변수의 이름이 datePicked인 것 같았다. (날짜 선택시 나오는 로그가 Date Picked: 2024-12-20 00:00:00 뭐 이런 식으로 뜨는 것을 보고 느낌이 쎄했음)
  • 그래서, 변수명을 dateSelected로 변경했더니 오류 없이 의도한 대로 잘 작동하더라.
  • 나의 작명 센스가 FlutterFlow 개발자들과 통했구나 싶으면서, 웃기기도 하고 어이도 없고 그랬음.

오후에는 그냥 TextField로만 이루어진 일기 작성란을 1차적으로 RichTextEditor(Rich Text Editor)로 바꾸는데에 성공했고, 이후에 MarkdownEditor(super_editor)로도 바꾸어보려고 시도했지만 Custom Widget의 dependency와 super_editor 패키지의 dependency가 충돌하면서 대환장의 디버깅쇼가 펼쳐져서 결국 멘탈 싹 다 털리고 GG.

하루종일 (GPT와 함께) 디버깅만 하느라 힘들긴 했지만, 역시 강좌만 주구장창 보는 것보다는 직접 부딪혀보고 만져보면서 배우는 게 훨씬 빠르고 재밌는 것 같다. 물론, 그렇다고 강좌를 아예 안 봤다면 원인을 파악하고 디버깅하는 데에 더 많은 시간이 걸렸겠지.