(25.03.20)
동영상
- Flutterflow소개
- low code tool로 프로그램을 못해도 쉽게 사용할 수 있지만 개발자도 사용할 수 있을 만큼의 유연성과 확장성을 제공한다(그래서 자기는 low code tool이 아니라 visual development platform이라는 말장난 같은 주장을 한)
- 기획자, 디자이너, 개발자 모두 Flutterflow를 사용해서 업무를 진행할 수 있다.
- 프론트엔드 기초
- 웹/앱 개발의 기본 원칙은 클라이언트(프로트엔드)-서버(백엔드) 모델
- Flutterfloww는 단일 툴로 프론트엔드와 백엔드 모두를 지원한다.
- 프론트엔드는 다양한 화면 크기와 플랫폼에 대응해야함.
- Flutterflow는 한번에 다양한 화면 크기와 플랫폼에 대응할 수 있다.
- Responsive design & Multi-platform
- Flutter 핵심
- Flutterflow의 기반인 flutter와 dart언어에 대한 브리핑 강의(skip가능)
4. 다지인 원칙(정주행 강추. 30분짜리 엑기스 요약본)
- PPT만들때도 참고하여 적용하는 연습을 꾸준히 하는 것을 추천합니다
- 실제 앱을 만들때는 벤치마킹 대상을 영혼없이 카피하는 것을 추천합니다(WHY?)
ex) Top Design Principles, Basic Color Theory
- 협업 개발(skip가능)
- Flutterflow는 협업과 유지보수를 위한 디자인 시스템 사ㅛㅇ을 강제.
- 그 외의 기능들은 Team Plan요금이 아니면 어려우니 스킴
- 프로젝트 시작하기
- Flutterflow는 디자인부터 개발/배포까지를 모두 할 수 있는 all-in-one tool이고 각각에 대한 간단한 소개
- Atomic Design방식과 비슷한 방식으로 디자인 할 수 있음(위젯->컴포넌트->플로우->페이지)
- 레이아웃 마스터하기
- 페이지->스캐폴드(AppBar, NavBar, Body(Column), FAB, Drawer)
- 위젯(Layout, Basic, Page, Form의 Category로 구성되며 90개)
- 주요 Layout 위젯(Column, Row, Stack, Container, ListView, Grid, Card, ..)
- Rule of thumbs(Column first, Mobile White Mode first)
- 만약 Target 사용자가 주로 PC를 사용할 경우에는 Web & Dark mode부터 고려해야한다.
보통 데스크탑은 업무용으로 사용하는데 이 경우 눈이 아파서 대부분 Dark모드이다.
과제 피드백
- 인터뷰이에게 사전에 안내할 정보는?
- 구체적인 질문과 순서는 미리 공개하지 않아 솔직하고 자연스러운 답변을 듣는다
줄안감을 없애기 위해 시작 전에 인터뷰 자체에 대한 정보는 미리공개한다(인터뷰 목적, 진행방식, 예상 소요시간 등) - 플랫폼을 기획할 경우에는 공급자와 소비자 모두를 인터뷰 해야 한다. 각각 7명. 최소 14명 인터뷰
를 위해서 stack을 사용해야함. container 뒤에 사진이 겹쳐지는 포인트.. 그리고 하트도 겹쳐지기에 stack사용해야함.
다양한 화면크기에 대응하기 위한 Responsible Design반응형 디자인. 이것을 위해 Column, Row등을 사용하는 것
정의되어있는 폰트만 사용해야 유지보수하기 편하다.
[과제] 12강까지 공부하고 26:25상태까지 구현하고 프로젝트 링크 제출. 색상 크기 정렬이 조금 깨지는 것은 괜찮음. 11강 스킵, Generated Code 스킵, 이론 Skip(25.04.02까지)
이제 4학년!!!