Dart/Flutter 주니어 기술면접

StatelessWidget은 생성 후 상태가 변하지 않는 불변 위젯으로, 한 번 빌드되면 다시 그려질 필요가 없는 정적인 UI에 사용됩니다. StatefulWidget은 내부 상태를 가지며 setState() 메서드를 통해 상태 변경 시 UI를 다시 그릴 수 있습니다. 텍스트나 아이콘처럼 변하지 않는 UI는 StatelessWidget을, 사용자 입력이나 애니메이션처럼 동적으로 변하는 UI는 StatefulWidget을 사용합니다. StatefulWidget은 State 객체를 별도로 관리하여 위젯 트리가 재구성되어도 상태를 유지할 수 있습니다.

Future는 비동기 작업의 미래 결과를 나타내는 객체로, 작업이 완료되면 값을 반환하거나 에러를 발생시킵니다. async 키워드는 함수가 Future를 반환하도록 만들고, await 키워드는 Future가 완료될 때까지 기다렸다가 결과값을 추출합니다. async/await를 사용하면 then() 체이닝보다 동기 코드처럼 읽기 쉬운 코드를 작성할 수 있습니다. 주의할 점은 await를 사용할 때 반드시 함수에 async를 붙여야 하고, 에러 처리를 위해 try-catch 블록을 사용해야 하며, UI 스레드를 블로킹하지 않도록 적절히 사용해야 합니다.

Provider는 Flutter에서 의존성 주입과 상태 관리를 위한 패턴으로, setState()만으로는 관리하기 어려운 전역 상태나 여러 위젯 간 공유 데이터를 효율적으로 다룰 수 있습니다. ChangeNotifier 클래스를 상속받아 상태 모델을 만들고, notifyListeners()로 변경사항을 알립니다. ChangeNotifierProvider로 위젯 트리 상위에 상태를 제공하고, Consumer나 Provider.of()를 통해 하위 위젯에서 상태를 구독하여 사용합니다. 이를 통해 prop drilling 문제를 해결하고, 필요한 위젯만 선택적으로 rebuild하여 성능을 최적화할 수 있습니다.

Null safety는 Dart 2.12부터 도입된 기능으로, null 참조 오류를 컴파일 타임에 방지하기 위한 타입 시스템입니다. 기본적으로 모든 변수는 non-nullable이며 null 값을 가질 수 없고, 물음표를 붙인 타입만 nullable로 선언되어 null을 허용합니다. nullable 변수를 사용하려면 null 체크나 느낌표 연산자, null-aware 연산자 등을 사용해야 합니다. 이를 통해 런타임에 발생할 수 있는 NullPointerException을 사전에 방지하고 코드의 안정성을 높일 수 있습니다.

위젯 트리는 개발자가 작성하는 UI 설정의 불변 청사진이고, 엘리먼트 트리는 위젯의 인스턴스화된 생명주기를 관리하며, 렌더 트리는 실제 레이아웃과 페인팅을 담당합니다. 위젯이 변경되면 새로운 위젯 트리가 생성되지만, Flutter는 엘리먼트 트리를 재사용하여 불필요한 렌더 객체 재생성을 방지합니다. 엘리먼트는 위젯 타입과 키를 비교해 기존 렌더 객체를 업데이트할지 새로 만들지 결정합니다. 이 3-트리 아키텍처 덕분에 위젯을 자주 재생성해도 실제 렌더링 비용은 최소화되어 60fps 이상의 부드러운 UI를 유지할 수 있습니다.