Dart 튜토리얼 11편: dart:core & dart:async 실전(문자열·컬렉션·Future/Stream)

Why#

NOTE

비동기를 배우기 전에, 데이터가 “어떤 형태로 들어오고 나가는지”가 먼저 정리되어야 합니다.
특히 문자열/숫자/컬렉션 처리는 거의 모든 코드의 바닥입니다.

1
print('I drink $tea.');

What#

NOTE

dart:core는 모든 Dart 프로그램에 자동으로 포함되는 기본 라이브러리입니다.
문자열, 숫자, 컬렉션 같은 핵심 타입과 기본 함수가 여기에 들어 있습니다.

How#

TIP

문자열과 숫자 변환은 “파싱 → 검증” 패턴으로 자주 쓰입니다.

1
assert(int.parse('42') == 42);
2
assert(int.parse('0x42') == 66);
3
assert(double.parse('0.50') == 0.5);
4

5
// 16진수처럼 radix를 명시할 수도 있다.
6
assert(int.parse('42', radix: 16) == 66);

문자열은 검색/분해/치환 패턴이 반복됩니다.

1
// 포함 여부/시작/끝/인덱스
2
assert('Never odd or even'.contains('odd'));
3
assert('Never odd or even'.startsWith('Never'));
4
assert('Never odd or even'.endsWith('even'));
5
assert('Never odd or even'.indexOf('odd') == 6);
6

7
// 부분 문자열/분해
8
assert('Never odd or even'.substring(6, 9) == 'odd');
9
var parts = 'progressive web apps'.split(' ');
10
assert(parts.length == 3);
11

12
// 정규식 치환
13
var greetingTemplate = 'Hello, NAME!';
14
var greeting = greetingTemplate.replaceAll(RegExp('NAME'), 'Bob');
15
assert(greeting != greetingTemplate);

Watch out#

WARNING

문자열 인덱싱과 codeUnits는 UTF-16¹³ 단위로 동작합니다.
즉, “문자 하나 = 인덱스 하나”라고 단정하기 전에, 처리 단위를 먼저 확인해야 합니다.

1
// UTF-16 코드 유닛 리스트를 얻는다.
2
var codeUnitList = 'Never odd or even'.codeUnits.toList();
3
assert(codeUnitList[0] == 78);

결론: dart:core의 기본 패턴(파싱/치환/분해)을 먼저 고정하면, 비동기 코드에서도 데이터 흐름이 흔들리지 않습니다.

Why#

NOTE

네트워크/파일 작업은 결과가 “나중에” 옵니다.
그래서 코드가 “대기 → 다음 작업” 흐름으로 이어질 수 있어야 합니다.

1
myFunc().then(processValue).catchError(handleError);

What#

NOTE

Future는 “나중에 완료되는 작업의 결과”를 표현합니다.
then()¹⁴으로 다음 작업을 연결하고, catchError()로 에러 흐름을 처리합니다.

How#

TIP

then() 체인은 길어지기 쉽습니다.
그래서 같은 흐름을 async/await로 바꾸면 읽기가 쉬워집니다.

1
Future<void> runUsingAsyncAwait() async {
2
  var entryPoint = await findEntryPoint();
3
  var exitCode = await runExecutable(entryPoint, args);
4
  await flushThenExit(exitCode);
5
}

에러는 try/catch로 한 덩어리로 묶을 수 있습니다.

1
var entryPoint = await findEntryPoint();
2
try {
3
  var exitCode = await runExecutable(entryPoint, args);
4
  await flushThenExit(exitCode);
5
} catch (e) {
6
  // 예외를 처리한다.
7
}

Watch out#

WARNING

에러 핸들러 등록이 늦으면, 에러가 이미 발생한 뒤라 잡지 못할 수 있습니다.
즉, Future를 만든 뒤 “나중에” catchError()를 붙이는 패턴은 피하는 편이 안전합니다.

1
Future<Object> future = asyncErrorFunction();
2

3
// 나쁜 예: 에러 핸들러 등록이 너무 늦다.
4
Future.delayed(const Duration(milliseconds: 500), () {
5
  future.then(...).catchError(...);
6
});

결론: Future는 “읽기 쉬운 연결”과 “빠른 에러 처리 등록”이 핵심입니다.

Why#

NOTE

실패가 나면 “로그를 남기고 끝”이 아니라, 연결된 후속 작업의 진행 여부와 자원 정리까지 결정해야 합니다.
그래서 catchError()와 whenComplete()를 함께 보는 편이 좋습니다.

1
final server = connectToServer();
2
server
3
    .post(myUrl, fields: const {'name': 'Dash', 'profession': 'mascot'})
4
    .then(handleResponse)
5
    .catchError(handleError)
6
    .whenComplete(server.close);

What#

NOTE

catchError()는 에러를 처리하거나 값을 반환해 흐름을 이어갈 수 있습니다.
whenComplete()는 성공/실패와 무관하게 실행할 “마무리 작업”을 등록합니다.

How#

TIP

아래 예시는 중간에 에러가 나면 catchError()로 값을 만들어 “다음 then”을 계속 진행합니다.

1
Future<String> one() => Future.value('from one');
2
Future<String> two() => Future.error('error from two');
3
Future<String> three() => Future.value('from three');
4
Future<String> four() => Future.value('from four');
5

6
void main() {
7
  one()
8
      .then((_) => two())
9
      .then((_) => three())
10
      .then((_) => four())
11
      .then((value) => value.length)
12
      .catchError((e) {
13
        print('Got error: $e');
14
        return 42;
15
      })
16
      .then((value) {
17
        print('The value is $value');
18
      });
19
}

Watch out#

WARNING

then()의 onError와 catchError()를 섞을 때는, “어느 에러가 어디로 흘러가는지”가 헷갈릴 수 있습니다.
특히 then(..., onError: ...) 안에서 또 다른 비동기 함수를 호출하면, 그 에러는 뒤의 catchError()로 넘어갈 수 있습니다.

1
asyncErrorFunction()
2
    .then(
3
      successCallback,
4
      onError: (e) {
5
        handleError(e); // 원래 에러
6
        anotherAsyncErrorFunction(); // 여기서 생긴 새 에러
7
      },
8
    )
9
    .catchError(handleError);

결론: Future 에러 처리는 “흐름을 계속할지/멈출지”와 “항상 정리할지”까지 함께 결정해야 합니다.