[EP1] Flutterflow와 Cursor AI, Claude로 성지플랫폼 개발하기_ST 프로젝트001

반갑습니다. Shintrace입니다.

평소 웹앱개발에 관심이 많은 비개발자입니다.

Glide 첫경험

노코드인 웹앱빌더 Glide을 사용해서 웹앱개발한지가 올해로 3년이상이 된 듯 합니다.

첫 출시작은 지역 버스시간표를 담은 앱입니다.  



3개월정도 학원다니면서 코딩공부를 했지만 너무 어려워 포기하고 보류하다가 해외사이트를 찾고 찾다가 Glide를 알게 되어 완전 신세계를 만나게 되었습니다. 

그 이후 대략 50개이상의 웹앱을 제작한 것 같습니다. 
물론 템플릿을 활용할 경우도 있지만 자체 데이터만 있다면 쉽게 웹앱개발이 가능하였습니다.

물론 앱이라고 하지만 구글스토어,앱스토어에 등록해야 앱이라 하여 방법을 찾아 등록하게 되었습니다. 10개이상이 구글스토어에 등록하여 주변에 많이 알렸습니다. 

랩핑(Wrappimg)사이트를 통해 aab파일을 받아 등록하는데 수월하였습니다. 
하지만 버젼업데이트를 하는데 한계가 있어 모두 등록 중지가 된 상태이다. 

Glide의 단점은 코딩 해체가 안된다는 것입니다. 또한 디자인도 너무 단순하며 자유도가 떨어지는 이유로 더이상 스토어등록을 안하게 되었습니다. 
장점은 쉽게 개발이 가능하다는 것입니다. 업데이트를 계속하는지라 차후에는 자유도가 좋아질 것입니다.  

Flutterflow 발견 및 전환

이에 반해 여러 노코드, 로우코드 앱빌더를 찾다가 Flutterflow를 발견하게 되었습니다. 
앱개발위주로 개발되어지며 템플릿 디자인도 뛰어나고 자유도도 높습니다.
무엇보다도 flutter코드를 입력하면 UI가 구현된다는 것입니다. 
하지만 학습시간이 소요된다는 것입니다. 

자유도가 높은 만큼 시도해볼만 하다고 생각해서 열공중입니다.

여러분에게 공개적으로 성지플랫폼 앱을 개발을 시작하겠습니다.

이렇게 공개적으로 선언해야 기록도 하고 앱개발에 박차를 가할수 있기 때문입니다. 



앱 개발 계획

저의 계획은 이렇습니다.

1. Claude AI 활용:
앱 아이디어를 구체화하고 요구사항을 수집합니다.
IA 메커니즘, 사용자 흐름, 디자인 시스템 문서를 개발합니다.

2. UI 개발:
첫 번째 단계에서 작성된 문서를 기반으로 사용자 인터페이스를 제작합니다.

3. Cursor AI를 통한 코딩:
문서를 Cursor AI에 통합하여 필요한 Flutter 코드를 생성합니다.

4. Flutterflow 구현:
Flutter 코드를 Flutterflow에 적용하여 앱의 프론트엔드와 백엔드를 구축합니다.

5. 테스트 및 반복:
앱을 지속적으로 테스트하고 최적화를 위한 수정 작업을 진행합니다.

6. Google Play Store 등록:
개발이 완료되면 앱을 Google Play Store, App Store에 등록 및 배포합니다.


 

 

댓글 쓰기

다음 이전