[SwiftUI] 단축키로 편하게 VStack, HStack 에 Embed 하기
canvas 가 열리지 않은 상태에서 Text와 같은 UI 컴포넌트를 cmd + click
하면 아래와 같은 Action menu pop over 가 나온다
하지만 cmd + option + enter
로 canvas 를 열어주고 똑같이 cmd + click
을 다시 해본다면? (참고로 canvas 를 닫고 싶으면 cmd + enter
)
Embed in VStack
뿐만 아니라 Repeat
등 UI 관련 추가 작업을 도와주는 옵션들이 더 나온다
+) 2022.05.20 : 근데 이제는 canvas 를 닫은 상태로 cmd + click
을 해도 똑같이 Action menu 에 대한 결과가 나온다. 만약 click 을 안하고 shortcut 으로만 해결하고 싶다면 cmd + shift + a
또 pop over의 shortcut에 나와있듯, canvas 창이 열려 있는 상태로 Text를 control + option + click
하면?
기존에 우측에 존재했던 Text와 관련된 inspector가 코드 창에 pop over 형태로 바로 뜬다
더 신기한건 동일한 동작들을 canvas 에서 컴포넌트를 잡고 해도 된다는 것!
추가로 기존과 같이 cmd + shift + l
을 누르면 추가할 수 있는 component 들이 뜨는데
이 상태에서 원하는 UI 요소를 코드나 canvas에 바로 drag & drop 할 수 도 있다
꽤나 신기해~ 오늘의 꿀팁 끗!
몇가지 SwiftUI 에서 자주 사용하는 단축키를 더 놓고 가자면..
cmd + option + p
: preview 새로 고침cmd + option + [
orcmd + option + ]
: 코드 위 or 아래로 이동