파일 첨부(Upload) 와 첨부된 파일에 링크걸기

파일 첨부와 이 파일에 링크를 거는 것에 대해 정확히 설명드리겠습니다.

-- 파일 첨부하기 (File Uploading)

우선 문서올리기(또는 편집) 모드로 들어가시면, 하단에 파일 첨부가 있습니다. 이를 클릭하면 첨부파일을 할 수 있습니다.

우선 첨부가능한 파일은 다음과 같습니다. 교우님들의 요청에 따라 확장명을 추가해드립니다. 단 zip, php, sh 등과 같이 보안상 문제를 야기할 수 있는 스크립트의 확장명은 허용이 불가함을 미리 말씀드립니다.

jpg jpeg gif png // 그림 또는 이미지 파일
txt html htm doc // HTML 또는 문서 파일
xls // MS 엑셀 파일
ai // Adobe Illustrator 파일
pdf // Adobe PDF 파일
psd // Adobe Photoshop 파일
swf // Adobe Flash 파일
ppt // MS 프리젠테이션 파일
hwp // 한컴사의 한글 파일
mp3 mid // MP3 와 MIDI 파일 (음악 파일)
nwc // 성가대에서 사용하는 악보 음악 파일

파일 첨부는 여러개까지 허용합니다만 한번에 10MB 정도의 파일 첨부가 가능합니다. 그 주요 이유는 본당웹이 사용하는 호스팅 서비스 업체가 허용하는 최대 파일사이즈가 제한되어 있기 때문입니다.

첨부한 모든 파일은 서버의 /files 란 폴더에 저장됩니다. 그러므로 이후 링크를 걸때 반드시 /files/ 라는 식으로 앞에 써주셔야 합니다.

그 이상되는 크기의 파일을 업로드하실 때에는 FTP 어카운트를 사용하셔야 하며, 그 어카운트는 정보는 봉사자 레벨 이상에서만 허용합니다. FTP 어카운트가 필요하신 교우님은 웹매스터에게 문의하여 주십시요.

-- 첨부한 파일에 링크걸기

첨부된 파일에 적절한 HTML 링크를 걸어주지 않으면, 화면에 표시되지 않습니다.(편집 모드에서는 첨부파일이 보이실 것입니다.) 그러므로 링크를 걸어주어야 하는데, 파일에 대한 링크는 다음과 같이 해주시면 됩니다.

<a href="/files/파일이름">링크를 걸어줄 내용</a>

권장하지는 않지만 새로운 기본 브라우져 윈도우는 그대로 두고 새 윈도우에 링크를 표시하고 싶을 때가 있습니다. 그럴 때는 다음과 같이 해주시면 됩니다.

<a href="/files/파일이름" target="_blank">링크를 걸어줄 내용</a>
// target="_black" 란 코드를 삽입

이런 식으로 첨부한 파일에 쉽게 링크를 걸어주실 수 있습니다.

-- 첨부한 그림 표시하기

동영상으로 보는 그림파일 첨부하기 & HTML으로 그림을 화면에 표시하기 (** 이 동영상에서는 IMG 태그를 만들 때 files/ 라고 입력하나 지금은 /files/라고 입력해야 합니다.)

그림을 표시하고 싶을 때는 위 코드가 아니라 <img>란 태그를 사용하셔야 합니다. 먼저 원하는 그림을 첨부합니다. (첨부된 그림이 클 때에는 자동으로 가로 500픽셀 이하, 세로의 경우 1000픽셀 이하로 자동으로 줄여줍니다.) 그리고 다음과 같은 태그를 주시면 첨부한 그림이 표시됩니다.

<img src="/files/그림파일이름">

여기서 그림을 왼쪽으로 정렬하고 싶을 때는,

<img src="/files/그림파일이름" align="left">
// align="left" 란 코드가 추가되었습니다.
// 오른쪽으로 정렬을 하려면, align="right" 라고 하면 됩니다.

라고 하시면 됩니다.

그림 주변의 공간을 좀 띠우고 싶으시면,

<img src="/files/그림파일이름" align="left" style=margin:10px">
// 그림 주변의 공간(마진을 상하좌우로 10픽셀만큼 여백을 두란 뜻
// style 에 들어가는 margin 은 다음과 같이 세분화할 수도 있습니다.
// style="margin: 10px 20px 10px 20px" 이는 시계방향으로
// margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px 와 같은 효과를 가집니다.
// 즉 순서가 상(위쪽), 오른쪽, 하(아래쪽), 왼쪽 순입니다.

라고 하시면 됩니다.

-- 첨부할 파일 이름을 정할 때 고려하실 점

업로드하기전, 파일이름을 정하실 때 다음과 같이 하면 좋습니다. 아래의 사항은 꼭 그렇게 해야하는 건 아니지만, 일종의 권고사항입니다.

한글이름을 이용하지 말고, 영문이름으로 파일이름을 작성한다. (이유는: 경우에 따라 사용자 윈도우의 환경과, 브라우져의 환경설정에 따라 한글파일 이름이 HTTP 프로토콜로 전환될 때, 한글의 인코딩이 달라질 수 있는데, 그럴 경우 파일을 찾을 수 없다는 에러가 나올 수 있습니다.)

중간에 "공백"을 없애고, 공백대신 (대쉬 - ) 또는 (Underscore: 밑줄 _ ) 부호를 이용하는 것이 좋습니다. 이건 일종의 유닉스 계열의 컴퓨터의 오랜 관행입니다. 공백이 있어도 상관은 없으나, 향후 어떤 프로그램을 통해 파일 이름과 링크를 불러오고자 할 때, HTTP 프로토콜로 인코딩되면서 공백은 %20 이란 문자로 전환하는데, 이는 새로운 프로그램을 만들때 오류를 불러올 수도 있습니다. 그래서 가능하면 공백없이 대쉬나 밑줄부호로 공백을 대체하는 것이 좋습니다.

그리고 모든 사용자의 첨부 파일이 files라는 같은 디렉토리에 올라가므로, 향후 내가 올린 파일을 쉽게 소팅하기 위해 prefix(일종의 파일이름 전치사)를 쓸 것을 권고합니다. 몇년 후 수많은 사용자에 의해 파일이 올라갔다고 가정하면 files안에는 수천개의 파일이 있을 수 있습니다. 그때, 내가 올린 파일을 일일이 찾는 것은 힘듭니다. 그러나 파일 이름앞에 독특한 전치사를 넣어주면, 소팅하여 찾기가 매우 좋겠죠. 예로:

jubo-2007-01-04.pdf // 주보의 경우

cell-2007-01.pdf // 소공체 소식지의 경우

첨부파일전 나만의 개성있는 전치사(Prefix)를 정하여 올리시면 향후 수많은 첨부파일중 내가 올린 파일을 쉽게 찾을 수 있습니다.