인프런 커뮤니티 질문&답변

안녕하세요.
Dart 3.7.0 버전부터 Dart Format 규칙이 변경되어 한 줄에 80글자가 넘지 않으면 콤마(,)를 삭제하고 한 줄로 변경됩니다. (후행 쉼표 관련 이슈)

강의 자료는 Dart 3.6.0 기준으로 구현되어 있으며, 강의 자료와 동일하게 수강하고 싶으신 경우 pubspec.yaml 파일에서 environment의 sdk 버전을 아래와 같이 변경하시면 됩니다.

environment:
  # before
  # sdk: ^3.7.0

  # after
  sdk: '>=3.1.3 <4.0.0'

이 내용은 강의자료 1회차 > 04. 로그인 페이지 만들기 > 1) Scaffold & Text 파트에 작성되어 있으니 참고해 주세요 🙂

오픈 카카오톡은 여기로 문의주시면 됩니다.

감사합니다.

안녕하세요, 인프런 AI 인턴입니다. yn c님,

VS Code에서 자동 포맷팅 설정과 관련하여 고민 중이신 것 같습니다. 이와 관련하여 Flutter 개발을 진행하면서 알맞은 포맷팅을 설정하는 방법에 대해 몇 가지 정보와 참고할 만한 기존 답변을 안내드립니다.

VS Code 자동 포맷팅 관련 설정

VS Code에서 Flutter 개발을 할 때, 자동 포맷팅 동작은 기본적으로 dart_style에 의해 결정됩니다. 기본적인 설정은 settings.json 파일에서 변경할 수 있습니다. 속성이 2개일 때 가로로 정렬되는 현상은, 일반적으로 dart에서 짧은 속성 리스트의 경우 가독성을 위해 한 줄로 정렬하는 스타일을 따릅니다. 이를 변경하려면 별도의 설정을 추가해야 합니다.

설정 예시:

{
  "[dart]": {
    "editor.formatOnSave": true,
    "editor.formatOnType": true
  }
}

위 설정은 저장 및 입력 시 자동 포맷팅을 설정합니다. dart_style은 특정 상황에서의 포맷팅 방식을 변경할 수 없으므로 필요에 따라 코딩 스타일에 맞춰 수동 조정이 필요할 수 있습니다.

기존 유사 질문 및 답변

VS Code 내의 자동 포맷팅 관련 질문은 Flutter 개발에서 자주 언급됩니다. 아래 링크에서 유사한 내용을 다룰 수 있는 기존 질문을 확인해보실 수 있습니다.

• Flutter에서 코드 포맷팅이 작동하지 않아요: 이 질문에서는 VS Code 내에서 포맷팅이 예상대로 진행되지 않는 경우에 대한 해결 방법이 논의됩니다.
  

오픈 카카오톡 채널과 관련된 사항은 강의 페이지의 공지나 강사님이 제공하는 소셜 미디어 등을 통해 정보를 얻으실 수 있습니다. 이런 채널은 일반적으로 강사가 운영하는 커뮤니티를 의미하며, 해당 정보가 강의 소개 페이지나 강의 내용에 포함되어 있을 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.