Flutter에서 유용한 기능 !!! Widget을 원하는 곳에 추가/삭제 ! (feat. Show Code Actions)

안녕하세요 !! 

이번에는 flutter을 하면서 Widget을 원하는곳에 추가하거나 삭제를 하는 기능에 대해서 알아보겠습니다 !!! 

자 바로 시작합니다 ! 

 

작업을 하다보면 밑에와 같은 전구모양을 보신적이 있으실겁니다 !!!! 

한번 눌러볼까요 ?? 

 

 

이런식으로 여러 기능들이 있습니다 !!! 저기서 Widget를 추가 & 삭제도 할 수 있죠 ^^ 

 

만약 저렇지 않으면 어떻게 해야할까 요?? 

 

예를 들어서 

아래와 같은 <p>의 감싸진 코드가 있다고 해봅시다 !! 

<p>
	<div>
    	<h1>Title</h1>
    </div>
</p>

 

위에 코드에서 p태그를 다시 a태그로 감싸거나 div태그로 감싸고 싶으면 지금까지는 <p>~~</p>까지 다 복사를 해서 새로 만든 tag에다가 다시 붙여넣는 방법을 했는데요 ;;; 

 

저 위에서 전구표시는 그렇지 않습니다 !! 

바로 내가 원하는 Widget을 추가 할 수 있죠 !!! 

밑에 사진을 봐볼까요 ?? 저는 Padding으로 둘러쌓인곳 위에다가 Column의 Widget을 추가 했습니다 ^^ 

 

물론 반대도 가능합니다 !!! 

Remove Widget를 해볼까요 ? 

 

다시 원래대로 돌아왔습니다 !! 

 

정말 간단하게 원하는 Widget을 추가 / 삭제 할 수 있지 않나요 ?? 하나하나 복사&붙여넣기를 하지 마시고 이용해봅시다 !!!! 

 

또한 !!! 단축키도 있는데요 

Windows에서는 아래와 같습니다 !! 

Ctrl + .  

 

Mac에서는 밑에와 같다네요 !!! 

Command + . 

 

 

Flutter개발을 좀 더 유용하게 시간을 절약하면서 해봅시다 ^^