Flutter 개발 속도 향상을 위한 단축키 - Android Studio

Flutter 개발 속도 향상을 위한 단축키들

 

 

원 출처

https://onion.haus/article/detail/1207 

Flutter 개발 속도 향상을 위한 단축키 - Android Studio | O'NION

 

이 글은

https://medium.com/flutter-community/flutter-ide-shortcuts-for-faster-development-2ef45c51085b

Flutter — IDE Shortcuts for Faster Development

 

의 글을 보고 적당한 것들을 추려내고, 정리해놓은 글입니다.

 

---

stful + tab or stless + tab

 

 

새로 작성하기 귀찮은 StatefulWidget 혹은 StatelessWidget을 단번에 생성시켜 준다!

 

---

Alt + Enter

 

매우매우 강력한 단축키

 

stul 위젯을 간단하게 stless 위젯으로 바꾸어주기도 하고

반대도 가능

 

뿐만 아니라 특정 위젯위에서 사용할 경우 특정 위젯만을 지우거나,

Center, Column, Container 등의 위젯 으로 감싸거나, 위젯에 padding을 준다거나,

여타 다른 위젯으로 감싸는 것이 가능하다.

일일이 위젯의 끝을 찾고, 지우고, 괄호와 싸우지 않아도 손쉽게 위젯을 추가하고 변형할 수 있는

매우매우 중요한 단축키라고 볼 수 있다.

 

---

ctrl + b

 

어떤 위젯이나 함수에 대고 사용할 경우, 해당 소스코드로 이동한다. 디버깅을 할 때 유용한 단축키라고 볼 수 있겠다.

 

 

아니면 굳이 해당 창을 벗어나지 않고 소스코드를 보고싶을 때에는

ctrl + shift + I

를 사용하면 작은 알림창이 떠서 해당 소스코드를 확인할 수 있다.

 

---

Ctrl + W

 

위젯을 따로 손으로 끌어서 선택할 때 너무너무 불편하다.

이 단축키만 있다면 마우스에 손 대지 않고도 해당 위젯을 모두 선택 가능하다.

---

 

Ctrl + Alt + L

코드가 정돈되어 있지 않다면, IDE에게 맡기자. 해당 단축키는 들여쓰기와 같은 코드 정리를 대신 간단하게 해준다.

---

 

Ctrl + Shift + A

이런 단축키들 모두 까먹었다. 하는 경우에 필요한 단축키이다. 팝업창으로 떠서 어떤 행동 혹은 단축키들이 있는지 검색을 가능하게 해준다.

 

---

 

 

Shift + F6

 

특정 위젯 혹은 클래스, 메서드등을 일괄적으로 리네이밍 가능하게 해주는 단축키이다. 일일이 사용된 곳을 찾아가서 바꿀 필요 없이 알아서 IDE가 레퍼런스를 찾아 사용된 곳 모두의 이름을 함께 변경해준다.

 

---

Flutter Outline

추가적으로 단축키가 아니지만 Android Studio에서 제공하는 Flutter Outline의 기능이 있다.

 

 

이런식으로 코드 계층이 깊어질수록 당연히 가독성은 낮아진다.

 

중간에 한번쯤 끊어주어야 할 필요가 있는데, 이때 Flutter outline이라는 기능을 사용하여 편리하게 해보자.

 

IDE의 오른쪽에 보면 Flutter Outline 기능을 찾을 수 있고, 우리의 해당 위젯의 계층도를 볼 수 있다.

 

 

 

이 때 계층도에서 나누고 싶은 위젯에 오른쪽 클릭을 하게 되면

여러 가지 옵션들이 나오게 되는데, Extract Widget 버튼을 누르게 되면,

 

 

 

이런식으로 메서드로 분리 할 수 있는 창이 나오게 되며, Refactor 버튼을 누르면,

 

 

좀더 보기 좋게 계층도를 분리한 모습을 볼 수 있다.

 

 

IDE의 기능을 통해 코딩에 스트레스를 줄여봅시다-

포스트는 여기까지!