인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

제건님의 프로필 이미지
제건

작성한 질문수

[플러터플로우]코딩 없이 한 달 만에 앱 만들기

트윗 나열해보기 (FireStore + ListView)

질문이 있습니다.

작성

·

445

0

플러터플로우로 빠르게 프론트 부분을 완성시키고 세세한 validator나 인증 절차등은 flutter 코드로 구현하려고 하는데요. 이를 flutterflow의 Git repo에 push하고 다른 branch에 pull하여 플러터로 수정하는 식으로 앱을 개발해보고 있습니다.
이때 Git repo의 관리 방법이나(rebase, merge, ff only 등) 퍼블리싱은 flutter로 하는 방법밖에 없는지 질문드리고 싶습니다.

답변 1

0

피어낫프로덕님의 프로필 이미지
피어낫프로덕
지식공유자

안녕하세요 제건님,

부족한 강의 들어주시고 질문해 주셔서 진심으로 감사 드립니다.

제가 아는 범위 내에서 답변 드리자면 다음과 같습니다.

 

flutterflow에서 UI만 반영하여 flutter 코드를 작성하고자 한다면, 현재로서는 말씀하신 방법이 최선입니다.

아마 다음 두 문서도 참조해보셨을 것 같지만 혹시 몰라 링크를 답니다.  

https://docs.flutterflow.io/flutter/export-flutterflow-ui-code-to-your-flutter-project

https://docs.flutterflow.io/customizing-your-app/manage-custom-code-in-github#6.-resolve-conflicts-if-any

  

실제로 플러터플로우로 개발한 loura.ai 앱 역시 같은 방법으로 관리 운영 되고 있습니다.

참고로 loura는 이전에 구축해놓은 FF가 Flutter 버젼이 업그레이드 되면서 UI코드가 달라져.. 코드 병합에 어려움이 있기도 했었으니 참고하셔도 좋을 것 같습니다.. 😅

 

 

이런 원인은 근본적으로는 flutterflow(이하 FF) 코드와 flutter의 코드가 다르기 때문인데요.

이를 제한적으로 해결하는 방안은 flutter에서 구현하신 부분을 모두 FF 내에서의 기능으로 대체하는 것입니다.

1)FF의 Automated Test를 통해 Validation을 하고

2)FF의 Custom code/Custom Widget을 활용해 추가 코드(예:인증절차)를 집어넣고

3)FF의 Branching 기능을 활용해 Git repo를 관리하는 것입니다.

 

다만 이는 (특히 1, 2번은) flutter로 구현하신 내용이 구체적으로 무엇인지에 따라 가능여부가 결정될 것 같고..

실제로 한다 하더라도 여러 시행착오가 수반될 것 같습니다.

 

 

flutterflow와 flutter의 코드베이스를 합치는 것은 커뮤니티의 오랜 염원으로 지속적으로 요청되는 사항이기도 한데요.
그 복잡성 때문에 아직 회사에서도 해결책을 내놓지 못한 것 같습니다.
지켜보다 보면 언젠가는 해결될 수 있으리라 저도 소망해 봅니다. 🙏

 

제건님의 프로필 이미지
제건

작성한 질문수

질문하기