Visual Studio Code에서 whitespace 보기 저는 개발 신입 시절 white space(공백) 때문에 고생한 적이 좀 있습니다. 특히 Python 때문에 더 그랬던 기억이 새록새록 나네요. 그래서 개발 툴 사용 시 어떤 툴이던 공백(whites pace)을 보이게 하는 습관이 생겼습니다. 오늘은 요즘 많이 사용 중인 Visual Studio Code에서 공백을 볼수 있는 설정을 알아보겠습니다. 1. File 메뉴에서 Preferences 메뉴를 클릭 합니다. (File -> Preferences) 2. 검색 창에 whitespace 입력 후 검색합니다 (whitespace 검색 -> Render Whitespace) 그러면 아래와 같이 Render Whitespace 항목을 확인할 수 ..

1. Stateless/Stateful Widget 상속받은 클래스 생성 방법 - stless 키 입력 후 아래와 같이 창이 팝업되면 -> Tab 혹은 Enter키 클릭 합니다. - stful 키 입력 후 아래와 같이 창이 팝업되면 -> Tab 혹은 Enter키 클릭 합니다. 2. 클래스 생성 후 .dart 파일 import - a.dart 파일에서 클래스 생성 -> b.dart 파일에서 클래스 생성자 호출 시 아래와 같이 빨간 밑줄이 확인 됩니다. 빨간 밑줄 클릭 후 "Alt + Enter"키를 클릭합니다. 그러면 아래와 같이 도움 창이 팝업되는 것을 확인할 수 있습니다. 예) PdfViewerScreen 생성 -> PdfViewerScreen() 생성자 호출 -> 빨간 밑줄 확인 후 클릭 -> Alt..

A RenderFlex overflowed by 9.0 pixels on the right 증상 : Flutter UI 작업 중 "A RenderFlex overflowed by 9.0 pixels on the right" 메시지 확인될 때, 아래 그림과 같이 실행 시 ToggleSwitch(Disable)에서 의도치 않은(?) 이미지 나타남 1. 실행 시 화면 2. Debug 창에도 "A RenderFlex overflowed by 9.0 pixels on the right" 메시지 빨간색으로 표시 됨 처리 : Container 및 ToggleSwitch의 AutoSizeText Widget의 사이즈를 적절히 조정하여 해결 함 ( 위 Debug창 확인 시 Exception 발생한 이유 잘 나와 있음 b..

증상 : flutter app에 직접 작업한 flutter plugin(for windows) 포함(연결) 작업 후 빌드 시 아래와 같은 Exception 발생 함 1. flutter plugin(for windows) 프로젝트 생성 및 인터페이스 추가 2. flutter app 프로젝 생성 3. 작업한 plugin 포함(연결) 작업 : pubspec.yaml 파일에 종속성 처리 4. flutter app main.dart 파일에 plugin dart 파일 import 5. flutter app 빌드 6. Exception 발생 처리 : 개발자 모드 활성화 필요 : Windows11 기준 아래 이미지 파일 참조 1. 설정 -> 개인 정보 및 보안 -> 개발자 모드 2. 개발자 모드 끔 -> 켬으로 설정 ..

Android Studio 혹은 Visual Code Terminal 창혹은 cmd 창에서 아래 명령어 입력 가능 (단, 윈도우OS의 경우 환경변수에 flutter sdk 등록되어 있어야 함) flutter --version : flutter 버전 확인 flutter doctor : Flutter 개발 시 필요한 부분들이 잘 설정되어 있는지 확인 flutter channel : Flutter 소스 채널 확인 (master, main, beta, stable) flutter channel stable : Flutter 소스 채널 선택(전환) flutter upgrade : Flutter 최신 버전으로 업그레이드 ☆ Flutter 최신 버전으로 업그레이드 시 아래와 같이 입력 flutter channel s..