플러터 앱 개발6 플러터 안드로이드 스튜디오 코드 정렬하기 안드로이드 스튜디오 환경에서 플러터 개발 시 코드를 자동으로 들여쓰는 방법을 알려드리겠습니다. #1 단축키로 정렬하기 정석대로라면 안드로이드 스튜디오의 메뉴에서 코드 들여쓰기를 할 수 있지만, 보통의 경우 단축키를 더 많이 사용하므로 먼저 들여쓰기 단축키를 살펴보겠습니다. 사용하는 OS가 Windows냐 MAC이냐에 에 따라 아래와 같이 단축키가 조금 다릅니다. MAC OS: Option + Command + L Windows: Alt + Ctrl + L 눈치채셨겟지만 Windows에서 사용되는 대부분 단축키의 Ctrl, Alt는 보통 Mac의 Option, Command로 대응됩니다. 따라서 둘 중 자주 쓴는 OS에서 단축키를 익혀두면, 사실 다른 OS에서도 비슷하게 시도해볼 수 있고 대부분 정상 동작.. 2021. 10. 1. 플러터 디버깅 배너 제거 플러터 가상 디바이스 실행 시 생기는 디버깅 배너 제거하는 방법에 대해 알려드리겠습니다. #1 플러터 가상 디바이스 실행 모습 플러터 코드 작성 후 가상 디바이스에 실행을 하면 가상 디바이스에서는 기본적으로 아래와 같이 Debug 배너가 함께 표시됩니다. 실제 코드 동작을 확인하기 위한 목적으로 가상 디바이스를 실행할때는 디버그 배너가 크게 거슬리지 않을 수도 있지만, 앱의 완성 단계에서 홍보를 위한 스크린샷이 필요하거나, 스토어에 올리기 위한 스크린샷을 생성하기 위해서는 배너가 없어야 합니다. 가상 디바이스가 아닌 실제 디바이스에 연결하더라도 그냥 실행을 하게 되면 디버그 배너는 동일하게 나타나게 됩니다. 만약 단순 실행이 아라 앱을 build 한 후 apk형태로 안드로이드 폰에 설치하여 실행하게 되면.. 2021. 9. 26. 플러터 위젯 기본 #1 플러터 위젯 클래스 플러터 위젯 개념에 이어 기본적인 내용을 다뤄보겠습니다. 플러터에서 사용되는 위젯은 미리 만들어진 클래스(class)라고 생각하면 되는데, 보통의 클래스처럼 위젯도 항상 대문자로 시작하게됩니다. 지난 플러터 위젯 개념 글에서 살펴보았던 Container() 위젯 또한 대문자로 시작하는 좋은 예가 됩니다. 위젯을 설명하는데 또 새로운 개념인 클래스가 나오게 됩니다. 클래스는 어떠한 기능을 담당하는 함수로 볼 수 있습니다. 아래 그림과 같이 A라는 변수를 함수에 집어넣으면 넣어준 A를 가지고 지지고볶아서 B라는 결과를 내뱉는 아이입니다. 이 때, 클래스의 소괄호 안에 A를 작성해넣게 되어 있으므로, 우리가 사용하는 클래스들은 전부 클래스명 뒤에 소괄호를 갖추고 있습니다. 경우에 따라.. 2021. 9. 25. 플러터 위젯 개념 2 #3 플러터 위젯 구현 지난 글(플러터 위젯 개념)에서 예시로 들었던 앱 구조(UI: User Interface)를 실제 플러터에서 구현해 보겠습니다. UI 구성은 위젯 배치 하여 간단하게 구현 가능합니다. 먼저 지난 번 글에서 살펴본 구조를 보면, 기본적인 뼈대는 상단 숫자를 텍스트 위젯 (Text Widget)으로, 아래 버튼은 텍스트 버튼 위젯 (TextButton Widget)으로 구성하는 것에서 시작합니다. 아래 그림의 붉은 상자를 참고하면 텍스트 위젯과 텍스트 버튼 위젯을 뼈대로 코드가 구성된 것을 확인 할 수 있습니다. 먼저 상단의 택스트 위젯을 먼저 보면, '25 17 30 19 01 41' 이렇게 글자를 적어넣은 부분이 우측의 실제 앱 화면에 그대로 출력되고 있는 것을 확인할 수 있습니다.. 2021. 9. 24. 이전 1 2 다음
