▶ 뭉충닷컴
 
mungchung.com login
Site Search
My Space
주절주절...
공부방
쥔장소개
Board
자유게시판
유용한 정보
자료실
Programming
강좌 & Articles
Spring 3.0
프로그래밍 Tip
   -ASP
   -PHP
   -JavaScript
   -HTML
   -Java/JSP
   -Database
   -Crystal Report
   -Visual Basic
   -이클립스
   -리눅스
   -기타
Windows API (VB)
Spread Sheet 7.0
컴퓨터활용 Tip
Other things
StarCraft 전략
StarCraft 문서
김용(金庸)
Son Q & Dieda

Hotmail의 DHTML EDITOR 편집기를 이용해보자.

조회 수 30253 추천 수 0 2006.02.04 10:15:52

DHTML EDITOR하나 훔쳐왔다. 대개 웹상에서 편집을 하려면 나모, 넝쿨, 태그프리 Active X 편집기등등을 이용한다. 이런 편집기들이야 전문 HTML 편집기라서 여러가지 다양한 기능을 제공하지만 대개 사용자는 단순한 기능만 이용한다.(내가 그러니 다른 사람들도 그럴것이라 생각됨 -_-;;) 비싸게 돈 주고 산것을 단순히 글자에 색 입히기로만 사용된다 -_- 이 편집기가 비싸기도 하거니와 개발할때도 이리저리 괴롭다. 설치할때, 개발할때 이리저리 괴롭고 힘들게 달아두었다고 해도 사용하다보면 이런 저런 편집기의 오류가 간간히 나타난다.

해서 DHTML EDITOR 뭔가 좋은것 없나..예전에 몇번씩 살펴보다가 썩 맘에 드는것이 없어서 그냥 넘어가곤 했는데 이번에 필요할 일이 생겨서 제대로 한번 구해봤다. 물론 구해본건 아니고 몇백만?몇천만 유저들이 이용하는 HOTMAIL에서 편지쓸때 이용되는 DHTML EDITOR 부분만 쏙~ 훔쳐왔다.

어차피 DHTML EDITOR이 client단 script이기 때문에 누구나 좀만 알면 훔쳐올수 있는데..요것 걸릴려나 -_-;; 아무튼 소스가져와서 사용하기 편리하게 이것 저것 고쳐놓아서 올린다. 소스는 다른것 볼필요 없고 write_form.html, write_proc.asp 이 2개만 보면 된다. 다른 파일들은 좀 더 미세한 수정을 하고자할때 각자 수정하면 된다.

사용법은 간단하다. write_form.html파일을 보자

<html>
<head>
    <title>DHTML Editor</title>
    <script language=javascript src=hotmail_dhtmleditor.js></script>
    <style>
        td{font-size:9pt}
    </style>
</head>
<script language=javascript>
    function goSubmit(f) {
        // 편집기의 데이타를 form의 content 값에 넣는다.
        f.content.value = getDhtmlData();
        return true;   
    }
</script>
<body>
<form name=frm method=post action=write_proc.asp onSubmit="return goSubmit(this)">
<table width=650 border=1>
    <tr>
        <td width=100 align=center>제목</td>
        <td width=550><input type=text name=subject size=50></td>
    <tr>
        <td align=center>내용</td>
        <td>
            <textarea style=display:none name=content></textarea>
            <script language=javascript>initDhtmlEditor('frm','content');</script>
        </td>
    </tr>
    <tr>
        <td colspan=2><input type=submit></td>
    </tr>
</table>
</form>
</body>
</html>

실질적으로 필요한 부분만 빨간색으로 강조해두었다. 기존 게시판에 혹 편집기 달아둘일 생기면 빨간색 부분만 수정하거나 주의해서 보면 쉽게 달 수 있을것이다.

일단 DHTML EDITOR을 이용하기 위해서 스크립트를 인클루드 한다.

<script language=javascript src=hotmail_dhtmleditor.js></script>

그런후 기존 사용하던 글 입력창..아마 99%는 textarea 태그일것이다. 요것 style태그를 이용해서 숨김으로 해둔다. (style=display:none 요렇게) 그런후 아랫부분에 DHTML EDITOR을 초기화시키는 initDhtmlEditor 함수를 실행시키는데 2개의 인자를 던져준다. 하나는 form의 이름이고 다른 하나는 textarea 의 이름이다. 여기 예제소스는 폼이름이 frm , textarea이름이 content라 정의했다.

<textarea style=display:none name=content></textarea>
<script language=javascript>initDhtmlEditor('frm','content');</script>

이정도 작업만 해주고 실행시키면 편집기가 웹상에서 떡하니 떠있는 모습을 볼 수 있을것이다. 안뜬다면 아마..경로상의 문제가 있을테니 이것저것 잘 살펴봐라 -_-.. 편집기 달아두었으면 이 편집기의 데이타를 다시 textarea에 넣는 일을 해야한다. 아래처럼 getDhtmlData() 함수를 이용하면 편집기의 데이타를 얻어올수 있는데 이 값을 content값에 넣었다.

f.content.value = getDhtmlData();

이렇게만 해주고 submit 하면 끝이다. 이제 이 값을 DB에 넣어보자. 편집기를 이용하느라 이리저리 태그가 많이 사용되서 DB에 그냥 입력하면 오류가날수 있으므로 조금 데이터를 가공해서 넣어야 한다. 이 데이터 가공함수는 write_proc.asp 페이지 열어보면 2개의 함수가있다. 하나는 DB에 입력할때 쓰이는 함수 다른 하나는 DB에서 불러올때 쓰이는 함수이다.

' DB에 입력시
Function inputDHTML(CheckValue)
    if CheckValue <> "" then
        CheckValue = replace(CheckValue, """", "chr(34)")
        CheckValue = replace(CheckValue, "'", "chr(39)")
        CheckValue = replace(CheckValue, ",", "chr(44)")
        CheckValue = replace(CheckValue, " ", "")
        inputDHTML = CheckValue
    end if
End Function
' DB에서 가져올때
Function outputDHTML(CheckValue)
    if CheckValue <> "" then
        CheckValue = replace(CheckValue, "chr(34)", """")
        CheckValue = replace(CheckValue, "chr(39)", "'")
        CheckValue = replace(CheckValue, "chr(44)", ",")
        CheckValue = replace(CheckValue, "", " ")
        outputDHTML = CheckValue
    end if
End Function

submit된 페이지에서 content 값을 inputDHTML함수 이용해서 DB에 넣고 글 보기 화면에선 outputDHTML 함수로 뿌려주면 된다.

마지막으로 글 수정화면에서 편집기에 글 작성시 적었던 내용이 미리 들어가있어야 하는데 요건 아주 간단하다. 아래 소스보면 이해될꺼다 -_-

<textarea style=display:none name=content>
요기에 내용이 들어가면 자동으로 편집기에 요 내용이 들어가지롱~
</textarea>
<script language=javascript>initDhtmlEditor('frm','content');</script>

편집기 사용법 끝났다. 힘들다 -_-;; 역시나 귀찮아서 날림 작성이니 모르는것은 질문으로!


댓글 '34'

조우형

2006.02.27 14:37:32
*.229.169.225

질문이 있어서요.
asp 언어만 다룰줄 아는 상황에서 프로그램을 곰곰히 뜯어보고 있습니다.
2일차. 직감하셨듯이 전혀.. 난감. 아무것도 모르겠어요. ㅜㅜ
그래도 질문이 있는것은 제 dhtmlbody.html 만 열어보면 이미지 와 이모티콘 항목이 보이는데 write_form.html 에서는 두개의 버튼이 보이질 않아요.
이것만이라도 알아보려고 하는데 영 모르겠네요. 답변 부탁드릴께요.
자료 감사합니다.

뭉충닷컴

2006.02.27 14:53:57
*.154.195.36

아..이미지추가 버튼과 이모티콘추가 버튼은 일부로 비활성화 해놓은 것입니다. 무슨 별다른 이유가 있는것은 아니고..제가 사용하다보니 그 기능은 필요 없을듯 같아서 그렇게 해놓은것입니다.
근데 그 숨은기능을 찾아내시다니..상당히 꼼꼼하시네요..
그 이미지/이모티콘 보이고 안보이고 여부는 hotmail_dhtmleditor.js 파일을 연후 64번째줄의 RTELoaded 함수 부분을 수정하시면 됩니다.

w.setToolbar("tbimage",false) // 이미지추가버튼
w.setToolbar("tbemoticon",false) // 이모티콘추가버튼

이 2 곳을 아래처럼..true로 바꿔주면 됩니다.
w.setToolbar("tbimage",true)
w.setToolbar("tbemoticon",true)

조우형

2006.02.27 14:55:22
*.229.169.225

헉~~ 10분 마다 페이지 새로고침 몇번 했는데.. 두세번 하니 답변이. 감사합니다.

홍순철

2006.03.05 18:26:52
*.232.189.4

_EDITOR_IFRAME_ID.style. Null이거나 개채가 아닙니다
오류 납니다.
먼저 페이지에 두개의 Editor 를 쓰려고 합니다.
content1, content2 이렇게 두개요..
아.. 그리고..

function initDhtmlEditor(frm, id) {
var f = "";
f = f + "<div id='_dhtml_div_" + id + "' style='position:relative; left:0px; top:0px; height:370px; width:550px;border:solid 1px #9C9C9C;'> ";
f = f + "<IFRAME SRC='/admin/dhtmleditor/dhtmlbody.html' id='_editor_" + id + "' style='visibility: hidden; position: absolute; left: 0px; top: 0px; height=100%; width=100%'></IFRAME> ";
f = f + "<input type=hidden name=RTEbgcolor value=>";
f = f + "</div>";

document.write(f);
_EDITOR_ID = id;
_EDITOR_FORM = eval("document." + frm);
_EDITOR_BODY = eval("document." + frm + "." + id);
_EDITOR_IFRAME_ID = eval("document.all._editor_" + id); <=-===-=-=-=- 요부분..
_EDITOR_IFRAME_ID_WIN = eval("window._editor_" + id);

}

요부분이라고 한곳 frm 을 잡아주었으면
_EDITOR_IFRAME_ID = eval("document."+frm+"._editor_" + id);
이렇게 해야 하는거 아닌가요?

홍순철

2006.03.05 18:30:05
*.232.189.4

에러 메시지와 화면상 에디터의 모습입니다.
http://www.dptown.co.kr/error.gif

뭉충닷컴

2006.03.05 22:19:02
*.140.64.24

아...이런;;
죄송한데..한 페이지에 하나의 에디터만 가능합니다.

원랜..함수로 만들어서 한페이지에 다중으로 이용할수 있도록 해두려 했으나
중간에 뭐에 막혀서...하다 말았습니다. (몇주전 일이다보니 그 당시 다중 하려다 실패한 이유가 뭔지 기억이 안나네요 -_-..)

홍순철

2006.03.08 01:24:38
*.232.189.4

제가 어떻게든 풀어볼려고 했는데.. ㅠㅠ 않되네요.. ㅎㅎ
한페이지 하나만 가능하다고 하니까 팝업을 띠어서 값을 부모창에다가 띠어주고 싶은데
어떤식으로 구현해야 합니까?;;
방법만 가르쳐주시면 제가 함 해볼께요..
초짜라;;;

뭉충닷컴

2006.03.09 12:43:18
*.154.195.27

target=_blank>http://www.mungchung.com/mianamssi/zboard/zboard.php?id=freeboard&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&select_arrange=headnum&desc=asc&no=368


여기 자유게시판에 2개 이용할때 하는 자료 올려두어습니다..
음..다운받으셨으면 곧 삭제할테니..다운받으셨는지 말씀해주세요.

홍순철

2006.03.10 17:34:46
*.232.189.4

감사합니다.
지금 받았구요.. 확인해보고 글남길께요..
감사합니다.

홍순철

2006.03.10 17:49:22
*.232.189.4

헌데.. 그..asp 페이지에서 나오질 않는데..
제가 잘못한건지.. 한번확인부탁드립니다.

뭉충닷컴

2006.03.10 19:44:11
*.140.64.24

다운받은 파일 압축푼후에...multi_write.html 파일을 실행시켜 보세요..그럼 버튼이 2개 있을겁니다.
첫번째버튼 누르면 팝업창 뜨면서 편집할수 있는 창이 뜨고..편집후 post 버튼 누르면 편집한 내용이 multi_write.html의 첫번째 textarea 부분으로 값이 들어갑니다.

multi_write.html의 두번째 버튼은..첫번째 버튼과 마찬가지로 팝업창 뜬후 편집기로 글 작성한후에..post 버튼 누르면 multi_write.html의 두번재 textarea로 값이 들어가는것을 보여줍니다.

이런식으로 multi_write.html에 들어간 2개의 textarea값을 이용하면 됩니다.

이호영

2006.03.16 17:47:19
*.197.13.19

좋은 자료 감사합니다..
그런데 올리는 건 잘되는데 수정할때

<DIV background-color:??>
<DIV class=RTE></DIV>

이 부분이 계속 들러 붙어서 한번 수정할때마다 몇줄씩 아래로 내려가는데요
이거는 어디서 수정해야돼는지 도통 찾기가 힘드네요 ^^;
저렇게 몇번수정하다보면 아예 보기 화면에 아무것도 나오지 않기도 하구요
바쁘신 와중에 죄송하지만 확인좀 부탁드립니다..

뭉충닷컴

2006.03.16 17:51:07
*.154.195.96

넵...맞습니다. 그게 계속 붙더라고요.. -_-;
제가 알고있는 문제점으론 현재 2개 있는데 한가지는 님이 지적하신..계속된 div 태그 붙는것이고요
다른 한가지는 편집기에 많은양의 데이타를 넣으면 속도가 느려진다는 겁니다.
일단 시간이 없어서 손을 못보고 있는데...조만간 수정할 계획입니다.

물론 기존에 편집기 달아두셨다면 소스는 편집할 필요 없이 파일하나정도만 바꿔치기하면 가능하도록 할예정입니다. 저도 요걸 사용하는 중이라..어쩔수 없이 수정해야해요 -_ㅜ

이호영

2006.03.16 18:00:26
*.197.13.19

헛 정말 스피드 하시군요
글올린지 4분만에 답글이 ㅡㅡ; 자동 알림이라도 만들어 노셧나봐요? ㅎ
답변 감사합니다
저도 나름대루 수정해 보겠습니다

뭉충닷컴

2006.03.16 22:06:50
*.140.64.24

아..답글이나..게시판에 글 남기면 저한테 msn메일오도록 해두었습니다

이호영

2006.03.17 11:27:12
*.197.13.19

질문이 있는데~
이 소스 제가 수정해서 저희 회사에 좀 써두 될른지요
안됀다구 하시만 안쓸께요 ~ =_=
참고만해도 여러모로 마니 도움 되었습니다.

뭉충닷컴

2006.03.17 11:28:11
*.154.195.96

헉..사용하셔도 상관없습니다..
어차피 저도 핫메일에서 훔쳐온거라서.. -_-;;;

이호영

2006.03.17 12:34:37
*.197.13.19

오옷~ 감사 합니다~
수정할때 줄계속 늘어나는거는 그냥 태그 삽입부분을 없애니 돼더군요
배경화면은 굳이 바꿀필요가 없는거 같아서 그거도 그냥 휘리릭 빼니 ㅎㅎ
암튼 수고하세요~

Twoblade

2006.03.21 17:00:13
*.210.207.41

역시.. 다른데서 html화면을 복사해서 에디터에 붙여넣기할때..
백그라운드.. 안나오는군요...ㅠ0ㅠ

바람

2006.03.22 16:17:38
*.217.222.4

근데 저작권에 안걸리나요? 위험할거 같은데

김종준

2006.03.24 12:30:25
*.45.97.2

이거 제로보드 적용하려면 좀 빡시겟죵?

이인선

2006.03.24 16:04:56
*.10.120.221

원래 게시판 내용체크하는게 작동을 안하는데요..

if (document.board.board_body.value.length < 2) {
alert("내용을 입력하세요");
m.board_body.focus();
return false;
}

이 내용을 체크를 못하고 내용이 없어도 그냥 등록되네요...ㅜㅜ

뭉충닷컴

2006.03.24 22:08:51
*.140.64.24

체크하기 전에 document.board.board_body.value = getDhtmlData();
요렇게 해주셔야 편집기의 내용이 board_body로 들어갑니다.
그리고...글 내용이 없더라도 편집기 내부적으로
태그를 자동으로 붙이기 때문에 글자가 있는것으로 체크될겁니다.

소스분석 짱나~

2006.03.31 14:45:36
*.5.50.221

게시판 내용체크 부분은....

js 파일에서 필요없는 부분(<div>)을 지우고나면..
아무것도 없는 상태가 됩니다...
그런데 엔터나 스페이스바만 들어가도 처리페이지로 넘어갑니다..

처리페이지에서 넘어온 값을 확인해 보면...
<P> 와 </P> 와   가 넘어온것을 확인할 수 있습니다..

이부분은 replace()를 사용해서 없애면 됩니다.
그런다음 나머지 체크부분을 만드시면 되겠네요~

뭉충닷컴

2006.04.01 15:39:12
*.140.123.8

아..역시 여러 개발자들이 테스트 해주시니 저 혼자 이리저리 테스트 해본다고 개고생 하는것보다 휠 낫네요
테스트 해봐주신 분들 고맙습니다 ~

DHTML질문

2006.05.26 17:11:54
*.247.145.53

덕분에 아주유용한 게시판을 만들고 있는데여...
위에서 말한 문제점이 있어서요
자꾸 <DIV></DIV>가 계속 붙어서 나오네여...
이부분을 어디소스를 수정해야 되는건지요?
아니면 이 소스말고 지금 수정된 소스도 있으신지요?

webyong

2006.07.04 15:12:34
*.57.36.34

이미지랑 이모티콘 삽입하는 버튼을 이렇게 하면 된다구 위에서 답하셨는데
이렇게 해두 안됩니다.. ㅡㅡ; 왜 안될까요..??

w.setToolbar("tbmode",true)
w.setToolbar("tbimage",true)
w.setToolbar("tbtable",true)
w.setToolbar("tbemoticon",true)

뭉충닷컴

2006.07.04 22:31:28
*.140.123.8

w.setToolbar("tbimage",true) 이거는 해보니..안되더라고요 -_-
저도 훔쳐온 소스라서...구석구석 살펴보지 않아 이미지 추가 버튼이 안되는것도 다른 사람이 가르쳐줘서 알았습니다.
음.그리고 w.setToolbar("tbemoticon",true) 이것 이모티콘은 되는데요...

webyong

2006.07.06 20:22:14
*.57.36.34

네 이모티콘은 되구 이미지는 안되네염..*^^*
이거 확인하다 보니..
또하나
Enter key 를 누를때 태그가 <p> </p> 가 삽입됩니다.
제 생각으로는 <br>가 삽입 되어야 할것 같은데..
맞는지 알려주세요..
그리구 빠른 답변 감쏴드립니다. ~~

뭉충닷컴

2006.07.06 21:35:32
*.140.123.8

엔터치면 P 태그나오는것이 거의 표준입니다. br 태그를 주고 싶다면 shift + 엔터를 치면 됩니다.
헌데 사용자들이 이 shift + 엔터를 잘 모르다보니 그냥 엔터만 치는데..그래서 요새 보면
스타일 시트로 p태그를 엔터와 같은 한칸 띄워지게 보도록 처리합니다.

webyong

2006.07.06 22:15:13
*.57.36.34

주신 답으루 좀 해봤는데.. 잘 안되네여..
그냥 <p></p>를 <br> 로 할수는 없나여..??
아니면 스타일시트 설정하는 방법좀 알려주심 안될까여..
바쁘신데 태클 걸어서 죄송합니다. 좋은 하루 되세요..*^^*

뭉충닷컴

2006.07.07 10:25:55
*.154.195.121

어라.. 지금 첨부파일 다운받아서 확인해보니깐 엔터칠때마다 div 태그로 나오는데요..

송용호

2007.01.22 18:38:19
*.131.85.31

안녕하세요 덕분에 에디터소스 잘 사용하고 있습니다.
감사합니다.
다름이 아니라 에디터를 사용하다 보니 이미지추가 하는 기능이 있다면 정말 좋겠다는 생각이 들어서 소스분석을 해봤지만
답이 안나오네요...(내공의한계) ㅋㅋ
허접하지만 소스파악한 결과로
이미지넣기 클릭하면
function _CImagePopupRenderer_PrepareHTML()
{
return "<IFRAME ID=idPhotos WIDTH=98% HEIGHT=90% STYLE=\"visibility: hidden;border: none\" SRC=\"photos/photos.htm" + ((g_state.szSearch!="") ? ("?" + g_state.szSearch) : "") + "\"></IFRAME>"
}

아이프래임에서 src="photos/photos.htm" 이 파일이 없는데
혹시 이 파일은 없으신가요?
답변 부탁드립니다. 수고하시고요
즐건 저녁 보내세요.




뭉충닷컴

2007.01.23 07:10:38
*.47.198.57

죄송하지만 그 파일은 없습니다 ^^;;
있다고해도 생각보다 사용하기 쉽지 않을겁니다.
이미지 추가를 이용하려면 업로드 컴퍼넌트까지 같이 이용해야하는데 그때부터 이것저것 손봐줘야할게 만만치 않습니다. 그래서 제가 이 에디터 떼어올때 이미지 추가에 대한 기능은 아예 고려를 안해서 그 부분은 완전 누락되었습니다 -_-;;

지금 잠깐 들어가서 photos.htm 파일을 받아보려고 했는데 소스보기 괴롭네요 -_-;;;
살려주세요
문서 첨부 제한 : 0Byte/ 2.00MB
파일 크기 제한 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
27 keyfile을 이용한 ssh 접속 방법 뭉충닷컴 2010-10-28 13719
26 멀티 브라우저 지원하는 frame, iframe 접근 코딩 방법 [3] 뭉충닷컴 2010-07-21 26490
25 crontab을 이용한 Tomcat 서버 자동 재시작 shell 뭉충닷컴 2009-08-28 25132
24 자바스크립트로 각 form의 element(요소)에 접근 방법 file [2] 뭉충닷컴 2008-09-11 57637
23 ERwin 에서 Logical의 컬럼명을 코멘트(Comment)로 변경하기 file [2] 뭉충닷컴 2008-01-16 31863
22 Tabular Data Control 마지막 강좌! 뭉충닷컴 2007-06-14 15707
21 ASP로 웹 어플리케이션 주소 사용하기 file 뭉충닷컴 2006-12-10 17938
20 VB로 WebBrowser 컨트롤의 HTML 제어 file 뭉충닷컴 2006-12-01 21424
19 ASP 페이징 쉽게 처리하기 file [4] 뭉충닷컴 2006-08-29 24367
18 두개의 비슷한 DB를 비교해서 변경된 부분 찾아내기 file 뭉충닷컴 2006-05-03 15008
17 ASP에서 Class 를 이용해보자 file 뭉충닷컴 2006-02-26 24876
» Hotmail의 DHTML EDITOR 편집기를 이용해보자. file [34] 뭉충닷컴 2006-02-04 30253
15 Tabular Data Control 응용 - 제목 Sort (정렬) 쉽게 하기 [3] 뭉충닷컴 2006-01-27 14144
14 스크립트(Script) 코드를 암호화 시켜보자(Encode/Decode) [2] 뭉충닷컴 2005-06-10 19116
13 dll을 이용한 로그인 file [1] 뭉충닷컴 2005-11-25 22036
12 Tabular Data Control 응용 - 페이징 처리하는 3가지 방법 file [1] 뭉충닷컴 2005-11-23 16283
11 Query를 잼있고, 유용하게 사용해보자 file [3] 뭉충닷컴 2005-10-01 14729
10 Tabular Data Control 응용 - 테이블의 행 배경색이 격으로 변하게하기 뭉충닷컴 2005-09-25 15803
9 폼(Form) 검증해주는 스크립트(Script) file [15] 뭉충닷컴 2005-06-07 19333
8 asp 로 서버에 zip 압축/압축해제(풀기) 예제 file [8] 뭉충닷컴 2005-08-12 19805
7 MS-SQL의 osql.exe 이용 하기 (도스상에서 sql 구문 이용) 뭉충닷컴 2005-09-25 19322
6 SQL Script 로 ERD와 테이블 생성 손쉽게하기 뭉충닷컴 2005-09-25 21790
5 Tabular Data Control 기초 다지기 4 - 마지막! file 뭉충닷컴 2005-09-25 14712
4 Tabular Data Control 기초 다지기 3 file 뭉충닷컴 2005-09-25 14480
3 Tabular Data Control 기초 다지기 2 file 뭉충닷컴 2005-09-25 14187
2 Tabular Data Control 기초 다지기 1 file [1] 뭉충닷컴 2005-09-25 15260
1 OWC를 이용한 웹에서 엑셀 그래프 그리기 file [4] 뭉충닷컴 2007-12-19 19087