inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

상태 상위로 올리기

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

86

전세현

작성한 질문수 3

0

안녕하세요.

다름이 아닌,


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

 

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

감사합니다.

 

image.png

 

flutter 클론코딩

답변 2

0

코드팩토리

안녕하세요!

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

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

감사합니다!

0

인프런 AI 인턴

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

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

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

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

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

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

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

198강 (){onTap(e);}의 이해 돕기

0

24

1

video_call 플러그인 설치후 에러 발생

0

45

1

SDK 안드로이드 설치 질문!

0

59

1

코드팩토리 디스코드 링크 다시 부탁드려요~

0

92

1

Webview를 이용해서 URL 상의 페이지 출력 불가

0

69

1

홈스크린 함수를 함축해서 main.dart에 옮기는 문제

0

55

1

플레이스토어

0

59

1

아고라 엔진 init 함수의 반환타입이 Future<void> 이것의 의미는 무엇인가요?

0

55

1

가이드라인 질문

0

57

0

emulator 에러 환경설정 뭐가 문제 일까요??

0

76

1

emulator 실행 오류

0

93

3

Column을 가로방향 최대 사이즈를 차지하도록 하는 방법에 관련

0

71

1

pubspec.yaml에서 font를 추가하면서 weight 값을 지정하는 것이 의미가 있는 것인지 문의

0

43

1

setState()를 호출하지 않으면 build가 실행 안되는 건가요?

0

53

1

video_call 플러그인 설치시 에러문제

0

64

1

children 안의 if 문에서 { } 못쓰는 이유?

0

48

1

이렇게 오류가 떠요

0

63

1

AppBar 사용했는데

0

61

2

[문제해결] '오늘도 출첵!' 의 171번 강의에서 중요한 문제를 발견했습니다

0

56

1

StatefulWidget 실습 에러가 발생합니다.[해결완료]

0

63

1

Video Player 프로젝트에 대한 추가 질문

0

53

0

Row위젯이나 column위젯의 위치는 누가 정하나요??

0

42

1

geolocator 오류때문에 개발진행이 불가능입니다

0

63

1

API 관련 이슈

0

86

2