[프론트] 노코드 툴 FlutterFlow로 개발하기

노코드 툴 사용 이유

• 프론트엔드에 적합하다 판단

  • 앱을 개발하기 위해서는 사용자가 조작할 프론트와 기능 구현을 위한 백엔드가 모두 필요하다.

  • 원하는 기능을 자세하게 구현하기 위해서는 코드를 작성해야한다. LLM이 더 발달하여 자연어만으로 구체적인 기능을 노코드로 개발하게 될 수도 있다. 하지만 아직 포트폴리오 리밸런싱 알고리즘 같은 기능은 코드로 구현하고 이해해야 한다.

  • 반면 사용자가 조작할 화면은 노코드로 개발하기 적합하다고 판단했다.

• 학습량이 적고, 빠르게 개발할 수 있다

  • 지금 포트폴리어 리밸런싱 계산기 앱을 만들기 위해서는 프론트 언어부터 익혀야한다. 차라리 노코드 툴 사용법을 익혀서 빠르게 개발하고 서비스하기로 했다.

FlutterFlow 선정 이유

• 사용성이 직관적이고 쉽다.

• Flutter 기반의 노코드 툴로 한 번의 개발로 Android, IOS, 웹까지 배포할 수 있다.

• 유료지만 Flutter 코드를 제공 받고 깃과도 연동할 수 있다.

  • 노코드 툴에 의존적이지 않고 서비스를 독립할 수도 있다.

FlutterFlow 느낀 장점

• 사용성이 직관적이고 쉽다.

• UI나 색상 템플릿 제공으로 쉽고 빠르게 꽤 괜찮은 화면을 만들 수 있다.

• 원버튼으로 Firebase 연동된다. Firebase를 사용해 로그인 기능이나 CRUD 정도는 코드를 안 짜도 된다.

• 원버튼으로 웹에 배포 된다.

FlutterFlow 느낀 단점

• 원형 차트까지도 쉽게 만들 수 있지만, 차트 항목별 색상을 변수로 설정할 수 없었다. 포트폴리오 비율 원형 차트에 사용자가 항목 카테고리별로 색상을 설정할 수 있게 구현하고 싶었지만 기능이 없었다.