철이네집

FTP(File Transfer Protocol) 인터넷을 통하여 어떤 한 컴퓨터에서 다른 컴퓨터로 파일을 송수신할 수 있도록 지원하는 방법과 그런 프로그램을 통칭하는 말입니다. FTP를 이용하면 자신이 원하는 프로그램이나 각종 데이터를 무료나 저렴한 가격에 살 수 있습니다. 또 용량이 큰 파일도 빠르게 송수신할 수 있습니다.
WebFTP를 이용하면 별도의 복잡한 설치 과정 없이 간단하게 웹 상에서 FTP를 이용할 수 있습니다.

http://HC.pe.kr/webftp - WebFTP 실행 페이지

바로 WebFTP를 실행하시려면 클릭하세요.

데모 페이지 Demo

javascript를 이용하여 원하는 서버로 접속하는 것을 테스트해 볼 수 있는 페이지가 마련되어있습니다.
아래 링크을 눌려 직접 데모 페이지를 테스트해 보세요.
WebFTP 데모 페이지

프로그램 실행 화면

먼저 실행 화면을 보면 다음과 같습니다.

기능 설명

왼쪽에 자신의 컴퓨터에 존재하는 파일 목록이 보이고 오른쪽에 접속한 서버의 파일 목록이 보입니다.
드래그 엔 드롭(Drag & Drop)을 통해서 파일을 전송하거나 폴더간 파일 이동이 가능합니다. Shift 키를 누르고 드래그엔 드롭을 할 경우 파일이 이동됩니다.
클립보드를 통한 복사하기(Ctrl+C) 및 이동하기(Ctrl+X)가 가능합니다.
윈도우의 탐색기로 붙여넣기가 가능하며 탐색기에서 파일을 드래그 엔 드롭할 수 있습니다.

일반 홈페이지나 블로그, 카페 등에서 이용하는 방법(PHP 사용 안함)

아래와 같은 html 코드를 게시판, 블로그, 카페 등에 넣으면 됩니다.

<span id=spanobj>WebFTP를 Loading 중입니다.</span>
<script language=javascript src=http://apue.org/WebFTP.js></script>
<a HREF=javascript:Connect('서버주소')>WebFTP 실행하기</a>

혹은

<span id=spanobj>WebFTP를 Loading 중입니다.</span>
<script language=javascript src=http://apue.org/WebFTP.js></script>
<a HREF=javascript:Connect('서버주소', '아이디', '암호')>WebFTP 실행하기</a>

빨간색으로 된 부분만 고쳐주면 됩니다.
나머지 디자인은 자신의 홈페이지에 맞춰서 하시고 위의 소스 코드만 넣어주시면 WebFTP를 이용하실 수 있습니다.(다운로드 버튼 출력 및 설치, 업그레이드는 자동으로 이루어집니다.)
자, 이제 작성한 php 파일을 홈페이지에 업로드 합니다.
그런 다음 예를 들어 그 php 파일을 mywebftp.php라 하면 http://자신의홈피주소/mywebftp.php 로 들어가 보세요.

PHP가 되는 홈페이지에서 이용하는 방법

이용 방법을 알아보겠습니다. 먼저 아래의 소스 코드를 담은 php 파일을 만듭니다.

<?
setcookie('webftp_host', '서버주소', 0, '/');                    // 서버 주소
setcookie('webftp_id', '아이디', 0, '/');		// 서버에 ftp 접속 가능한 사용자 아이디
setcookie('webftp_pass', '암호', 0, '/');		// 서버에 ftp 접속 가능한 사용자 암호
?>
<span id=spanobj>WebFTP를 Loading 중입니다.</span>
<script language=javascript src=http://apue.org/WebFTP.js></script>
<a HREF=javascript:Connect(getCookie('webftp_host'),

getCookie('webftp_id'),getCookie('webftp_pass'))>WebFTP 실행하기</a>

마찬가지로 빨간색으로 된 부분만 고쳐주면 됩니다.

응용 예

개인 홈페이지에서 이용

요즘은 웹호스팅 가격도 많이 저렴해져서 대량의 파일을 올려두거나 전송할 때 FTP를 많이 이용합니다. 집에서 보고서 파일을 홈피에 올려뒀다가 학교에서 다운로드 받을 때, 혹은 회사에서 파일을 올려두고 집에서 다운로드 받을 때, 개인 홈페이지에서 파일을 올리고 내리는데 WebFTP를 이용할 수 있습니다.

집에서 놀고 있는 하드를 이용하여 웹하드를 만들어보자!

요즘 하드디스크 가격이 많이 싸졌기 때문에 개인들도 수백기가 짜리 웹하드를 만들 수 있게 되었습니다. 먼저 개인 컴퓨터에 FTP 서버를 설치합니다.(FTP 서버로는 ServU 등이 많이 이용됩니다.) 인터넷 상의 블로그나 개인 홈페이지에 WebFTP로 접속할 수 있도록 한다. 웹하드 기능을 구현할 때 가장 문제되는 것이 바로 서버상에 접속하여 파일을 업로드 다운로드 할 수 있도록 도와주는 클라이언트 프로그램입니다. WebFTP를 이용하면 이처럼 개인 컴퓨터를 이용하여 웹하드를 만들 수 있습니다.

공개 자료실을 이용하여 필요한 프로그램들을 공짜로~

요즘은 공짜로 프로그램들을 나눠주는 공개 자료실들이 많아졌습니다. 한국 FTP 사용자 모임 http://www.kfug.net/ 과 같은 곳에 가면 이러한 사이트들이 정리되어있습니다. WebFTP를 이용하여 이러한 곳에 접속하여 자료를 다운로드 받을 수 있습니다.

커뮤니티 회원간 자료 공유

카페나 커뮤니티에서 회원간에 유용한 자료를 공유하는데 WebFTP를 이용할 수 있습니다.

웹 상에서 폴더 단위로 파일을 올리고 내릴 필요가 있을 때

웹 프로그램을 작성하다보면 폴더 단위로 쉽게 파일을 업로드, 다운로드 할 수 있는 프로그램이 있었으면 좋을텐데, 하는 생각이 들 때가 많이 있습니다. 이런 목적으로 MultiFile Upload Control 등이 나와있는 것이 현실입니다. 그러나 기능적으로 훨씬 뛰어난 WebFTP를 이용하여 사용자를 특정 폴더에 국한하여 파일을 올리고 내리도록 있도록 할 수 있습니다.

변경 사항 History

2005-04-28
보안을 위해 타이틀바에 접속된 서버 주소 표시 안되도록 하였습니다.
파일 전송 속도, 예상시간, 경과시간을 출력하도록 하였습니다.
ToGo 버튼을 이용하여 루트 디렉토리 이상으로 올라갈 수 있는 버그를 해결하였습니다.
Connect 함수에서 로그인 아이디, 암호를 파라미터로 지정하지 않을 경우 사용자에게 물어보도록 하였습니다.
파일 업로드시 확장자가 사라지는 문제를 해결하였습니다.
로컬 파일 시스템에서 시스템 파일의 경우 시간과 크기가 이상하게 출력되는 문제를 해결하였습니다.

2005-04-29
루트 디렉토리가 /로 표시되도록 했습니다.
전송을 시작할 때 log를 출력하지 않도록 했습니다.
전송 진행 정도를 Progress Bar를 이용해서 멋있게 바꿨습니다.
앞으로 추가할 사항
아이디와 패스워드를 1024 비트 RSA 방식으로 암화화해서 넘기도록