Dart 3.7 업데이트! 개발자들을 위한 최신 포맷팅 스타일 총정리

안녕하세요, Flutter를 사랑하는 여러분! 😃
Flutter & Dart 개발자들에게 희소식이 있습니다! 바로 Dart 3.7이 출시되면서 코드 포맷팅 스타일이 대폭 개선되었어요.

 

✅ 더 깔끔한 코드!
✅ 가독성 개선!
✅ 불필요한 줄 바꿈 최소화!

이번 글에서는 Dart 3.7의 새로운 포맷팅 스타일이 어떻게 변했는지 간단히 정리해드릴게요.
👀 업데이트된 스타일을 바로 적용해보고 싶다면 끝까지 읽어주세요!

---

1. 함수 및 생성자 인자 정렬 방식 개선

기존 Dart 포맷터는 코드 스타일을 맞춰주긴 했지만… 가끔 너무 빡빡한(?) 줄 바꿈으로 가독성을 해치는 경우가 있었죠.

기존 Dart 3.6 포맷팅

final user = User(
  name: 'Ms Joo',
  age: 30,
  email: 'jooe@example.com',
);

👆 짧은 코드도 줄 바꿈이 발생해서 너무 길어지는 문제

✅ 새로운 Dart 3.7 포맷팅

final user = User(name: 'Ms joo', age: 30, email: 'joo@example.com');

🔥 짧은 코드면 한 줄 유지!
🔥 더욱 직관적인 가독성!

💡 하지만 인자가 많아지면 자동으로 줄 바꿈을 적용합니다.

final user = User(
  name: 'Ms joo',
  age: 30,
  email: 'joo@example.com',
  address: 'hi',
);

---

2. if 문과 조건문 줄 바꿈 방식 개선

기존 포맷터는 조건이 조금만 길어도 무조건 줄 바꿈을 강제했어요.
하지만 이제는 한 줄로 표현할 수 있다면 그대로 유지해 줍니다.

기존 Dart 3.6 포맷팅

if (user.isAdmin &&
    user.isLoggedIn &&
    user.hasPermissions) {
  print('Access granted');
}

😵 괜히 줄이 쪼개져서 가독성이 떨어지는 문제 .. 저의 코드를 보는것 같군요

 

✅ 새로운 Dart 3.7 포맷팅

if (user.isAdmin && user.isLoggedIn && user.hasPermissions) {
  print('Access granted');
}

💡 조건문이 짧으면 한 줄로 유지
💡 긴 조건일 경우에만 자동 줄 바꿈

---

3. 리스트 및 맵 포맷팅 개선

기존 Dart 스타일은 리스트([])나 맵({})을 항상 여러 줄로 표현했어요.
하지만 이제는 짧은 경우 한 줄로 유지합니다! 🎉

기존 Dart 3.6 포맷팅

final items = [
  'Item 1',
  'Item 2',
  'Item 3'
];

➡️ 리스트가 짧아도 무조건 여러 줄로 분리됨

✅ 새로운 Dart 3.7 포맷팅

final items = ['Item 1', 'Item 2', 'Item 3'];

🔥 한 줄로 표현 가능하면 한 줄 유지!
🔥 긴 리스트는 자동 줄 바꿈!

final items = [
  'Item 1',
  'Item 2',
  'Item 3',
  'Item 4',
  'Item 5',
];

---

4. 네스트된 함수 및 표현식 개선

함수가 중첩되면 자동으로 줄 바꿈이 발생해 코드가 지저분해지는 경우가 있었는데,
이제는 깔끔하게 한 줄로 정리됩니다!

기존 Dart 3.6 포맷팅

final result = someFunction(
  param1: anotherFunction(
    nestedFunction(param3),
  ),
);

😵 괜히 줄이 늘어나서 가독성이 안 좋아짐

✅ 새로운 Dart 3.7 포맷팅

final result = someFunction(param1: anotherFunction(nestedFunction(param3)));

🔥 깔끔하게 한 줄 유지!
🔥 불필요한 줄 바꿈 제거!

---

🚀 마무리: Dart 3.7 포맷팅이 좋은 이유!

Dart 3.7의 새로운 포맷팅 스타일은 단순히 코드를 정리하는 것뿐만 아니라 가독성을 향상시키는 방향으로 개선되었습니다.

✅ 줄 바꿈 규칙을 더욱 직관적으로 개선
✅ 리스트, 맵, 조건문 등 여러 요소의 가독성 향상
✅ 불필요한 개행을 줄이고 더 깔끔한 코드 스타일 유지

---

Dart 3.7 포맷팅을 사용하려면?

Flutter 프로젝트에서 적용하는 방법

1️⃣ 최신 Dart 버전 설치

flutter upgrade

 

2️⃣ 프로젝트 내 코드 포맷 적용

dart format .

 

3️⃣ VS Code / Android Studio의 자동 포맷 기능 활성화

이제부터는 새로운 Dart 3.7 포맷팅 스타일로 깔끔한 코드 스타일을 써보시는게 어떨까요 ?!?

읽어주셔서 감사합니다 오늘도 즐코 빡코 !!