홈페이지 유지보수·운영 홈페이지 소스 수정에 FileZilla와 EditPlus를 쓰는 이유

안녕하세요. 희명웹 유지관리팀입니다. 그누보드 기반 홈페이지를 직접 수정하려면 서버에 있는 파일에 접근해야 합니다. 관리자 화면에서 처리할 수 없는 레이아웃 수정, CSS 조정, 스킨 파일 변경이 필요할 때 쓰는 도구가 FTP 클라이언트와 텍스트 에디터입니다. 국내 현장에서 가장 많이 쓰이는 조합이 FileZilla와 EditPlus입니다.

FTP(File Transfer Protocol)는 내 컴퓨터와 웹 서버 사이에서 파일을 주고받는 통신 방식입니다. 홈페이지 파일은 내 컴퓨터가 아닌 호스팅 서버에 저장되어 있기 때문에, FTP 연결이 있어야 서버 파일을 열어보고 수정하고 다시 올릴 수 있습니다. FTP 클라이언트는 이 연결을 그래픽 화면으로 편리하게 쓸 수 있게 해주는 프로그램이에요.

FileZilla는 무료 오픈소스 FTP 클라이언트입니다. 설치하고 호스트 주소, 아이디, 비밀번호, 포트(보통 21)를 입력하면 서버에 연결됩니다. 화면이 좌우로 나뉘어 왼쪽에 내 컴퓨터 파일이, 오른쪽에 서버 파일이 보입니다. 파일을 드래그해서 양쪽으로 옮길 수 있고, 서버 파일을 더블클릭하면 내 컴퓨터에 내려받을 수 있어요. 접속 정보를 저장해두면 다음부터는 클릭 한 번으로 연결됩니다.

EditPlus는 국내에서 널리 쓰이는 유료 텍스트 에디터입니다. HTML, CSS, PHP, JavaScript 파일을 열고 수정하는 데 씁니다. 코드 색상 구분이 돼서 파일 구조를 파악하기 쉽고, FTP 연결 기능이 내장되어 있습니다. 이 기능을 쓰면 FileZilla 없이도 EditPlus 안에서 서버 파일을 직접 열고 저장할 수 있어요. 저장하는 순간 서버에 바로 반영됩니다. 파일을 내려받고 수정하고 다시 올리는 과정이 하나로 줄어드는 겁니다.

두 도구를 함께 쓰는 방식도 있습니다. FileZilla로 서버 전체 구조를 파악하고 파일을 내 컴퓨터에 내려받은 뒤, EditPlus에서 열어서 수정하고 FileZilla로 다시 올리는 방식입니다. 백업을 남기면서 작업할 수 있어서 수정 전후 파일을 비교하기 쉽습니다. 처음 서버 구조를 파악할 때는 이 방식이 안전합니다.

그누보드 기반 홈페이지에서 자주 수정하는 파일 위치를 알면 작업이 수월합니다. 화면 레이아웃을 담당하는 스킨 파일은 /skin 또는 /theme 폴더 안에 있습니다. 스타일을 담당하는 CSS 파일도 같은 폴더 안에 있어요. /bbs 폴더에는 게시판 관련 파일들이 있고, /extend 폴더에는 확장 기능 파일들이 있습니다. 코어 기능 파일들은 루트 및 /lib 폴더에 있는데, 이 파일들은 직접 수정하지 않는 게 원칙입니다.

수정 전 백업은 선택이 아닙니다. 수정할 파일을 내 컴퓨터에 복사해두고, 문제가 생기면 원본 파일을 다시 올리면 됩니다. PHP 파일은 문법 오류 하나만 있어도 해당 페이지 전체가 흰 화면으로 나오거나 에러 메시지가 뜹니다. CSS 파일은 오류가 있어도 해당 스타일만 무시되기 때문에 PHP보다 상대적으로 안전합니다. 처음 수정을 시작한다면 CSS 파일부터 익숙해지는 게 맞습니다.

SFTP도 알아두면 유용합니다. FTP는 데이터가 암호화되지 않고 전송되는 방식이고, SFTP는 SSH를 통해 암호화된 연결로 파일을 주고받는 방식입니다. 보안이 중요한 환경이거나 호스팅 업체가 SFTP를 권장한다면 FileZilla에서 SFTP로 연결할 수 있습니다. 접속 방식만 다를 뿐 사용 방법은 FTP와 같습니다. 희명웹은 홈페이지제작 납품 시 FTP 접속 정보, 주요 수정 파일 위치, 백업 방법을 담당자에게 안내하고 있습니다만. 가급적 접속은 자제요청드리고 있으며, 저희쪽으로 요청주시는게 안전합니다. 감사합니다. 

희명웹 드림

참고할만한 인사이트 칼럼링크 : 홈페이지제작 이후에 JSON-LD 구조화 데이터, AI 검색 환경에서 실제로 어떤 역할을 하는가?