편집 모드로 페이지를 가리켜 변경 요청하기

핵심 요약미리보기 도구 모음의 편집을 클릭한 다음, 실행 중인 앱에서 요소를 클릭하거나 영역 둘레로 상자를 드래그하고 바꿀 내용을 입력하세요. 어느 페이지에서든 최대 20곳을 표시한 뒤 변경 사항 보내기를 클릭하면 됩니다. MonstarX는 메모마다 가리킨 위치를 정확히 전달받고 모든 변경 사항을 요청 하나로 만듭니다.

“요금 페이지의 두 번째 버튼을 더 작게 해 주세요”라고 써도 되지만, 직접 가리키는 편이 더 빠릅니다. 편집 모드를 쓰면 실행 중인 앱을 클릭하거나 그 위에 그리고, 위치마다 바꿀 내용을 적어 한꺼번에 보낼 수 있습니다. MonstarX는 어떤 요소를 말하는지, 그 요소가 어느 파일에 있을 가능성이 높은지 정확히 압니다.

편집 모드에서 제목과 히어로 사진 두 곳에 각각 메모를 달아 변경 사항을 표시합니다.

편집 모드는 어떻게 쓰나요?

미리보기 탭을 열고 앱이 나타날 때까지 기다리세요. (상태 카드가 미리보기를 가리고 있는 동안에는 편집 버튼이 회색으로 비활성화됩니다.)
미리보기 도구 모음의 편집(연필 아이콘)을 클릭하세요. 미리보기 모서리에 편집 모드 패널이 열립니다.
바꿀 곳을 가리키세요.
- 요소 클릭: 제목, 버튼, 사진, 카드 등을 클릭합니다. 마우스를 올리면 강조 표시되므로 클릭하면 무엇이 선택될지 미리 알 수 있습니다.
- 상자 드래그: 섹션 전체처럼 요소가 여러 개일 때는 그 영역 둘레로 상자를 드래그합니다.
나타나는 메모에 바꿀 내용을 입력하세요. 예: ‘이 제목을 조금 더 작게 해 주세요’
같은 방법으로 다른 곳도 표시하세요. 표시한 곳마다 페이지와 패널에 번호가 붙습니다.
변경 사항 2개 보내기를 클릭하세요(숫자는 표시한 개수에 따라 바뀝니다). MonstarX가 요청 하나로 모두 만듭니다.

편집 모드 패널에서는 무엇을 할 수 있나요?

번호가 붙은 변경 사항 두 개가 있는 편집 모드 패널. ‘이 제목을 조금 작게 해서 사진 옆에 균형 있게 놓이도록 해 주세요’ 메모가 달린 h1 제목 ‘숨 요가’, ‘여기에 실제 사진을 넣어 주세요’로 시작하는 메모가 달린 img, 변경 사항 2개 보내기 버튼과 지우기 버튼이 보입니다.

변경 사항마다 선택한 요소(<h1> "편안히 숨 쉬는 조용한 공간…"처럼 태그와 텍스트)와 메모가 나옵니다.
휴지통 아이콘을 누르면 변경 사항 하나가 삭제됩니다. 지우기를 누르면 모두 삭제됩니다.
변경 사항 N개 보내기를 누르면 보냅니다. 빌드가 진행 중일 때는 버튼이 변경 사항 N개 대기열에 추가로 바뀌고, 변경 사항은 다음 목록에서 기다립니다.
모서리의 ×를 누르거나 Esc 키를 누르면 편집 모드를 나가며, 보내지 않은 표시는 버려집니다.

편집 모드에서 스크롤하거나 페이지를 바꿀 수 있나요?

네. 평소처럼 마우스 휠, 트랙패드, 키보드로 스크롤하세요. 페이지가 움직여도 표시는 요소에 붙어 있습니다. 터치스크린에서는 두 손가락으로 스크롤하세요. 한 손가락은 그리기에 쓰입니다.

다른 페이지에 표시하려면 미리보기의 주소창에서 페이지를 고르세요. 다른 페이지에서 한 표시는 지금 페이지를 보는 동안 숨겨지며, 보낼 때는 모두 함께 보내집니다.

MonstarX는 무엇을 전달받나요?

요청은 대화창에 미리보기에 표시한 변경 사항 2개로 나타나며, 번호가 붙은 변경 사항과 메모가 함께 표시됩니다. MonstarX는 표시마다 그 표시가 있던 페이지, 요소의 세부 정보, 그 요소가 있을 가능성이 높은 파일을 전달받습니다. 그래서 바로 정확한 위치로 갈 수 있습니다.

보낸 뒤의 대화창. ‘미리보기에 표시한 변경 사항 2개’ 카드에 제목과 사진이 각각 메모와 함께 나열되어 있고, 그 아래에서 MonstarX가 ‘생각 중… 제목 크기를 줄이고 스튜디오 사진을 배치하는 중’으로 작업을 시작합니다. 아래쪽에는 이 화면을 닫아도 된다는 카드와 ‘현재 빌드가 끝나면 실행’ 안내가 보입니다.

결과는 일반 빌드와 같습니다. 대화창에서 진행 상황을 볼 수 있고, 끝나면 버전이 저장됩니다. 스레드 목록에는 첫 번째 메모로 표시됩니다. 예: ‘이 제목을 조금 더 작게 해 주세요… (+1개 추가)’

메모를 잘 쓰는 요령

표시 하나에 아이디어 하나. 제목에는 “더 작게 해 주세요”, 사진에는 “여기에 실제 사진을 넣어 주세요”처럼 나누는 편이 긴 메모 하나보다 낫습니다.
코드가 아니라 결과를 말하세요. “더 눈에 띄게 해 주세요”나 “예약 버튼과 같은 초록색으로 맞춰 주세요” 정도면 충분합니다.
레이아웃 변경은 상자로 그리세요. “이 카드 세 개를 한 줄로 놓아 주세요”는 줄 전체를 둘러쌌을 때 가장 잘 통합니다.
사진은 그 자리에서 요청하세요. 사진을 클릭하고 원하는 사진을 설명하면 MonstarX가 그려 줄 수 있습니다. 앱 속 사진을 참고하세요.

한도

요청당 최대 변경 사항 20개입니다. 그보다 많으면 지금까지 표시한 것을 보내고 이어서 하세요.
메모는 각각 최대 2,000자입니다. 너무 긴 메모는 빨간색으로 바뀌고, 길이가 맞을 때까지 보내기가 기다립니다.
편집 모드는 프로젝트 소유자와 편집 가능 권한이 있는 사람이 쓸 수 있습니다. 보기 및 댓글 가능 권한이 있는 사람은 대신 댓글을 씁니다. 공유와 댓글을 참고하세요.

자주 묻는 질문

편집 버튼이 왜 회색으로 비활성화되어 있나요?

미리보기가 실행 중이고 앱이 보이는 상태여야 합니다. 미리보기가 시작되는 동안, 빌드 중에 상태 카드가 가리고 있는 동안, 아직 만들어진 것이 없을 때는 비활성화됩니다.

미리보기의 요소 검사 기능이 아직 준비되지 않았다고 나옵니다. 어떻게 해야 하나요?

미리보기를 새로고침(↻)하고 다시 시도하세요. 편집 모드에서 스크롤을 지원하기 전에 시작된 미리보기라고 나오면 미리보기 도구 모음의 개발 서버 다시 시작(⟲)을 클릭하세요.

메뉴처럼 클릭해야 나타나는 것도 표시할 수 있나요?

먼저 미리보기에서 메뉴를 연 다음 편집 모드를 켜세요. 또는 캡처로 그 부분을 찍고 대화창에서 바꿀 내용을 설명하세요.

편집 모드와 캡처는 무엇이 다른가요?

편집 모드는 표시한 요소마다 연결된 변경 요청을 보냅니다. 캡처는 페이지 일부의 이미지를 메시지에 넣으며, 어떤 모드로든 보낼 수 있습니다. 질문하거나 문제를 보여 줄 때 편리합니다.

편집 모드를 쓰면 앱이 즉시 바뀌나요?

아니요. 표시한 내용은 만들기 요청 하나로 전달되고, MonstarX가 다른 요청처럼 만듭니다. 빌드 없이 즉시 바뀌는 수정은 없습니다. 결과가 마음에 들지 않으면 버전을 복원하면 됩니다.