인문주의 사피엔스

보통 ‘화면(스크린)’ 또는 ‘페이지’ 등으로 불리는 전체 화면 UI에 해당하는 Flutter의 클래스는 Route입니다. Route에 포함되는 내용은 두 가지로서, 하나는 위젯으로 구현되는 페이지이고, 다른 하나는 그 페이지를 화면에 표시하는 전환(transition) 방식입니다. Navigator Navigator 클래스의 함수들은 입력받은 Route에 정의된 페이지를 거기에 함께 정의된 전환 방식을 통해 화면에 표시합니다. Navigator.push는 현재 페이지 위에 새 페이지를 덮어서 표시할 때 사용하는 함수입니다. Future push(BuildContext context, Route route) Navigator.pushReplacement는 현재 페이지를 새 페이지로 대체할 때 사용하는 함..

Flutter의 프로그래밍 언어인 Dart의 문법은 C, C++, JAVA 등 이전의 프로그래밍 언어들과 비교할 때 효율적이면서도 훨씬 간결해졌습니다. 그런 만큼 기존에 볼 수 없었던 생소한 내용도 많이 있습니다. 그런 생소한 내용 가운데 하나가 클래스에 관한 문법입니다. 다음은 Dart 언어의 문법을 전체적으로 훑어보는 데 도움이 되는 공식 웹페이지입니다. Dart basics | Dart Introduction to Dart A brief introduction to Dart programs and important concepts. dart.dev 인터페이스 일반적으로 인터페이스는 클래스의 API 가운데 외부에 공개할 것들을 모아서 따로 관리하기 위한 목적으로 사용됩니다. 인터페이스를 정의할 때는 ..

Flutter에서 실행 오류를 감지하기 위해서 사용하는 대표적인 방법으로 try catch가 있습니다. 그러나 try catch는 프로그래머가 관심을 두는 특정 위치에서 발생하는 오류를 잡을 때는 유용하지만, 불특정 위치에서 발생하는 오류를 잡는 목적으로는 적당하지 않습니다. 왜냐하면 불특정한 위치는 ‘모든’ 위치를 의미하기 때문입니다. 소스코드의 모든 위치에 try catch를 넣는 것은 불필요할 뿐만 아니라 불가능에 가까운 일이라고 할 수 있습니다. Flutter는 그런 불특정 오류를 다루기 위한 별도의 방법들을 제공하고 있습니다. 그 방법들은 오류의 특성에 따라 아래와 같이 세 가지 종류로 분류할 수 있습니다. 1. Flutter 내부에서 오류가 발생하는 경우 다음 코드는 버튼이 눌려졌을 때 오류를..

Overlay는 Flutter로 만든 앱의 화면 맨위에 독립적인 위젯을 추가할 때 사용하는 클래스입니다. 아래 그림은 Overlay의 사용법을 테스트하기 위해 만든 예제 앱의 화면입니다. Add 버튼을 누를 때마다 화면에 100x100 크기의 사각형이 하나씩 추가됩니다. Remove 버튼을 누르면 마지막에 추가된 사각형이 화면에서 제거됩니다. 각 사각형의 위치와 색깔은 무작위로 선택되고 위치를 나타내는 숫자가 그 위에 표시됩니다. Overlay 클래스 Overlay의 사용법은 Stack 클래스와 비슷합니다. 화면에 위젯들을 쌓아올리는 방식입니다. 다른 점은 Overlay를 통해 추가되는 위젯은 앱의 기본 위젯 트리에서 벗어나 독립적으로 존재한다는 것입니다. 따라서 Overlay는 다음과 같이 싱글톤 방식..