웹 개발 기초 – 웹 서버 구축과 배포 – 2 – FTP를 이용한 파일 업로드

작성자 wooah
웹 개발 기초 - 웹 서버 구축과 배포 - 2 - FTP를 이용한 파일 업로드
웹 개발 기초 – 웹 서버 구축과 배포 – 2 – FTP를 이용한 파일 업로드

웹 개발 기초 – 웹 서버 구축과 배포 – FTP를 이용한 파일 업로드

안녕하세요! 😊
이전 시간에 호스팅 서버 계정 생성까지 완료하셨다면, 이제 여러분의 웹사이트를 실제로 ‘서버에 업로드’할 차례예요!
마치 사진을 스마트폰에서 클라우드로 업로드하듯, 웹 파일도 **FTP(File Transfer Protocol)**를 통해 서버에 전송해야 웹에서 확인할 수 있답니다.

이번 글에서는 FTP가 무엇인지, 그리고 어떻게 FTP 프로그램을 사용해 파일을 서버에 업로드할 수 있는지를 아주 쉽게 설명드릴게요!

FTP란 무엇인가요?

**FTP(File Transfer Protocol)**는 말 그대로 “파일을 전송하기 위한 통신 규칙”이에요.
즉, 내 컴퓨터 ↔ 서버 간 파일을 주고받을 수 있도록 도와주는 통로랍니다.

✅ FTP를 사용하는 이유

  • 웹 페이지를 서버에 업로드하기 위해
  • 서버의 파일을 수정하거나 백업하기 위해
  • 웹 서버의 디렉터리를 탐색하기 위해

📦 비유하자면, FTP는 웹 서버로 가는 택배 배송 서비스라고 할 수 있어요!

FTP 연결을 위한 준비물

파일을 서버로 전송하기 위해선 다음과 같은 정보가 필요해요:

항목 설명 예시
FTP 호스트 서버 주소 ftp.example.com 또는 아이피주소
사용자명 FTP 계정 ID hostinguser
비밀번호 계정 비밀번호 ********
포트 연결 포트 기본: 21
프로토콜 FTP 또는 SFTP 보통은 FTP, 보안이 필요하면 SFTP

✅ 이 정보는 호스팅 업체의 웹호스팅 관리 페이지에서 확인할 수 있어요.
예: 카페24, 가비아, 닷홈, AWS Lightsail 등

대표 FTP 프로그램 소개

🔸 FileZilla

가장 널리 쓰이는 무료 FTP 클라이언트 프로그램이에요.
윈도우, 맥, 리눅스 모두 지원하며 사용도 쉽답니다.

FileZilla 사용법 (단계별 안내)

✅ 1단계: 설치 및 실행

  • FileZilla 공식 사이트에서 프로그램 다운로드 및 설치
  • 실행하면 아래와 같은 UI가 나타나요:
[호스트] [사용자명] [비밀번호] [포트] → 빠른 연결 버튼

✅ 2단계: FTP 서버 연결

  1. 호스트: ftp.example.com 또는 IP 주소
  2. 사용자명: 호스팅 계정 ID
  3. 비밀번호: 계정 비밀번호
  4. 포트: 기본 21 입력
  5. ‘빠른 연결’ 클릭!

성공하면 서버 폴더 구조가 오른쪽 창에 나타나고, 내 컴퓨터의 폴더는 왼쪽에 보이게 돼요!

✅ 3단계: 파일 업로드

이제 실제로 웹 파일을 업로드해볼게요!

  1. 왼쪽에서 내 컴퓨터의 폴더를 선택
  2. 오른쪽에서 서버의 웹 루트 디렉터리 선택 (/public_html, /htdocs, /www 등)
  3. 파일 또는 폴더를 드래그해서 이동시키면 업로드 완료!

예를 들어 index.html을 업로드했다면
브라우저에서 http://내도메인/index.html 접속 시 페이지가 보입니다! 🎉

예시 – index.php 업로드

  1. 로컬에서 index.php 파일 생성:
<?php
echo "Hello, world!";
?>
  1. FileZilla로 FTP 접속 후 /public_html 폴더에 업로드
  2. 브라우저에서 http://도메인주소/index.php 접속
    👉 “Hello, world!”가 출력되면 성공!

FTP 사용 시 주의사항

⚠️ 꼭 체크해주세요!

주의사항 설명
파일 위치 /public_html 또는 /www 폴더 외에 업로드 시 웹에서 보이지 않아요
파일 권한 755(폴더), 644(파일) 권장. 퍼미션 설정도 FileZilla에서 가능
보안 연결 FTP는 암호화되지 않기 때문에 SFTP를 권장하는 경우도 많아요
파일 덮어쓰기 주의 동일 파일 업로드 시 기존 파일이 덮어쓰기 되므로 백업 필수
비밀번호 저장 위험 자동 저장된 FTP 정보는 보안에 취약할 수 있으니 주의해주세요

기타 FTP 프로그램 추천

프로그램 특징
WinSCP 윈도우 전용, SFTP 지원 강력
Cyberduck 맥 사용자에게 추천, 인터페이스 간단
Transmit (Mac) 유료지만 맥용 최고의 FTP 클라이언트

마무리하며 😊

웹 개발에서 FTP 파일 업로드는 정말 자주 쓰이기 때문에 익숙해지는 것이 중요해요!
처음엔 어렵게 느껴질 수 있지만, 몇 번 해보면 마치 USB에 파일 복사하듯이 자연스럽게 느껴질 거예요.

이제 여러분은 개발한 웹사이트를 진짜 서버에 올리는 능력자가 되신 거예요!
다음 글에서는 도메인 연결 및 설정을 통해 http://도메인주소로 접속하는 방법을 알아볼게요!

언제나 즐겁고 뿌듯한 개발 되시길 바랄게요! 💻🌐✨

답글 남기기