안녕하세요! 오늘은 플러터플로우를 활용하여 인스타그램 비슷한 앱을 만들어보려고합니다.
1편: 플러터 플로우로 코드 만들기
2편: 생성된 코드 프로젝트로 옮기기
목차
00:00 최종미리보기
00:20 플러터 플로우 간단 설명
00:52 강의 방향 설명
01:27 컨셉 이해하기
03:17 플러터 플로우 프로젝트 생성 및 설정
04:00 파이어베이스 연결
05:00 화면 만들기
05:25 상단바 만들기
06:22 바디 만들기
07:24 친구목록 넣기
09:07 친구 프로필 만들기
10:57 피드 만들기
16:30 앱바 아이콘 넣기
17:50 버텀바 만들기
19:00 로그인 페이지 넣기
19:50 최초 페이지 정하기
20:07 코드 다운받기
[참고문서]
플러터플로우 : https://flutterflow.io/
인스타그램 피그마 : https://www.figma.com/community/file/...
연결강의
1편: • [ FLUTTER 10분 ] 플러터플로우 인스타그램 튜토리얼 1 (플러터 플로우로 인스타그램 페이지 만들기)
2편: • [ FLUTTER 10분 ] 플러터플로우 인스타그램 튜토리얼 2 (+ 겟엑스) (1편에서 생성된 코드 프로젝트로 옮기고 실행하기)
3편: (실제 기능 연결해보기 - 준비중입니다)
도움강의
피그마사용법: • [ 꿀팁 ] 피그마를 통한 디자인 팁
