사용자 매뉴얼

요소탭에서는 블록을 꾸밀 수 있는 다양한 요소들을 제공합니다.
요소들은 모두 [이동 콘텐츠]로 스티커처럼 블록에 적용됩니다.
목록에서 원하는 요소의 썸네일을 클릭하여 적용 후, 원하는 위치로 이동시키고 크기조정, 회전 등 적절한 형태로 편집하실 수 있습니다.

블록을 클릭하여 활성화 된 상태에서 요소탭을 클릭하여 삽입하고자 하는 요소를 클릭하거나 드래드하여 끌어 놓습니다.

블록 내 요소를 클릭하면 선택된 요소의 외곽선이 파란색으로 표시됩니다.
요소가 선택된 상태에서 ctrl을 누르고 다른 요소를 클릭하면 다중선택이 가능합니다.
요소의 이동이나 복사, 삭제 시 다중선택하여 편집이 가능합니다.

선택된 요소를 드래그하거나 키보드 방향키를 이용하여 이동시킬 수 있습니다.
키보드 이동 시 [방향키] 만 눌렀을 때는 1px씩, [shift + 방향키] 는 10px 씩 이동합니다.

마우스로 이동 중 요소가 블록의 가로축 또는 세로축 가운데 위치하는 경우 블록 중심을 안내하는 가이드 라인이 나타납니다.
요소는 현재 블록 내에서만 이동되며, 요소가 블록 영역 밖으로 벗어나는 경우 벗어난 부분은 숨김처리되어 보이지 않게됩니다.

2개 이상의 요소가 선택되면 요소간 맞춤 정렬을 위한 정렬 아이콘이 노출됩니다.
선택된 요소간 [왼쪽 맞춤 / 가운데 맞춤 / 오른쪽 맞춤]과 [위쪽 맞춤 / 중간 맞춤 / 아래쪽 맞춤]의 정렬을 실행할 수 있습니다.

선택된 요소의 외곽선 위에 크기변경을 할 수 있는 컨트롤러가 나타납니다. 컨트롤러를 클릭&드래그하여 요소의 크기를 변경할 수 있습니다.
요소의 형태에 따라 크기를 조정할 수 있는 방향이 상이합니다.

• 확대/축소: 요소의 비율을 유지한채 크기가 변경됩니다. 요소의 네 모서리에 파란 네모 컨트롤러가 위치합니다.
• 가로/세로: 요소를 가로 방향, 세로 방향으로 조정할 수 있습니다. 요소의 상/하/좌/우 중간 지점에 바 형태의 컨트롤러가 위치합니다.
• 가로          : 요소의 가로 길이를 조정할 수 있습니다. 요소의 좌/우 중간지점에 바 형태의 컨트롤러가 위치합니다.

선택된 요소를 복제할 수 있습니다.
[요소 선택 → 우클릭 → 편집 메뉴]에서 [복사] 클릭 또는 [ctrl+c] 키를 눌러 복사하고,
붙여넣고자 하는 블록에서 [우클릭 → 편집 메뉴]에서 [붙여넣기] 또는 [ctrl+v]를 눌러 붙여넣기 합니다.

선택된 요소의 하단(또는 상단)에는 회전 컨트롤러가 나타납니다. 컨트롤러를 클릭&드래그하여 요소를 회전시킬 수 있습니다.

여러 개의 요소가 겹쳐진 디자인을 구성하는 경우, 요소간의 순서를 변경하여 원하는 순서대로 정렬이 필요합니다.
[요소 선택 → 우클릭 → 편집 메뉴]에서 순서를 변경할 수 있습니다. ① 맨 앞으로 보내기 : 현재 블록의 요소들 중에서 선택된 요소를 가장 앞으로 위치시킵니다.
② 앞으로 보내기     : 현재 블록의 요소들 중에서 선택된 요소를 바로 위에 위치한 요소와 순서를 바꿉니다.
③ 뒤로 보내기         : 현재 블록의 요소들 중에서 선택된 요소를 바로 아래에 위치한 요소와 순서를 바꿉니다.
④ 맨 뒤로 보내기    : 현재 블록의 요소들 중에서 선택된 요소를 가장 뒤로 위치시킵니다.

선택된 요소를 삭제합니다.
[요소 선택 → 우클릭 → 편집 메뉴]에서 [삭제]를 클릭하거나 [Delete]키를 눌러 삭제합니다.