워드프레스를 내 pc 에서 설치하여 서버로 사용하는법

 

워드프레스를 내 pc 에서 설치하여 서버로 사용하는법

 

내 PC에 워드프레스를 설치해 로컬 서버로 사용하는 방법은 다음과 같습니다. 이 과정을 로컬 호스팅 또는 로컬 개발 환경 구축이라고 합니다. 가장 많이 사용되는 방법은 XAMPP 또는 Local by Flywheel 등을 활용하는 것입니다.

---

✅ 1. 필수 구성요소 개요

워드프레스는 PHP 기반 웹앱이므로 다음이 필요합니다:

구성요소	설명
웹 서버	Apache 또는 Nginx
데이터베이스	MySQL 또는 MariaDB
PHP	워드프레스 실행을 위한 스크립트 엔진

 

---

✅ 2. 설치 방법 (XAMPP 기반)

2-1. XAMPP 설치

1. XAMPP 다운로드 페이지 접속
2. 운영체제(Windows/Mac/Linux) 버전에 맞게 설치
3. 설치 후 XAMPP Control Panel 실행
   • Apache (웹서버)와 MySQL (DB) 실행

---

2-2. 워드프레스 다운로드 및 복사

1. 워드프레스 공식 사이트에서 최신 버전 다운로드 (zip)
2. 압축 해제 후 C:\xampp\htdocs 폴더 안에 예: myblog 폴더로 복사

---

2-3. 데이터베이스 생성

1. 브라우저에서 http://localhost/phpmyadmin 접속
2. 새 데이터베이스 생성 클릭
   • 이름: myblog (혹은 원하는 이름)
   • 형식: utf8_general_ci 선택

---

2-4. 워드프레스 설치 마법사 실행

1. 브라우저에서 http://localhost/myblog 접속
2. 언어 선택 → DB 설정 입력:
   • DB 이름: myblog
   • 사용자명: root
   • 비밀번호: (비워둠)
3. 설치 진행 → 관리자 계정 생성

---

✅ 3. 관리 및 개발 팁

항목	설명
관리 URL	http://localhost/myblog/wp-admin
테마/플러그인 개발	wp-content/themes 또는 wp-content/plugins 폴더
파일 편집	VSCode, Sublime 등 코드 편집기로 가능
DB 백업	phpMyAdmin에서 export 가능

 

---

✅ 4. 대안 도구 (더 쉬운 방법)

🔹 LocalWP (구 Local by Flywheel)

• 초보자도 GUI로 쉽게 워드프레스 설치 가능
• https://localwp.com/에서 다운로드
• XAMPP보다 훨씬 직관적이고 가볍게 시작 가능

---

✅ 5. 외부 접근 설정 (선택)

기본은 로컬 전용이지만, 외부에서 접속하려면:

• 방화벽 포트 허용 (기본: 80, 443)
• 라우터 포트 포워딩
• ngrok이나 LocalWP의 공유 URL 기능 활용

---

필요하시면 XAMPP 설치 → 워드프레스 연동 → DB 설정 → 샘플 사이트 만들기까지 전 과정 화면 캡처 또는 영상 자료도 정리해 드릴 수 있습니다. 

 

PC에 설치한 로컬 워드프레스 사이트에 구매한 도메인(예: myblog.com)을 연결하려면, 공개 서버가 아닌 로컬 환경에서는 직접 연결이 불가능합니다. 하지만 다음과 같은 방식으로 가능합니다:

---

✅ 1. 로컬 PC에 도메인 연결 (개인 테스트용)

구매한 도메인을 외부에 연결하는 것이 아니라, 내 PC에서만 그 도메인으로 워드프레스를 접속하는 방법입니다.

🔹 Windows 기준: hosts 파일 수정

1. PC의 로컬 IP 확인
   • 명령어 창(cmd) → ipconfig
   • 예시: IPv4 주소: 192.168.0.12
2. hosts 파일 열기
   • 경로: C:\Windows\System32\drivers\etc\hosts
   • 관리자 권한으로 메모장 실행 후 열기
3. 아래 항목 추가:
4. 복사편집
   127.0.0.1 myblog.com 127.0.0.1 www.myblog.com
5. 브라우저에서 http://myblog.com 입력 시 localhost와 동일하게 작동

📌 이 방식은 외부에서는 접근 불가, 오직 내 PC에서만 작동합니다.

---

✅ 2. 외부 도메인으로 완전히 연결 (실제 접속 가능)

외부에서도 도메인으로 접속 가능하게 하려면 PC를 웹서버처럼 공개해야 합니다:

🔹 A. 공유기 포트 포워딩 설정

1. 공유기 관리자 접속 (보통 192.168.0.1 또는 192.168.1.1)
2. 포트 포워딩 설정:
   • 외부 포트: 80
   • 내부 IP: 당신의 PC IP (예: 192.168.0.12)
   • 내부 포트: 80

🔹 B. 방화벽 허용

• Windows 방화벽에서 Apache 웹서버의 포트 80/443 허용

🔹 C. 도메인 DNS 설정

1. 도메인을 구입한 사이트(예: 가비아, 후이즈, GoDaddy 등) 접속
2. DNS 설정에서 A레코드 등록
   • @ → 당신의 공인 IP (예: 123.45.67.89)
   • www → 당신의 공인 IP
3. 공인 IP는 https://whatismyipaddress.com/ 에서 확인 가능

---

✅ 3. 무료 도메인 공개 테스트 방법 (선택)

🔹 ngrok을 이용한 임시 도메인 공유

1. https://ngrok.com/ 에서 가입 & 다운로드
2. 명령어 실행 (예: 워드프레스가 80포트에 있을 경우):
3. nginx
   복사편집
   ngrok http 80
4. 생성된 주소 (https://abc123.ngrok.io)를 임시 공개 도메인처럼 사용 가능

---

✅ 요약 표

연결 방법	외부 접속 가능	연도메인 적용	난이도
hosts 파일 수정	❌ (내 PC만)	✔️ (내부 테스트)	하
포트 포워딩 + DNS 설정	✔️	✔️ (공식 도메인 연결)	중상
ngrok 사용	✔️ (일시적)	✔️ (임시 도메인)	중

 

---

원하시면 도메인 업체별 DNS 설정 예시 (가비아, 후이즈, GoDaddy 등) 도 정리해 드릴게요.
또한, LocalWP + Cloudflare Tunnel 방식을 원하시면 그에 맞는 안내도 가능합니다.

 

구매한 도메인을 내 PC에서만 작동하도록 연결하는 방식입니다.

개발자나 디자이너가 로컬 워드프레스 사이트를 실제 도메인 주소처럼 테스트하고 싶을 때 유용합니다.

아래 절차대로 따라 하시면 됩니다.

---

✅ [1단계] PC IP 주소 확인하기

1. 명령 프롬프트(CMD) 실행
2. 아래 명령어 입력:
    
   ipconfig
3. 나오는 정보 중 IPv4 주소를 확인
   예:
    
   IPv4 주소: 192.168.0.12

※ 단, 127.0.0.1을 사용하는 기본 로컬호스트 설정도 가능하므로 꼭 IP로 하지 않아도 됩니다.

---

✅ [2단계] hosts 파일 수정

이 단계는 도메인을 PC 내부에서 localhost로 인식하게 하는 작업입니다.

Windows 기준:

1. 메모장을 ‘관리자 권한’으로 실행
   • 시작 메뉴에서 “메모장” 입력 → 우클릭 → 관리자 권한으로 실행
2. 아래 경로의 파일 열기:
   makefile
    
   C:\Windows\System32\drivers\etc\hosts
3. 파일 가장 아래에 다음 줄 추가 (예시: 구매한 도메인이 myblog.com이라면):또는 IP 직접 지정하려면:
   127.0.0.1    myblog.com
   127.0.0.1    http://www.myblog.com
   또는 IP 직접 지정하려면
    
   127.0.0.1 myblog.com
   127.0.0.1 www.myblog.com
4. 저장 후 닫기 (저장이 안되면 관리자 권한 문제일 수 있음)

---

✅ [3단계] Apache에 도메인 인식 설정

Apache가 myblog.com 요청을 처리할 수 있도록 가상 호스트 설정을 해야 합니다.

설정 방법:

1. httpd-vhosts.conf 열기
   경로:
   makefile
    
   C:\xampp\apache\conf\extra\httpd-vhosts.conf
2. 아래 내용 추가 (기존 내용은 주석으로 남기거나 유지):※ DocumentRoot와 <Directory> 경로는 설치한 워드프레스 폴더 경로로 맞춰 주세요.
   apache
    
   <VirtualHost *:80>
       DocumentRoot "C:/xampp/htdocs/myblog"
       ServerName myblog.com
       ServerAlias http://www.myblog.com
       <Directory "C:/xampp/htdocs/myblog">
           AllowOverride All
           Require all granted
       </Directory>
   </VirtualHost>
3. 저장 후 닫기

---

✅ [4단계] Apache 설정 파일 활성화 확인

1. httpd.conf 파일 열기
   경로:
   makefile
    
   C:\xampp\apache\conf\httpd.conf
2. 아래 줄이 주석 제거되어 있는지 확인 (없다면 직접 추가):
   bash
    
   Include conf/extra/httpd-vhosts.conf

---

✅ [5단계] Apache 재시작

1. XAMPP Control Panel 열기
2. Apache 옆에 있는 Stop → Start 버튼 클릭 (재시작)

---

✅ [6단계] 브라우저에서 접속 테스트

• 브라우저 주소창에 다음을 입력:
  arduino
   
  http://myblog.com
• 워드프레스 첫 화면 또는 관리자 화면이 나온다면 성공입니다!

---

📌 참고: 워드프레스 주소 변경도 필요할 수 있음

http://localhost/myblog로 설치했을 경우, 도메인 바꿔 접속하면 리디렉션될 수 있습니다.

워드프레스 관리자 접속 →
설정 > 일반에서 아래 항목 수정:

• 워드프레스 주소(URL): http://myblog.com
• 사이트 주소(URL): http://myblog.com

---

필요하시면 이 과정을 스크린샷 가이드 PDF나 **단계별 스크립트 파일(zip)**로도 만들어드릴 수 있어요. 요청해 주세요.

 

 

이 글이 도움이 되었다면,아래 링크를 통해서 후원해주세요.( 커피나 차 한잔 이나 맥주나 와인한잔 )