Google antigravity 사용해 보기 3 - 오늘의 운동 완료 앱을 만들어보자.

talkit (71)in #kr • yesterday

오늘의 운동 완료(WOD) - Flutter & Steem 블록체인 개발 여정

안녕하세요, 가야태자 @talkit입니다.

위와 비슷한 앱을 하나 만들고 있습니다.

오 안티그라비티로 앱을 찍어 낼 수는 있을 것 같습니다. ㅎㅎㅎ

감사합니다.

아래는 안티그라비티와 대화 내용입니다. ^^

지난 며칠간 AI 에이전트와 함께 진행한 '오늘의 운동 완료(WOD)' 프로젝트의 개발 과정을 정리해 보았습니다. 이번 정리는 질문과 답변, 그리고 실제 수행된 행동들을 중심으로 구성하여 프로젝트가 어떻게 진화했는지 한눈에 보실 수 있도록 했습니다.

Q: SSL 인증서 문제로 접속이 안 되는데, Let's Encrypt로 교체하고 자동 갱신까지 설정해 줘.

A & Action:

Q: 게시물 미리보기에서 링크 주소가 그대로 보여서 지저분해. 링크를 제거하고 텍스트만 보여주게 해 줘. 그리고 마크다운과 HTML이 섞인 글도 잘 보이게 수정해 줘.

A & Action:

PostCard 위젯의 요약 로직에 정규식을 도입하여 마크다운([text](url))과 HTML(<a>...</a>) 링크를 제거하고 본문 텍스트만 추출하도록 개선했습니다.
상세 보기 화면에서는 flutter_html 대신 더 안정적인 flutter_markdown으로 렌더링 엔진을 전면 교체하여 복잡한 Steemit 게시글도 완벽하게 출력되도록 했습니다.

Q: 내가 팔로우하는 사람들의 글만 볼 수 있는 'My Feed' 기능을 추가해 줘.

A & Action:

Steem API의 get_discussions_by_feed 메서드를 연동하여 로그인한 사용자의 팔로잉 피드를 가져오는 기능을 구현했습니다.
메인 화면 하단 탭을 '전체(WOD)', 'My Feed(팔로잉)', '내 글' 순서로 재구성하여 접근성을 높였습니다.

Q: 스크롤을 내리면 계속해서 과거 글이 나오게 페이징 기능을 구현해 줘.

A & Action:

SteemService에 start_author, start_permlink 파라미터를 지원하도록 확장했습니다.
각 피드 화면에 ScrollController를 추가하여 리스트 하단 도달 시 자동으로 다음 페이지를 로드하는 무한 스크롤 기능을 완성했습니다.
중복 데이터 제거 로직을 넣어 부드러운 스크롤 경험을 제공합니다.

Q: 게시물을 탭했는데 상세 내용이 안 나와. 확인 후 수정해 줘.

A & Action:

PostDetailScreen의 렌더링 엔진을 flutter_markdown으로 교체하고, 누락되었던 url_launcher 의존성을 추가하여 본문 출력 문제를 근본적으로 해결했습니다.
SelectionArea를 적용하여 본문 텍스트 선택 및 복사가 가능하도록 기능을 추가했습니다.

이번 프로젝트는 AI와 페어 프로그래밍을 통해 짧은 시간 안에 복잡한 블록체인 API 연동부터 세련된 UI/UX 구현까지 마칠 수 있었던 아주 유익한 경험이었습니다. 앞으로도 더 멋진 기능들이 기대됩니다!

2026. 02. 24. 가야태자 @talkit 드림.

_{Posted using SteemX}