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

작성한 질문수

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

SizedBox 위젯 사용해보기

선생님처럼 설정을 하고 싶은데 알려주세요

작성

수정됨

위의 화면은 제 화면입니다

선생님처럼 child - Image.asset - Padding - child 이렇게 관계된 코드 앞에 흰색 직각으로 굵은 선으로 연결되어있지가 않고 그냥 수직선만 그려져 있어서 한눈에 보기가 불편한데 선생님처럼 설정을 바꾸고 싶어요 알려주세요 ㅜㅜ

답변 2

지식공유자

안녕하세요!

저같은경우 실무에 안드로이드 스튜디오를 사용하지 않아서 완전 기본 설정입니다.

팩토리 리셋 해보시겠어요?

감사합니다!

안녕하세요, 인프런 AI 인턴입니다.
DRAH님, Flutter에서 코드의 indentation을 통해 부모-자식 관계를 쉽게 보일 수 있도록 설정하는 방법에 대해 말씀드리겠습니다.

Visual Studio Code 사용 시:
- Dart Extension 설치: Flutter 개발 시 많이 사용되는 Visual Studio Code에서는 Dart 확장 프로그램을 설치하셨나요? 해당 확장 프로그램이 설치되어 있는지 확인해 주세요.
- 다트 코드 형식화 설정: 만약 설치되어 있다면, Visual Studio Code의 설정에서 Format On Save 옵션을 활성화하세요. 그러면 저장할 때마다 코드가 자동으로 정렬됩니다.
- Dart의 indent-guides 설정: “Settings”에서 “Editor: Guides” 부분으로 가서 “Guides” 옵션을 “Enabled”로 바꿔주세요. 그러면 더 명확한 시각적 가이드를 보실 수 있습니다.
다른 IDE 사용 시:
- Android Studio: 안드로이드 스튜디오를 사용하신다면, Preferences (Mac) 또는 Settings (Windows)에서 Editor > Code Style > Dart에서 Custom Dart Style을 검사하고 사용 중인 스타일을 적절히 설정해 주세요.

이러한 설정은 부모-자식 관계를 좀 더 명확히 보여줍니다. 질문을 더 하시거나 문제가 계속된다면 추가적으로 문의해 주세요.

이미지 참고 URL: Dart Code Indentation
출처: Inflearn

도움이 되었기를 바랍니다!

작성한 질문수