강의

멘토링

로드맵

Inflearn brand logo image

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

전세현님의 프로필 이미지
전세현

작성한 질문수

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

상태 상위로 올리기

코드 수평 가이드라인 설정방법을 여쭤보고 싶습니다.

작성

·

42

0

안녕하세요.

다름이 아닌,


지금의 저는 수직 가이드라인만 나타나는 상태라 위젯간의 부모-자식 관계를 한 눈에 보기 어려운 상태입니다.

 

코딩을 진행할 때 강사님의 개발환경과 같이 코드 좌측 수평 가이드라인을 나타내는 방법을 알고 싶습니다. (어느 위젯의 자식으로 어떤 위젯 등이 있는 지 횡축으로 표시해주는 기능입니다.)

감사합니다.

 

image.png

 

답변 2

0

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요!

수평 가이드라는건 +/- 버튼 말씀하시는게 맞을까요?

저는 Android Studio를 실무때 전혀 사용하지 않고 강의때만 사용해서 완전 기본세팅이긴 합니다.

감사합니다!

0

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

코드 수평 가이드라인을 통해 Flutter 위젯 구조를 더 명확하게 이해하실 수 있는 방법을 찾고 계시는군요. 수평 가이드라인은 주로 코드 에디터의 기능에 의해 제공되며, 여러분의 코드 계층을 시각적으로 확인하는 데 큰 도움이 됩니다. 이 기능을 활용하기 위해서는 일반적으로 사용하는 코드 에디터가 필요합니다. 여기서는 VSCode를 예로 들겠습니다.

  1. Visual Studio Code 사용자일 경우:

    • Flutter 프로젝트를 열었을 때 좌측에 수평 가이드라인(Indent Guides)이 나타나지 않는다면, 파일 -> 기본 설정 -> 설정(또는 Ctrl + ,)으로 이동한 후, 검색창에 “Guides”를 입력하면 “Editor: Guides” 관련 옵션을 찾을 수 있습니다.
    • “Guide: Active Indent Guide” 옵션을 활성화하면 됩니다. 이 옵션은 코드 블록의 시작과 끝을 쉽게 식별할 수 있게 해주는 역할을 하며, 어떤 위젯이 부모인지 한눈에 파악할 수 있도록 도와줍니다.
  2. 기타 코드 에디터:

    • 사용할 에디터에 따라 거의 비슷한 설정이 가능할 수 있습니다. 구체적인 에디터 설정 방법은 각 에디터의 공식 문서나 설정 메뉴를 참고하시기 바랍니다.

아래 링크에서 VSCode를 사용하는 방법에 대한 유사 질문을 참고하실 수 있습니다:
- Flutter 프로젝트에서 VSCode의 Code Runner 사용법

위의 정보를 활용하여 원하는 개발 환경을 설정하시기 바랍니다. 개발 환경의 개선은 코드 작업의 효율성을 높이는 데 크게 기여할 것입니다.
저는 질문자님의 이해를 돕고자 지식 공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

전세현님의 프로필 이미지
전세현

작성한 질문수

질문하기