[TIL] 2022-06-22 Flutter #15

오늘 학습하면서 배운것을 간단히 정리했습니다.

오늘의 키워드 "삼항연산자" , "코드분리"

삼항연산자

• 평소에 삼항연산자를 자주 사용하지 않았는데 프로젝트를 통해 공부하면서
  유용하다는 것을 많이 느꼈습니다.

• 특히 true, false 상태일때 각 이벤트를 지정해줄 수 있는 점에서 너무 편리합니다.

Simple Example

아이콘 버튼 클릭시, 버튼 색상과 아이콘을 변경해보겠습니다.

• 조건문으로도 처리할 수 있지만 삼항연산자를 통해 매우 간결하게 표현할 수 있었습니다.

• 좋아요 버튼이 눌리지 않은 상태가 기본값이므로 false로 변수를 선언했습니다.

// 좋아요 나타내는 변수, 기본 data = false
bool isFavorite = false;

버튼을 클릭했을때 적용한 삼항연산자

• 버튼을 클릭했을때 isFavorite 초기값인 false의 역인 true를 삽입합니다.
• 하단과 같이 isFavorite 변수가 true일 때 처리하는 부분을 왼쪽에 입력하면 간단하게 처리할 수 있습니다.
  

코드분리

아무래도 플러터로 코드를 작성하다보면 주로 하는 고민이 가독성인 것 같습니다.
코드가 길어지면 쉽게 알아보기도 어렵고, 성능도 떨어지므로 각 비즈니스 별로 코드를 잘 분할해서 관리해야 할 것 입니다.

인스타그램 AppBar를 구현하기 위해 프로젝트를 만들고 Main Class에 모든 코드를 작성하였습니다. (서버 없이 단순한 코드입니다.)

• 앞으로 추가되는 기능에 따라 코드가 길어질 것 입니다. 현재 Main Class에 작성된 총 46줄의 코드를 새로운 Class를 생성하여 23줄로 줄였습니다.

• 이처럼 단순하게 Main Class에 작성되어있는 HomePage Class 내용을 Dart파일로 새 Class를 만들고 Main Class에서 HomePage Class를 꼭 import 해주세요.