TIL (Today I Learned)

오늘 계획

• 노코드로 AI 앱만들기 3주차 강의 듣기
• 앱 개발 용어정리 1

노코드로 AI 앱만들기 3주차

오늘 배운 내용들 목차

1. Flutterflow에서 조건문 구현하는 방법
2. Flutterflow에서 애니메이션 구현하는 방법
3. Template/Theme Widget Style/Component 를 통해 반복작업 줄이는 방법
4. Parameter 사용법
5. Expanded의 개념과 사용 예시
6. Overflow 해결방법

1. Flutter flow에서 조건문 구현하는 방법

1-1 어떤 객체를 선택하고, ConditionBuilder로 Wrap하는 방법

Image 를 ConditionBuilder로 감싸면 위젯트리에 이렇게 보이고 눈을 아이콘 클릭해서 If 일때 화면과 Else일때 화면을 볼 수있다.

이렇게 이미지가 업로드 되어있으면 그 이미지 패스를 가져오고 업로드 되지 않았으면 이미지를 업로드 해주세요. 라는 텍스트가 들어간 컨테이너가 보이게 함.

1-2 Visibility - conditional 옵션

여기 있는 conditional 을 활성화해서 옵션을 줄 수도 있다.

이 외에 여러 가지로 조건부로 버튼에 색을 주는 등 다양하게 활용 가능하다.

2. Flutter flow에서 애니메이션 구현하는 방법

여러 가지 객체에 애니메이션 탭에서 Add Animation 버튼을 눌러서 애니메이션을 추가 할 수있다.

애니메이션은 on Page Load / On Action Trigger 두가지로 페이지가 로드 될 때 자동으로 애니메이션이 실행되게 할 수도있고, 트리거를 설정 할 수 도있다.

3. Template / Theme Widget Style/ Component

여기부터 오늘 시간 다돼서 가봐야함 주말 중에 일 끝내고 복습하고 과제 하면서 적기.. ㅜ