후원 받은 커피는 더 많은 자료를 만드는 원동력이 됩니다.
목차
1. 버블 단축키로 빌드 시간을 줄이세요!
버블은 높은 자유도를 제공하는 만큼, 앱을 만드는 데 시간이 오래 걸립니다. 디자인, 워크플로우 등을 하나하나 작업하고, 프리뷰 모드에서 매번 체크도 해야 합니다. 이때, 버블 단축키를 알아두면 시간을 크게 단축 시킬 수 있습니다. 예를 들어, 아래 같은 단축키 활용이 있습니다.
•
작업한 워크플로우를 데브 앱에서 체크해야 할 때, 에디터 우측 상단의 [Preview] 버튼을 클릭하지 않고 단축키로 바로 데브 앱을 실행할 수 있습니다.
•
매번 디자인 탭, 워크플로우 탭을 클릭할 필요 없이 단축키로 전환할 수 있습니다.
•
그룹 요소에 있는 하위 요소를 클릭할 수 있습니다.
•
선택한 요소들을 하나의 그룹 요소로 만들 수 있습니다.
2. 단축키 모음
아래 표에서 단축키를 확인할 수 있습니다. 개인적으로 알아두면 좋은 단축키는
️를 표시했습니다. 또한 기능 연관성이 있는 것끼리 카테고리로 묶어서 정리했습니다. 확인 전에 아래 부분을 유의해주세요
•
Mac을 기준으로 작성했으며, 윈도우 유저라면 CMD 키를 Ctrl 키로 입력하면 작동이 될 겁니다. 단, 제 기기가 윈도우가 아니다보니 약간 다를 수도 있습니다.
•
버블이 아니라 브라우저의 단축키가 실행될 수 있습니다. 예를 들어 CMD + T는 (1) 버블에서 탭 전환 키지만 (2) 크롬에서는 새로운 탭이 실행됩니다. 이런 경우, Funtion키를 함께 눌러주세요
카테고리 | 중요도 | 단축키 | 설명 |
CMD + P | 데브 앱(a.k.a 프리뷰 모드) 실행 | ||
CMD + T | 디자인, 워크플로우, 데이터 탭 전환 | ||
CMD + Click | 현재 클릭 상태인 그룹 요소의 하위 요소 선택 | ||
Shift+ Click | 여러 요소를 선택 | ||
CMD + A | 현재 페이지의 모든 요소를 선택 | ||
CMD + G | 그룹 요소를 생성하고, 선택 상태인 요소를 하위 요소로 이동 | ||
CMD + Drag | 클릭 상태인 요소를 드래그를 놓은 위치에 복제 | ||
CMD + D | 클릭 상태인 요소를 복제 | ||
CMD + C | 클릭 상태인 요소를 복사 | ||
CMD + X | 클릭 상태인 요소를 잘라내기 | ||
CMD + V | 복사 혹은 잘라내기한 요소를 붙여넣기 | ||
CMD + Shift + C | 클릭 상태인 요소의 스타일(a.k.a appearance 설정)을 복사 | ||
CMD + Shift + V | 복사한 형식을 요소에 붙여넣기 | ||
CMD + K | 클릭 상태인 요소의 워크플로우를 확인 | ||
CMD + B | 클릭 상태인 텍스트 요소를 볼드체로 변환 | ||
CMD + I | 클릭 상태인 텍스트 요소를 기울임체로 변환 | ||
CMD + U | 클릭 상태인 텍스트 요소에 밑줄 추가 |
버블박스가 버블을 주제로 책을 발행할 예정입니다. 출간 알림을 등록하면 추후에 안내 드릴게요!
+ 알림 신청자 중 일부에게 책을 무료로 드릴 예정입니다.
버블박스를 운영하는 페임리가 궁금하다면?
If you're curious about Family?
버블박스 l BubbleBox