update imgs

007_02_widget_complex.rst

@@ -119,7 +119,7 @@ Video Clip
 
 .. image:: resource_new/video_clip.png
 
-Video Clip widget supports MP4. You can input videos from Resource panel.
+비디오 클립 위젯입니다. 리소스 패널에서 비디오를 입력할 수 있습니다.
 
 
 
@@ -140,7 +140,7 @@ Video Clip widget supports MP4. You can input videos from Resource panel.
 테이블 Table
 ------------
 
-.. image:: resource/iu_manual_prop_complex_IUTable.png
+.. image:: resource_new/table.png
 
 테이블 위젯입니다.
 캔버스에 간단한 표를 그릴 수 있습니다.
@@ -164,7 +164,7 @@ Video Clip widget supports MP4. You can input videos from Resource panel.
 심플 탭  Simple Tab View
 ------------------------
 
-.. image:: resource/iu_manual_prop_complex_IUSimpleTabView.png
+.. image:: resource_new/simple_tab_view.png
 
 탭 뷰 위젯입니다. 탭 뷰 위젯보다 구조가 단순합니다.
 탭 선택 시 각각의 탭에 연결된 탭 컨텐츠를 보여줍니다.
@@ -186,9 +186,9 @@ Video Clip widget supports MP4. You can input videos from Resource panel.
 .. image:: resource/widget/IUTabView.png
 
 탭 뷰 Tab View
-----------
+--------------
 
-.. image:: resource/iu_manual_prop_complex_IUTabView.png
+.. image:: resource_new/tab_view.png
 
 탭 뷰 위젯입니다.
 탭 선택 시 각각의 탭에 연결된 탭 컨텐츠를 보여줍니다.
@@ -210,9 +210,9 @@ Video Clip widget supports MP4. You can input videos from Resource panel.
 .. image:: resource/widget/IUCollapsible.png
 
 컬랩시블 Collapsible
-----------
+--------------------
 
-.. image:: resource/iu_manual_prop_complex_IUCollapsible.png
+.. image:: resource_new/collapsible.png
 
 컬랩시블 위젯입니다.
 컬랩시블 아이템을 선택 시 컨텐츠 영역을 보여줍니다. 트랜지션 효과와 타이밍 등을 설정할 수 있습니다.
@@ -235,9 +235,9 @@ Video Clip widget supports MP4. You can input videos from Resource panel.
 .. image:: resource/widget/IUImport.png
 
 임포트 Import
-----------
+------------
 
-.. image:: resource/iu_manual_prop_complex_IUImport.png
+.. image:: resource_new/import.png
 
 
 컴포지션을 불러오는 임포트 위젯입니다.
@@ -263,9 +263,9 @@ Video Clip widget supports MP4. You can input videos from Resource panel.
 .. image:: resource/widget/IUTweetButton.png
 
 트위터 공유 버튼 Tweet Share Button
-----------
+--------------------------------
 
-.. image:: resource/iu_manual_prop_complex_IUTweetButton.png
+.. image:: resource_new/twt_share.png
 
 현재 페이지를 트위터로 공유할 수 있는 트위터 위젯입니다.
 Property에서 형태를 설정할수 있으나 크기는 조정되지 않습니다.
@@ -288,9 +288,9 @@ Property에서 형태를 설정할수 있으나 크기는 조정되지 않습니
 .. image:: resource/widget/IUFBLike.png
 
 페이스북 좋아요 버튼 Facebook Like Button
-----------
+--------------------------------------
 
-.. image:: resource/iu_manual_prop_complex_IUFBLike.png
+.. image:: resource_new/fb_like.png
 
 현재 페이지를 페이스북으로 공유할 수 있는 페이스북 위젯입니다.
 Property에서 공유할 URL 의 주소와 컬러 테마를 설정할수 있으나 크기는 조정되지 않습니다.
@@ -314,9 +314,9 @@ Property에서 공유할 URL 의 주소와 컬러 테마를 설정할수 있으
 .. image:: resource/widget/IUCenterBox.png
 
 센터박스 Centered Box
-----------
+--------------------
 
-.. image:: resource/iu_manual_prop_complex_IUCenterBox.png
+.. image:: resource_new/center_box.png
 
 
 페이지의 요소를 가운데로 정렬시켜주는 센터박스 위젯입니다.
@@ -342,9 +342,9 @@ Property에서 공유할 URL 의 주소와 컬러 테마를 설정할수 있으
 .. image:: resource/widget/IUProgressBar.png
 
 프로그레스 바 Progress Bar
-----------
+-------------------------
 
-.. image:: resource/iu_manual_prop_complex_IUProgressBar.png
+.. image:: resource_new/progress_bar.png
 
 
 최대치 대비 현재 비율을 나타태주는 프로그레스 바를 그릴 수 있는 위젯입니다.
@@ -368,9 +368,9 @@ Property에서 공유할 URL 의 주소와 컬러 테마를 설정할수 있으
 .. image:: resource/widget/IUSVG.png
 
 SVG (Scalable Vector Graphics)
-----------
+------------------------------
 
-.. image:: resource/iu_manual_prop_complex_IUSVG.png
+.. image:: resource_new/svg.png
 
 
 SVG를 사용할 수 있는 위젯입니다.

007_03_widget_programming.rst

@@ -11,11 +11,11 @@
 폼 Form
 ----------
 
-.. image:: resource/iu_manual_prop_pg_PGForm.png
+.. thumbnail:: resource_new/form.png
 
 폼 위젯입니다.
 Input 요소를 감싸주는 <form> 태그 위젯입니다. 따라서, Input 요소를 추가하기 전에 필수로 생성해야 합니다.
-폼 위젯을 먼저 만들고 그 안에 Input 위젯을 넣어주세요. 
+폼 위젯을 먼저 만들고 그 안에 Input 위젯을 넣어주세요.
 
 
 **속성**
@@ -33,9 +33,9 @@ Input 요소를 감싸주는 <form> 태그 위젯입니다. 따라서, Input 요
 .. image:: resource/widget/PGTextField.png
 
 인풋 텍스트 Input Text
-----------
+--------------------
 
-.. image:: resource/iu_manual_prop_pg_PGTextField.png
+.. thumbnail:: resource_new/input_text.png
 
 인풋 텍스트 위젯입니다.
 Form 위젯에 추가하여 사용자로부터 텍스트를 입력받을수 있습니다.
@@ -56,9 +56,9 @@ Form 위젯에 추가하여 사용자로부터 텍스트를 입력받을수 있
 .. image:: resource/widget/PGTextView.png
 
 인풋 패러그래프 텍스트 Input Paragraph Text
-----------
+---------------------------------------
 
-.. image:: resource/iu_manual_prop_pg_PGTextView.png
+.. thumbnail:: resource_new/input_paragraph.png
 
 인풋 텍스트(문장) 위젯입니다.
 Form 위젯에 추가하여 사용자로부터 텍스트를 입력받을수 있습니다. (긴 문장에 사용)
@@ -83,7 +83,7 @@ Form 위젯에 추가하여 사용자로부터 텍스트를 입력받을수 있
 셀렉트 Select
 ----------
 
-.. image:: resource/iu_manual_prop_pg_PGSelect.png
+.. thumbnail:: resource_new/select.png
 
 셀렉트 위젯입니다.
 Form 위젯에 추가하여 사용자로부터 특정 값을 입력받을수 있습니다. (여러 개의 옵션 중 선택된 1개의 값을 받아올 경우 사용)
@@ -105,14 +105,14 @@ Form 위젯에 추가하여 사용자로부터 특정 값을 입력받을수 있
 
 .. image:: resource/widget/PGHTML.png
 
-HTML (Hyper Text Markup Language) 
-----------
+HTML (Hyper Text Markup Language)
+-----------------------------------
 
-.. image:: resource/iu_manual_prop_pg_PGHTML.png
+.. thumbnail:: resource_new/html.png
 
 HTML 위젯입니다.
 IUEditor에 원하는 위젯이 없을 경우 직접 HTML 코드를 작성해서 넣을 수 있습니다.
-하지만 원하는 위젯이 있다면 iu@jdalb.org로 의견을 보내주세요! 
+하지만 원하는 위젯이 있다면 iu@jdalb.org로 의견을 보내주세요!
 
 
 
@@ -132,12 +132,12 @@ IUEditor에 원하는 위젯이 없을 경우 직접 HTML 코드를 작성해서
 .. image:: resource/widget/PGCollection.png
 
 콜렉션 Collection
-----------
+-----------------
 
-.. image:: resource/iu_manual_prop_pg_PGCollection.png
+.. thumbnail:: resource_new/collection.png
 
 컴포지션을 불러오는 콜렉션 위젯입니다.
-하나의 컴포지션을 반복해서 사용하려고 할때 유용합니다. 한 줄에 몇 개의 컴포지션이 보이게 할지 정할 수 있습니다. 
+하나의 컴포지션을 반복해서 사용하려고 할때 유용합니다. 한 줄에 몇 개의 컴포지션이 보이게 할지 정할 수 있습니다.
 
 
 
@@ -155,10 +155,10 @@ IUEditor에 원하는 위젯이 없을 경우 직접 HTML 코드를 작성해서
 
 .. image:: resource/widget/PGPageLinkSet.png
 
-페이지 링크 셋 Page Link Set
-----------
+페이지 넘버 셋 Page Number Set
+---------------------------
 
-.. image:: resource/iu_manual_prop_pg_PGPageLinkSet.png
+.. thumbnail:: resource_new/page_numb.png
 
 페이지 링크 셋 위젯입니다.
 콜렉션 뷰로 불러온 다수의 요소를 페이지 단위로 제어하고 싶을 때 사용합니다. 주로 게시판이나 페이지 세트의 링크를 만들 때 사용합니다. 한 번의 몇개의 숫자를 나타낼 것인지 정할 수 있습니다.
@@ -181,9 +181,9 @@ IUEditor에 원하는 위젯이 없을 경우 직접 HTML 코드를 작성해서
 .. image:: resource/widget/PGCheckBox.png
 
 체크박스 Checkbox
-----------
+-----------------
 
-.. image:: resource/iu_manual_prop_pg_PGCheckBox.png
+.. thumbnail:: resource_new/check_box.png
 
 
 체크박스 위젯입니다.
@@ -208,9 +208,9 @@ IUEditor에 원하는 위젯이 없을 경우 직접 HTML 코드를 작성해서
 .. image:: resource/widget/PGRadioButton.png
 
 라디오 버튼 Radio Button
-----------
+-----------------------
 
-.. image:: resource/iu_manual_prop_pg_PGRadioButton.png
+.. thumbnail:: resource_new/radio_btn.png
 
 라디오 버튼 위젯입니다.
 기본 형태의 라디오 버튼 위젯입니다. 사용자가 원하는 만큼 여러 개의 위젯을 자유롭게 배치할 수 있습니다.
@@ -236,7 +236,7 @@ IUEditor에 원하는 위젯이 없을 경우 직접 HTML 코드를 작성해서
 버튼 Button
 ----------
 
-.. image:: resource/iu_manual_prop_pg_PGButton.png
+.. thumbnail:: resource_new/button.png
 
 버튼 위젯입니다.
 Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용합니다. Form에서 입력받은 내용을 전송하는 기능을 담당합니다.
@@ -260,9 +260,9 @@ Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용
 .. image:: resource/widget/PGFileUpload.png
 
 파일 업로드 File Upload
-----------
+-----------------------
 
-.. image:: resource/iu_manual_prop_pg_PGFileUpload.png
+.. thumbnail:: resource_new/file_upload.png
 
 
 파일 업로드 위젯입니다.
@@ -286,13 +286,13 @@ Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용
 .. image:: resource/widget/PGSwitch.png
 
 스위치 Switch
-----------
+------------
 
-.. image:: resource/iu_manual_prop_pg_PGSwitch.png
+.. thumbnail:: resource_new/switch.png
 
 
 스위치 위젯입니다.
-스위치를 토글하여 ON-OFF 상태로 변경할 수 있습니다. 
+스위치를 토글하여 ON-OFF 상태로 변경할 수 있습니다.
 
 
 **속성**
@@ -311,14 +311,14 @@ Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용
 
 .. image:: resource/widget/PGFlipSwitch.png
 
-플립 스위치 Flip Switch 
-----------
+플립 스위치 Flip Switch
+---------------------
 
-.. image:: resource/iu_manual_prop_pg_PGFlipSwitch.png
+.. thumbnail:: resource_new/flip_switch.png
 
 
 플립 스위치 위젯입니다.
-플립 스위치를 토글하여 ON-OFF 상태로 변경할 수 있습니다. 
+플립 스위치를 토글하여 ON-OFF 상태로 변경할 수 있습니다.
 
 
 
@@ -338,10 +338,10 @@ Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용
 
 .. image:: resource/widget/PGSlide.png
 
-슬라이더 Slide
-----------
+슬라이더 Slider
+--------------
 
-.. image:: resource/iu_manual_prop_pg_PGSlide.png
+.. thumbnail:: resource_new/slider.png
 
 
 슬라이더 위젯입니다.
@@ -366,10 +366,10 @@ Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용
 
 .. image:: resource/widget/PGRangeSlide.png
 
-레인지 슬라이더 Range Slide
-----------
+레인지 슬라이더 Range Slider
+---------------------------
 
-.. image:: resource/iu_manual_prop_pg_PGRangeSlide.png
+.. thumbnail:: resource_new/range_slider.png
 
 
 레인지 슬라이더 위젯입니다.
@@ -386,5 +386,3 @@ Default / Reset / Submit 3 가지 타입 중에 1가지를 선택해서 사용
 * 백엔드 엘립시스 : 불가능
 
 ----------
-
-

009_00_preference.rst

@@ -4,14 +4,14 @@
 환경설정 Preference
 =======================
 
-IUEditor의 사용환경을 설정합니다. 
+IUEditor의 사용환경을 설정합니다.
 
 -------------
 
 일반 General
 --------------------------
 
-.. image:: resource/iu_manual_preference_general.png
+.. image:: resource_new/preference_general.png
 
 * ``탭 메뉴 Select Tab Menu`` : 탭메뉴를 상단 툴바에서 보이도록 할 지 선택합니다.
 * ``가이드 라인 색 Guide Line Color`` : 가이드라인 색상을 변경합니다. (가이드라인 보기 : View > Guide ⌘;)
@@ -23,13 +23,13 @@ IUEditor의 사용환경을 설정합니다.
 프로젝트 Project
 --------------------------
 
-.. image:: resource/iu_manual_preference_project.png
+.. image:: resource_new/preference_project.png
 
-* ``세이브 옵션 Project Save Option`` : Minimize Data 체크시 프로젝트의 json파일을 압축합니다. 
-* ``컴파일 옵션 Compile Option`` 
+* ``세이브 옵션 Project Save Option`` : Minimize Data 체크시 프로젝트의 json파일을 압축합니다.
+* ``컴파일 옵션 Compile Option``
 
-    * ``Export HTML ID Option`` : HTML ID를 모든 위젯에 기본으로 생성되도록 할 것인지, 선택된 위젯만 HTML ID를 만들 것인지 선택합니다. 
-    * ``Name on Structure`` : HTML문서에 위젯 이름을 포함할 것인지 선택합니다. 
+    * ``Export HTML ID Option`` : HTML ID를 모든 위젯에 기본으로 생성되도록 할 것인지, 선택된 위젯만 HTML ID를 만들 것인지 선택합니다.
+    * ``Name on Structure`` : HTML문서에 위젯 이름을 포함할 것인지 선택합니다.
 
 * ``Resource Copy Option`` : `커스텀 위젯 Custom Widget`_ 을 캔버스에 추가할 때 중복되는 리소스를 어떻게 처리할 지 선택합니다.
 * ``Widget Option`` : 섹션을 추가할 때 센터박스를 기본으로 포함되도록 할 것인지 선택합니다.
@@ -39,6 +39,6 @@ IUEditor의 사용환경을 설정합니다.
 폰트 Fonts
 --------------------------
 
-폰트 리스트에 새 웹폰트를 추가합니다. 
+폰트 리스트에 새 웹폰트를 추가합니다.
 
-.. image:: resource/iu_manual_preference_fonts.png
+.. image:: resource_new/preference_fonts.png