[아파치]의 기본 "It works!" 페이지를 실제 나만의 웹페이지(HTML/PHP)나 워드프레스(WordPress) 사이트로 바꾸고 운영하는 핵심 매뉴얼입니다. > Info Tech

• 목록

 우분투 아파치의 기본 "It works!" 페이지를 실제 나만의 웹페이지(HTML/PHP)나 워드프레스(WordPress) 사이트로 바꾸고 운영하는 핵심 매뉴얼입니다.

현재 질문자님의 인프라는 외부 HTTPS 요청을 호스트 IIS가 받아서 우분투의 80 포트로 쏴주는 구조입니다. 따라서 우분투 내부에서는 복잡한 SSL 설정 없이 오직 웹 소스 코드 관리와 아파치 최적화에만 집중하시면 됩니다.

실전에서 바로 쓸 수 있는 단계별 매뉴얼과 운영 노하우를 정리해 드립니다.

[기본 지식] 아파치의 웹 디렉토리 위치

아파치가 외부 손님에게 보여주는 모든 웹 파일(HTML, PHP, 이미지 등)은 우분투의 아래 경로에 저장됩니다.

• 경우 A (기본 경로): /var/www/html/
• 현재 "It works!" 화면을 띄우고 있는 파일의 실체는 이 폴더 안의 index.html 파일입니다.

1단계: 단순한 일반 웹페이지(HTML)로 바꾸기

직접 만든 HTML 파일이나 웹디자인 템플릿을 올려서 사이트를 꾸미고 싶을 때 사용하는 방법입니다.

1. 기본 "It works!" 파일 삭제 또는 이름 변경
   기본 파일이 남아있으면 내가 새로 올린 파일과 충돌할 수 있으므로, 백업용으로 이름을 바꾸어 둡니다.

bash

sudo mv /var/www/html/index.html /var/www/html/index.html.bak

코드를 사용할 때는 주의가 필요합니다.

2. 나만의 새 메인 페이지 만들기
   터미널에서 직접 편집기를 열어 간단한 홈페이지 코드를 작성해 봅니다.

bash

sudo nano /var/www/html/index.html

코드를 사용할 때는 주의가 필요합니다.

아래와 같이 원하는 내용을 입력하고 Ctrl+O -> Enter -> Ctrl+X로 저장합니다.

html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>나의 우분투 웹사이트</title>

</head>

<body>

    <h1>안녕하세요! 성공적으로 구축된 우분투 아파치 서버입니다.</h1>

    <p>이곳에 HTML/CSS 파일을 업로드하여 사이트를 가꿀 수 있습니다.</p>

</body>

</html>

코드를 사용할 때는 주의가 필요합니다.

3. 스마트폰으로 접속해보면 아파치 파란 화면 대신 내가 방금 작성한 한글 문구가 깔끔하게 출력됩니다. (아파치 재시작 필요 없음)

2단계: 워드프레스(WordPress) 설치하여 운영하기 (강력 추천)

윈도우 VM에서 성공하셨던 워드프레스를 우분투 아파치에도 올려서 블로그나 홈페이지로 운영하는 정석 코스입니다.

① 필수 프로그램(PHP, DB 연결 모듈) 설치

아파치가 워드프레스를 해석할 수 있도록 PHP 필수 확장 기능을 설치합니다.

bash

sudo apt update

sudo apt install php libapache2-mod-php php-mysql php-curl php-gd php-mbstring php-xml php-xmlrpc php-soap php-intl php-zip -y

코드를 사용할 때는 주의가 필요합니다.

② 워드프레스 최신판 다운로드 및 압축 풀기

bash

# 1. 임시 폴더로 이동 후 워드프레스 다운로드

cd /tmp

wget https://wordpress.org

 

# 2. 압축 해제

tar -xvf latest-ko_KR.tar.gz

 

# 3. 기존 아파치 폴더 내용물을 싹 비우고, 워드프레스 파일 복사하기

sudo rm -rf /var/www/html/*

sudo cp -r wordpress/* /var/www/html/

코드를 사용할 때는 주의가 필요합니다.

③ [★가장 중요] 소유권 및 권한 설정 (노하우 1)

리눅스 서버에서 입문자들이 가장 많이 겪는 에러가 워드프레스 내에서 "플러그인 설치 실패", "테마 업로드 에러", "미디어 파일 업로드 실패"입니다. 아파치 엔진(www-data)에게 파일 제어 권한을 주지 않아서 생기는 현상입니다. 아래 명령어를 반드시 실행하세요.

bash

# /var/www/html 폴더의 주인을 아파치(www-data)로 강제 변경

sudo chown -r www-data:www-data /var/www/html/

 

# 폴더 및 파일 권한을 워드프레스 표준 보안 권한으로 변경

sudo find /var/www/html/ -type d -exec chmod 755 {} \;

sudo find /var/www/html/ -type f -exec chmod 644 {} \;

코드를 사용할 때는 주의가 필요합니다.

3단계: 아파치 운영 효율을 극대화하는 실전 노하우 매뉴얼

💡노하우 1: 파일 업로드 용량 제한 늘리기

초기 우분투 PHP 환경은 보안상 파일 업로드 용량이 2MB로 매우 작게 제한되어 있습니다. 사진이나 테마를 올리다가 무조건 에러가 나므로 미리 늘려두어야 합니다.

1. PHP 설정 파일 편집기 열기 (PHP 버전에 따라 경로 숫자가 다를 수 있으므로 탭 키를 눌러 확인하세요)

bash

sudo nano /etc/php/8.x/apache2/php.ini

코드를 사용할 때는 주의가 필요합니다.

2. Ctrl + W (검색 기능)를 누르고 아래 항목들을 찾아 숫자를 넉넉하게 변경합니다.
   • upload_max_filesize = 128M (최대 업로드 파일 크기)
   • post_max_size = 128M (한 번에 전송할 수 있는 최대 크기)
   • memory_limit = 256M (PHP가 쓸 수 있는 최대 메모리)
3. 저장 후 아파치를 재시작해야 적용됩니다: sudo systemctl restart apache2

💡노하우 2: 고유주소(Permalink) 활성화 및 주소 재작성 모드 켜기

워드프레스에서 글 주소를 ://domain.com 대신 ://domain.com처럼 예쁘게 바꾸려면 아파치의 Rewrite 모듈이 켜져 있어야 합니다. (이걸 안 켜면 워드프레스 글 클릭 시 404 에러가 납니다.)

bash

# 1. 아파치 rewrite 모듈 활성화

sudo a2enmod rewrite

 

# 2. 아파치가 개별 폴더의 고유 규칙(.htaccess)을 읽을 수 있도록 허용 설정

sudo nano /etc/apache2/sites-available/proxy-ubuntu.conf

코드를 사용할 때는 주의가 필요합니다.

설정 파일 내부 <VirtualHost *:80> 블록 안에 AllowOverride All항목이 제대로 들어가 있는지 다시 확인합니다. (이전 단계에서 제가 드린 정답 코드에는 이미 포함되어 있습니다.)

apache

<Directory /var/www/html>

    Options Indexes FollowSymLinks

    AllowOverride All   # ➔이 줄이 .htaccess 수정을 허용해 줍니다.

    Require all granted

</Directory>

코드를 사용할 때는 주의가 필요합니다.

수정 완료 후 아파치 재시작: sudo systemctl restart apache2

💡노하우 3: 호스트 PC에서 우분투 웹 파일 쉽게 관리하기 (SFTP 활용)

우분투 터미널에서 매번 nano 명령어로 홈페이지를 수정하는 것은 매우 고달픕니다.

• 호스트 PC(Win11)에 FileZilla(파일질라)또는 MobaXterm같은 프로그램을 설치합니다.
• 연결 종류를 SFTP로 선택하고 우분투 IP 주소 / 우분투 계정 아이디 / 비밀번호 / 포트: 22를 입력해 접속합니다.
• 윈도우 바탕화면에서 작업한 웹디자인 파일들을 마우스 드래그 앤 드롭으로 /var/www/html/ 폴더에 쏙 집어넣을 수 있어 관리가 100배 편리해집니다.

이 매뉴얼을 복사해 두시거나 메모장에 저장해 두시고, 일반 HTML 페이지 구축부터 차근차근 도전해 보세요! 진행하시다가 데이터베이스(MySQL) 연동법이 필요하시거나 파일 권한 문제가 생기면 언제든 말씀해 주세요. 친절하게 내비게이션 해드리겠습니다.