지난 글에서 null safety를 다뤘으니, 이번엔 함수 차례다. Compose 코드 짜다 온 사람이 Dart 처음 만지면 제일 먼저 어색하게 느끼는 게 이거다 — Dart로 배열 다루다 보면 자꾸 it을 쓰고 싶어진다.

이런 코드를 짠다고 해보자. Kotlin에서 하던 습관 그대로다.

void main() {
  final numbers = [1, 2, 3];
  final doubled = numbers.map { it * 2 }; // Kotlin 습관 그대로
  print(doubled);
}

이거 그대로 문법 에러다. map 뒤에 괄호도 없이 바로 중괄호가 오는 것부터가 Dart 문법에서 성립하지 않는다.

원인: Dart는 함수 리터럴을 괄호 밖으로 꺼내주지 않는다

Kotlin/Compose 코드를 보면 이런 식이다.

Button(onClick = { println("클릭") }) {
    Text("확인")
}

여기서 Text("확인")이 들어있는 마지막 중괄호 블록은, 사실 Button의 마지막 매개변수(보통 content: @Composable () -> Unit)로 들어가는 람다인데, 괄호를 닫고 그 바깥으로 빼서 쓸 수 있게 Kotlin이 허락해주는 거다(트레일링 람다).

Dart는 이 규칙이 없다. 함수를 값으로 넘길 때, 그 함수 코드는 항상 호출 괄호 안에 그대로 들어있어야 한다.

Column(
  children: [
    Text('안녕'),
  ],
);

Flutter 위젯 코드 끝에 );가 계속 따라붙는 이유가 이거다. Compose는 마지막 람다를 밖으로 빼주니까 괄호가 일찍 닫히는 반면, Dart는 처음 연 괄호가 끝까지 안 닫히고 쭉 이어진다 — 이게 두 코드의 생김새가 다른 진짜 이유다.

그럼 it은? — Dart는 매개변수 이름을 항상 직접 써야 한다

void main() {
  final numbers = [1, 2, 3];
  final doubled = numbers.map((item) => item * 2);
  print(doubled); // (2, 4, 6)
}

Kotlin의 it처럼 "매개변수 하나면 자동으로 이름 붙여주는" 기능이 Dart엔 없다. (item)처럼 이름을 직접 정해줘야 한다. 여기서 item은 반환값의 이름이 아니라, map이 리스트에서 하나씩 꺼내서 넘겨주는 "입력값"의 이름이라는 걸 짚고 넘어가자. it이 대신하는 것도 정확히 이 입력값 이름이다.

Dart에서 함수를 만드는 세 가지 방법

여기서부터가 오늘 글의 본론이다.

1. 이름 있는 함수

int double(int x) {
  return x * 2;
}

1. 익명 함수 (이름 없이, 값처럼 다른 곳에 넘기는 함수)

final doubled = numbers.map((item) {
  return item * 2;
});

1. 화살표 함수 (=>, 몸통이 딱 한 줄짜리 표현식일 때 줄여 쓰는 것)

final doubled = numbers.map((item) => item * 2);

이 셋은 서로 다른 문법이 아니라, 같은 걸 상황에 따라 줄여 쓴 것이다. 2번과 3번은 완전히 같은 코드다. { return 표현식; }을 => 표현식으로 줄인 것뿐이다.

=> 뒤에는 표현식 하나만 올 수 있다. 로직이 여러 줄이면 => 대신 중괄호({ })로 풀어써야 한다.

// Dart - 여러 줄이라 => 대신 { } 사용
final doubled = numbers.map((item) {
  print('처리 중: $item');
  return item * 2;
});

// Kotlin - 똑같이 여러 줄
val doubled = numbers.map { item ->
    println("처리 중: $item")
    item * 2
}

둘 다 "매개변수 이름을 먼저 밝히고, 그 뒤에 여러 줄 로직이 온다"는 틀은 같다. 다만 Dart는 괄호+중괄호로 나눠 쓰고 마지막에 return을 직접 써야 하는 반면, Kotlin은 중괄호 하나 안에서 ->로 구분하고 마지막 줄이 자동으로 반환값이 된다(return 안 써도 됨)는 차이가 있다.

이름 있는 함수도 화살표로 줄일 수 있다

// 원래
int double(int x) {
  return x * 2;
}

// 화살표로 줄임
int double(int x) => x * 2;

여기서 헷갈리기 쉬운 부분 하나. int double(int x) => x * 2;에서 맨 앞 int(반환 타입)는 =>를 썼기 때문에 필요해진 게 아니다. Dart는 이름 있는 함수를 정의할 때 원래부터 반환 타입을 명시하는 게 기본 스타일이고, { return ... }으로 풀어쓰든 =>로 줄이든 이 표기는 그대로 유지된다.

// 둘 다 반환 타입을 똑같이 써준다 - => 여부와 무관
int double(int x) {
  return x * 2;
}
int double(int x) => x * 2;

Kotlin의 fun double(x: Int) = x * 2도 사실 반환 타입(Int)을 생략한 거지, fun double(x: Int): Int = x * 2라고 쓸 수도 있다. Kotlin이 타입 추론을 더 적극적으로 생략해주는 스타일이고, Dart는 명시하는 스타일을 선호하는 정도의 차이일 뿐이다.

Kotlin이랑 비교하면

람다의 두 가지 쓰임 — "아래로 빌려주기" vs "위로 알려주기"

지금까지 본 map 예시는 람다를 아래로 빌려주는 경우였다. 내가 "각 항목마다 이렇게 해줘"라는 동작을 넘기면, map이 그걸 실행해서 결과를 모아 즉시 돌려준다.

근데 Flutter에서 훨씬 더 자주 만나는 건 이 반대 방향, 콜백이다. 함수를 파라미터로 받아뒀다가, 나중에 어떤 일이 생겼을 때 그 함수를 실행해서 결과를 밖(위)으로 알려주는 방식이다.

class SortButton extends StatelessWidget {
  final VoidCallback onSortToggle; // Kotlin의 () -> Unit과 같은 타입
  const SortButton({required this.onSortToggle});

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: onSortToggle,
      child: Text('정렬'),
    );
  }
}

VoidCallback이 Kotlin의 () -> Unit에 해당하는 타입이다. SortButton을 만든 쪽(하위)이 "버튼이 눌렸다"는 사실을 이 콜백을 통해 상위로 알려준다.

상위에서 쓸 때는 이렇게 된다.

// Dart - 항상 괄호 안, 이름 붙여서
SortButton(
  onSortToggle: () {
    print('정렬 토글됨');
  },
);

// Kotlin - 파라미터가 하나뿐이면 트레일링 람다로 괄호 밖으로 뺄 수 있음
SortButton {
    println("정렬 토글됨")
}

겉보기 차이는 크지만, "람다를 만들어서 이름 붙은 파라미터에 넘긴다"는 동작 자체는 동일하다. 다만 Dart는 SortButton(...)을 함수 호출이 아니라 위젯 객체를 만드는 생성자 호출로 다루기 때문에, 콜백도 다른 필드들과 똑같이 괄호 안에서 이름과 함께 넘겨야 한다.

기존에 만들어둔 함수를 그대로 넘길 수도 있다.

void _handleSortToggle() {
  print('정렬 토글됨');
}

SortButton(
  onSortToggle: _handleSortToggle, // 괄호 없이 함수 자체를 넘김
);

_handleSortToggle()이 아니라 _handleSortToggle(괄호 없이)이라는 게 중요하다. 괄호를 붙이면 "지금 당장 실행해서 그 결과를 넘겨라"가 되고, 괄호를 빼면 "이 함수 자체(나중에 실행할 것)를 넘겨라"가 된다. 콜백을 넘길 땐 항상 괄호 없이 함수 이름만 넘긴다.

정리

• Dart는 함수(콜백)를 넘길 때, 그 함수 코드가 항상 호출 괄호 안에 있어야 한다 — Kotlin처럼 마지막 람다를 괄호 밖으로 빼는 트레일링 람다 문법이 없다
• 매개변수 이름을 자동으로 it으로 생략해주는 기능도 없다 — 항상 이름을 직접 정해줘야 한다 (이건 반환값이 아니라 입력값의 이름이다)
• 이름 있는 함수, 익명 함수, 화살표 함수(=>)는 다른 게 아니라 같은 걸 상황별로 줄여 쓰는 것이고, =>는 표현식 한 줄일 때만 쓸 수 있다
• 반환 타입 명시는 => 여부와 무관하게, Dart 함수 정의의 기본 스타일이다
• 람다는 "아래로 동작을 빌려주는 것"(map)과 "위로 결과를 알려주는 것"(콜백)으로 쓰임이 다르고, Flutter 위젯의 onXxx 파라미터는 대부분 후자다

다음 글에서는 클래스와 생성자(named, factory), 상속, mixin, extension을 다뤄보겠다.