update ~006-01

002_03_basic_middle_toolbar.rst

@@ -5,8 +5,6 @@
 
 중앙 툴바는 캔버스 바로 상단에 위치하며,  :ref:`새로고침<Refresh>` / :ref:`포지션<Position>` / :ref:`프레임<Frame>` / :ref:`배경컬러<Background_Color>` / :ref:`위젯 보기 버튼<Show_Widget_Button>` 영역으로 구분됩니다.
 
-----------
-
 
 .. _Refresh:
 
@@ -16,27 +14,22 @@
 현재 캔버스를 새로고칩니다.
 
 
-----------
-
 .. _Position:
 
 포지션 Position
 ---------------------------------
 
 선택된 요소의 포지션을 설정합니다. (단위를 % 로 바꿀 경우, x/y 값은 드래그로 변경되지 않으며 w/h 값 역시 드래그로 변경되지 않습니다.)
 
+  * ``포지션 Position`` : 위젯의 포지션을 **Absolute, Relative, Fixed** 중 한 가지로 설정합니다.
+  * ``서브 포지션 Sub Position`` : 위젯의 포지션 기준을 무엇으로 할 지 서브 포지션을 설정합니다.
+  * ``정렬 버튼 Align Button`` : 위젯을 가운데로 맞춥니다. 여러위젯을 선택하여 정렬할 수 있습니다.
+  * ``포지션 속성 설정 팝업 Position setting popup`` : 요소의 포지션 가운데 고정 Fixed Center Position, 오버플로우 Overflow, z-index 속성을 변경할 수 있습니다.
 
-* ``포지션 Position`` : 위젯의 포지션을 **Absolute, Relative, Fixed** 중 한 가지로 설정합니다.
-* ``서브 포지션 Sub Position`` : 위젯의 포지션 기준을 무엇으로 할 지 서브 포지션을 설정합니다.
-* ``정렬 버튼 Align Button`` : 위젯을 가운데로 맞춥니다. 여러위젯을 선택하여 정렬할 수 있습니다.
-* ``포지션 속성 설정 팝업 Position setting popup`` : 요소의 포지션 가운데 고정 Fixed Center Position, 오버플로우 Overflow, z-index 속성을 변경할 수 있습니다.
-
-* ``x 좌표 입력필드 & 스텝퍼 X position input field & Stepper`` : 요소의 x 좌표를 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
-* ``y 좌표 입력필드 & 스텝퍼 Y position input field & Stepper`` : 요소의 y 좌표를 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
-
+  * ``x 좌표 입력필드 & 스텝퍼 X position input field & Stepper`` : 요소의 x 좌표를 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
+  * ``y 좌표 입력필드 & 스텝퍼 Y position input field & Stepper`` : 요소의 y 좌표를 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
 
 
-----------
 
 .. _Frame:
 
@@ -46,14 +39,10 @@
 
 선택된 요소의 높이와 너비값을 설정합니다.
 
+  * ``Width 값 입력필드 & 스텝퍼 Width value input field & Stepper`` : 요소의 width 값을 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
+  * ``Height 값 입력필드 & 스텝퍼 Height value input field & Stepper`` : 요소의 height 값을 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
+  * ``최소/최대 크기 설정 팝업 Min/Max-width & Min/Max-height setting popup`` : 요소의 최소/최대 높이 또는 너비를 설정할 수 있습니다.
 
-* ``Width 값 입력필드 & 스텝퍼 Width value input field & Stepper`` : 요소의 width 값을 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
-* ``Height 값 입력필드 & 스텝퍼 Height value input field & Stepper`` : 요소의 height 값을 직접 입력하거나, 스텝퍼를 이용하여 1px 씩 조절합니다. px 또는 % 로 단위를 변경할 수 있습니다.
-* ``최소/최대 크기 설정 팝업 Min/Max-width & Min/Max-height setting popup`` : 요소의 최소/최대 높이 또는 너비를 설정할 수 있습니다.
-
-
-
-----------
 
 .. _Background_Color:
 
@@ -63,8 +52,6 @@
 선택된 요소의 배경색을 선택하거나 투명값으로 설정할수 있습니다.
 
 
-----------
-
 .. _Show_Widget_Button:
 
 위젯 보기 버튼 Show Widget Button

002_04_basic_widget_panel.rst

@@ -4,9 +4,6 @@
 위젯 툴바는 화면 오른쪽에 위치하며 중앙 툴바의 오른쪽 끝에 있는 **Show/Hide 위젯 토글 버튼** 으로 보여주고 감출 수 있습니다. :ref:`아이유 위젯<IU_Widgets>` / :ref:`커스텀 위젯<Custom_Widgets>` 탭으로 구분됩니다.
 
 
-----------
-
-
 .. _IU_Widgets:
 
 아이유 위젯 IU Widgets
@@ -18,8 +15,6 @@ IU WIDGETS 탭에서는 아이유에디터에서 사용 가능한 모든 위젯
 
 :doc:`기본 위젯에 대해 알아보기 Go To Widget Property<007_01_widget_basic>`.
 
-----------
-
 
 .. _Custom_Widgets:
 
@@ -30,8 +25,8 @@ IU WIDGETS 탭에서는 아이유에디터에서 사용 가능한 모든 위젯
 
 CUSTOM WIDGETS 탭에서는 **위젯 불러오기** 로 불러온 커스텀 위젯들이 보여집니다. 커스텀 위젯이 속한 그룹명으로 구분되어 있으며 **Show/Hide** 버튼으로 각 그룹의 위젯 목록을 펼치고 접을 수 있습니다. **드래그 앤 드롭** 이나 **더블 클릭** 하여 위젯을 캔버스에 추가 할 수 있습니다. **오른쪽 클릭** 으로 커스텀 위젯의 상세정보를 확인할 수 있습니다. 상세정보는 :doc:`위젯 관리 패널<004_05_panel_management_widget>` 에서 수정할 수 있습니다.
 
-* ``새로고침 버튼 Refresh Button`` : 커스텀 위젯 라이브러리를 최신상태로 업데이트 합니다.
-* ``검색 영역 Search Field`` : 커스텀 위젯을 이름이나 태그로 검색합니다.
-* ``확대/축소 버튼 Zoom in/Zoom out Button`` : 커스텀 위젯의 섬네일을 확대/축소 합니다.
+  * ``새로고침 버튼 Refresh Button`` : 커스텀 위젯 라이브러리를 최신상태로 업데이트 합니다.
+  * ``검색 영역 Search Field`` : 커스텀 위젯을 이름이나 태그로 검색합니다.
+  * ``확대/축소 버튼 Zoom in/Zoom out Button`` : 커스텀 위젯의 섬네일을 확대/축소 합니다.
 
 :doc:`커스텀 위젯 불러오기에 대해 알아보기 Go To Manage Custom Widgets Panel<004_05_panel_management_widget>`.

002_05_basic_navigation.rst

@@ -5,22 +5,17 @@
 
 네비게이션 영역은 캔버스 바로 좌측에 위치하며, :ref:`스트럭쳐<Structure>` / :ref:`페이지<Pages>` / :ref:`컴포지션<Compositions>` 영역으로 구분됩니다.
 
-
-----------
-
 .. _Structure:
 
 스트럭쳐 Structure
 --------------------------
 
 현재 선택한 페이지에 속한 요소들 (섹션, 헤더, 푸터, 페이지컨텐트, 위젯 등)의 구조를 트리형태로 보여주는 패널입니다. **요소를 삭제** 하거나, **드래그 앤 드롭으로 위치를 이동** 할 수도 있으며, **새로운 섹션을 추가** 할 수 있습니다. 스트럭쳐에 추가된 요소들의 이름은 사용자가 원하는 이름으로 수정가능합니다.
 
-* ``팝업 추가 버튼 Add New Popup Button`` : 새로운 팝업을 추가합니다.
-* ``패널 추가 버튼 Add New Panel Button`` : 새로운 패널을 추가합니다.
-* ``섹션 추가 버튼 Add New Section Button`` : 새로운 섹션을 추가합니다.
-* ``삭제 버튼 Delete Button`` : 선택된 위젯을 삭제합니다.
-
-----------
+  * ``팝업 추가 버튼 Add New Popup Button`` : 새로운 팝업을 추가합니다.
+  * ``패널 추가 버튼 Add New Panel Button`` : 새로운 패널을 추가합니다.
+  * ``섹션 추가 버튼 Add New Section Button`` : 새로운 섹션을 추가합니다.
+  * ``삭제 버튼 Delete Button`` : 선택된 위젯을 삭제합니다.
 
 
 .. _Pages:
@@ -30,14 +25,13 @@
 
 프로젝트에서 사용되는 모든 페이지들을 관리하는 패널입니다. 새로운 **페이지/폴더를 생성** 하거나 **삭제** 할 수 있습니다. 또한 페이지 설정을 통해 페이지의 레이아웃이나 정보를 변경할 수 있습니다. 페이지에 추가된 요소들의 이름은 사용자가 원하는 이름으로 수정가능합니다.
 
-* ``커스템 페이지 추가 버튼 Add New Custom Page Button`` : 새로운 템플릿 페이지를 추가합니다.
-* ``페이지 추가 버튼 Add New Page Button`` : 새로운 페이지를 추가합니다.
-* ``그룹 추가 버튼 Add New Group Button`` : 새로운 페이지 그룹을 추가합니다.
-* ``삭제 버튼 Delete Button`` : 선택된 페이지나 그룹을 삭제합니다.
+  * ``커스템 페이지 추가 버튼 Add New Custom Page Button`` : 새로운 템플릿 페이지를 추가합니다.
+  * ``페이지 추가 버튼 Add New Page Button`` : 새로운 페이지를 추가합니다.
+  * ``그룹 추가 버튼 Add New Group Button`` : 새로운 페이지 그룹을 추가합니다.
+  * ``삭제 버튼 Delete Button`` : 선택된 페이지나 그룹을 삭제합니다.
 
 페이지에 마우스 오버시 해당 페이지의 설정을 할 수 있습니다. 페이지 레이아웃이나 기타 해당하는 페이지의 속성을 정합니다.
 
-----------
 
 .. _Compositions:
 
@@ -47,13 +41,10 @@
 임포트 위젯이나 헤더, 푸터, 사이드바로 임포트할 컴포지션을 관리하는 패널입니다. 새로운 컴포지션/폴더를 생성하거나 삭제할 수 있습니다.
 
 
-* ``커스텀 컴포지션 추가 버튼 Add New Custom Composition Button`` : 새로운 커스텀 컴포지션을 추가합니다.
-* ``컴포지션 추가 버튼 Add New Page Button`` : 새로운 컴포지션을 추가합니다.
-* ``그룹 추가 버튼 Add New Group Button`` : 새로운 컴포지션 그룹을 추가합니다.
-* ``삭제 버튼 Delete Button`` : 선택된 컴포지션이나 그룹을 삭제합니다.
-
-
-----------
+  * ``커스텀 컴포지션 추가 버튼 Add New Custom Composition Button`` : 새로운 커스텀 컴포지션을 추가합니다.
+  * ``컴포지션 추가 버튼 Add New Page Button`` : 새로운 컴포지션을 추가합니다.
+  * ``그룹 추가 버튼 Add New Group Button`` : 새로운 컴포지션 그룹을 추가합니다.
+  * ``삭제 버튼 Delete Button`` : 선택된 컴포지션이나 그룹을 삭제합니다.
 
 
 참고사항 References

002_06_basic_canvas.rst

@@ -5,30 +5,22 @@
 
 캔버스는 아이유에디터에서 작업하는 화면을 말합니다. 위젯이나 섹션을 추가할 수 있으며, 수정한 내용이 바로바로 보여집니다.
 
-----------
-
 
 컨텍스트 메뉴 - 단일 위젯 Context Menu - Single Widget
 -----------------------------------------------------------------
 
-
 .. image:: resource_new/single_widget_01.png
 
 위젯을 선택한 상태이거나, 캔버스 상에서 우클릭을 하면, 컨텍스트 메뉴를 호출할 수 있습니다.
 
-
-* ``위젯 Widget`` : 현재 마우스 포인터 위치에 있는 모든 위젯을 보여주어 선택을 손쉽게 할 수 있도록 도와줍니다.
+  * ``위젯 Widget`` : 현재 마우스 포인터 위치에 있는 모든 위젯을 보여주어 선택을 손쉽게 할 수 있도록 도와줍니다.
 
 .. image:: resource_new/single_widget_02.png
 
-* ``메모 추가 Add Memo`` : 현재 선택된 위젯에 메모를 추가할 수 있는 :doc:`메모 패널<004_04_panel_memo>` 을 불러옵니다.
-* ``위젯 내보내기 Export to Widget`` : 현재 선택된 위젯을 커스텀 위젯 Custom Widget 으로 만들 수 있는 :doc:`위젯 내보내기 패널<004_06_panel_export_widget>` 을 호출합니다.
-* ``이벤트 보기 Show Event`` : 현재 선택된 위젯에 연결된 이벤트를 수정 / 추가 할 수 있는 :doc:`이벤트 패널<004_03_panel_event>` 을 불러옵니다.
-* ``탭 선택  Select Tab`` : 원하는 :ref:`속성 탭<Tab_Menu>` 으로 바로 이동합니다.
-
-
-
-----------
+  * ``메모 추가 Add Memo`` : 현재 선택된 위젯에 메모를 추가할 수 있는 :doc:`메모 패널<004_04_panel_memo>` 을 불러옵니다.
+  * ``위젯 내보내기 Export to Widget`` : 현재 선택된 위젯을 커스텀 위젯 Custom Widget 으로 만들 수 있는 :doc:`위젯 내보내기 패널<004_06_panel_export_widget>` 을 호출합니다.
+  * ``이벤트 보기 Show Event`` : 현재 선택된 위젯에 연결된 이벤트를 수정 / 추가 할 수 있는 :doc:`이벤트 패널<004_03_panel_event>` 을 불러옵니다.
+  * ``탭 선택  Select Tab`` : 원하는 :ref:`속성 탭<Tab_Menu>` 으로 바로 이동합니다.
 
 
 컨텍스트 메뉴 - 복수 위젯 Context Menu - Multiple Widget
@@ -40,10 +32,7 @@
 복수의 위젯을 선택한 상태에서 우클릭을 하면, 컨텍스트 메뉴를 호출할 수 있습니다.
 
 
-* ``정럴 Align`` : 현재 선택된 위젯들을 정렬하는 기능입니다. **좌측 정렬 Align Left, 중앙 정렬 Align Center, 우측 정렬 Align Right, 상단 정렬 Align Top, 세로 중앙 정렬 Align Middle, 하단 정렬 Align Bottom** 이 있습니다.
-
-.. image:: resource_new/multi_widget_02.png
-
-* ``크기 Size`` : 현재 선택된 위젯들의 크기를 맞추어 주는 기능입니다. **가로 맞춤 Match Width, 세로 맞춤 Match Height** 가 있습니다.
-
-.. image:: resource_new/multi_widget_03.png
+  * ``정럴 Align`` : 현재 선택된 위젯들을 정렬하는 기능입니다. **좌측 정렬 Align Left, 중앙 정렬 Align Center, 우측 정렬 Align Right, 상단 정렬 Align Top, 세로 중앙 정렬 Align Middle, 하단 정렬 Align Bottom** 이 있습니다.
+    .. image:: resource_new/multi_widget_02.png
+  * ``크기 Size`` : 현재 선택된 위젯들의 크기를 맞추어 주는 기능입니다. **가로 맞춤 Match Width, 세로 맞춤 Match Height** 가 있습니다.
+      .. image:: resource_new/multi_widget_03.png

003_01_advanced_developer_mode.rst

@@ -1,31 +1,24 @@
 개발자 모드 Developer Mode
 ====================================
 
-
 .. thumbnail:: resource_new/advanced_dev.png
 
 상단 툴바에서 ``모드 변경 버튼`` 을 클릭하면 개발자 모드로 전환할 수 있습니다.
 
 개발자모드로 바꾸면 오른쪽에 **코드 패널** 이 나타납니다. :ref:`HTML ID<HTML_ID>` / :ref:`커스텀 코드 Custom Code<Custom_Code>` 영역으로 구분됩니다.
 
 
-----------
-
 .. _HTML_ID:
 
 HTML ID
 -----------------------
 
-
 위젯의 HTML ID를 변경할 수 있습니다. **Export HTML ID** 체크박스가 있습니다. HTML ID는 Preference - Project에서 항상 내보낼 지, 선택된 위젯만 내보낼 지 기본설정을 변경할 수 있습니다.
 
 
-----------
-
 .. _Custom_Code:
 
 커스텀 코드 Custom Code
 -----------------------
 
-
 캔버스에서 선택된 위젯에 백엔드, custom css, script 코드를 입력할 수 있습니다. 위젯과 프로젝트 타입에 따라 탭 구성이 달라집니다.

003_02_advanced_prototype_mode.rst

@@ -10,21 +10,17 @@
 ``Refresh Workflow`` 버튼은 워크플로우를 초기 상태로 리셋 시킵니다. ``Build Scenario`` 버튼은 프로토타입 문서를 **HTML Prototype** 으로 빌드합니다. ``Refresh Thumbnail`` 버튼을 누르면 워크플로우와 페이지 리스트에 있는 페이지 섬네일들을 최신상태로 업데이트 시킵니다.
 
 
-----------
 
 .. _Revision_History:
 
 히스토리 Revision History
 -------------------------------
 
-
 프로젝트의 **히스토리 Revision History** 를 보여줍니다. 히스토리를 변경하거나 추가할 수 있습니다.
 
+  * ``Add New Date Button`` : 히스토리 테이블에 새 히스토리를 추가합니다.
+  * ``Remove Date Button`` : 히스토리 테이블에서 선택된 히스토리를 지웁니다.
 
-* ``Add New Date Button`` : 히스토리 테이블에 새 히스토리를 추가합니다.
-* ``Remove Date Button`` : 히스토리 테이블에서 선택된 히스토리를 지웁니다.
-
-----------
 
 .. _Project_Workflow:
 
@@ -36,25 +32,21 @@
 프로젝트의 **워크플로우 Workflow** 를 보여줍니다. 섬네일을 드래그 앤 드롭 하여 노드를 추가할 수 있습니다. Delete키를 눌러 선택된 노드를 지울 수 있습니다.
 
 
-* ``Default thumbnails`` : 프로젝트에 포함된 페이지들의 섬네일 목록.
-* ``Custom thumbnails`` : **Page Capture** 버튼으로 캡쳐된 페이지들의 섬네일 목록.
+  * ``Default thumbnails`` : 프로젝트에 포함된 페이지들의 섬네일 목록.
+  * ``Custom thumbnails`` : **Page Capture** 버튼으로 캡쳐된 페이지들의 섬네일 목록.
 
 .. note:: 커스텀 섬네일은 **Editor Mode** 에서 툴바의 **Page Capture** 를 눌러 추가할 수 있습니다.
 
 
 .. thumbnail:: resource_new/advanced_proto_workflow.png
 
-* ``Rectangle Button`` : 선택된 노드 아래에 사각형 다이어그램을 추가합니다.
-* ``Rhombus Button`` : 선택된 노드 아래에 다이아몬드 다이어그램을 추가합니다.
-
-
-* ``Inward Label`` : 선택된 노드 위에 표시되는 텍스트를 입력합니다.
-* ``Outward Label`` : 선택된 노드 아래에 표시되는 텍스트를 입력합니다.
-
+  * ``Rectangle Button`` : 선택된 노드 아래에 사각형 다이어그램을 추가합니다.
+  * ``Rhombus Button`` : 선택된 노드 아래에 다이아몬드 다이어그램을 추가합니다.
 
 
+  * ``Inward Label`` : 선택된 노드 위에 표시되는 텍스트를 입력합니다.
+  * ``Outward Label`` : 선택된 노드 아래에 표시되는 텍스트를 입력합니다.
 
-----------
 
 .. _Node_Definition:
 
@@ -65,8 +57,8 @@
 
 각 페이지의 **개별 화면 정의 Node Definition** 화면을 보여줍니다. 화면 정의 Screen description과 기타사항 Exception area에 내용을 추가하고 편집할 수 있습니다. **워크플로우** 화면에서 섬네일을 더블클릭 해도 **개별 화면 정의 Node Definition** 로 넘어갑니다.
 
-* ``메모 이미지 추가 영역`` : 리소스 패널에서 메모 넘버링을 대체할 이미지를 선택합니다.
-* ``Add Memo Button`` : 메모 테이블에 새 메모를 추가합니다.
-* ``Delete Button`` : 메모 테이블에서 선택된 메모를 지웁니다.
+  * ``메모 이미지 추가 영역`` : 리소스 패널에서 메모 넘버링을 대체할 이미지를 선택합니다.
+  * ``Add Memo Button`` : 메모 테이블에 새 메모를 추가합니다.
+  * ``Delete Button`` : 메모 테이블에서 선택된 메모를 지웁니다.
 
 스크린샷 영역을 클릭하면 클릭한 지점에 메모를 표시할 수 있습니다.