Word Cracker의 잡다한 정보 모음

로컬 컴퓨터에 워드프레스 설치하기

10 378

들어가며

웹호스팅 서버가 아닌 로컬 컴퓨터(즉, 사용자 컴퓨터)에 워드프레스를 설치하려면 APM(Apache, PHP, MySQL) 툴을 설치해야 합니다. APM 툴로는 Xampp, APM Setup 등 여러 가지가 있습니다. 여기서는 Bitnami에 워드프레스를 설치하는 방법을 간단히 살펴보겠습니다.

Bitnami WordPress 사용(2016년 12월 추가)

이 글에서는 본래 Bitnami를 설치하고 DB를 만든 후에 워드프레스를 수동으로 설치하는 방법을 설명하고 있습니다.

이 방법 대신 Bitnami WordPress Stack을 사용하면 쉽게 컴퓨터에 워드프레스를 설치할 수 있습니다. Bitnami WordPress Stack을 설치하여 사용하는 방법을 별도의 글을 통해 설명했습니다. 다음 글에서 설명하는 과정을 따라서 워드프레스를 설치해보시기 바랍니다.

직접 DB를 만들고 워드프레스를 수동으로 설치하는 방법이 궁금한 경우 아래의 방법을 참조할 수 있습니다.

Bitnami를 사용하여 로컬 컴퓨터에 워드프레스 설치하기

이 방법은 위의 “Bitnami WordPress 사용” 방법이 실패할 경우에 이용할 수 있습니다.

Bitnami 설치

먼저 Bitnami 사이트에 접속하여 파일을 다운로드합니다.
BITNami download
다운로드한 Bitnami 설치 파일을 클릭하여 설치를 진행합니다. 설치 방법은 다음 동영상을 참고하시기 바랍니다.


맥에 설치할 경우 다음 YouTube 영상을 참고하시기 바랍니다.

DB 사용자 만들기

다음으로 워드프레스에 연결할 DB 사용자를 만듭니다. Bitnami를 설치한 후에 wampstack manager tool이 실행되면, “Open phpMyAdmin“을 선택하여 DB 설정에 접속합니다.

Open phpMyAdmin

로그인 정보란에는 각각 root와 설치 과정에서 설정한 비밀번호를 입력합니다.

phpMyAdmin 화면이 표시되면 Users 탭을 누르고 Add user를 클릭하십시오.Add User
그러면 Add user 화면이 표시됩니다.
Add user in phpMyAdmin
위와 비슷하게 설정하고 적당한 사용자 이름과 비밀번호를 입력합니다.

이제 데이터베이스를 만들도록 합니다. 상단의 Databases 탭을 클릭합니다.
Add Database
DB 이름을 입력하고 인코딩 설정을 utf8_general_ci를 선택하고 Create를 클릭하면 데이터베이스가 생성됩니다.

이제 워드프레스에 설치할 준비가 완료되었습니다.

워드프레스 설치 파일 다운로드 및 설치

WordPress 사이트를 방문하여 최신 워드프레스 설치 파일을 다운로드합니다. 설치 방식은 일반적인 워드프레스 설치와 동일합니다.

설치 파일의 압축을 해제하고 모든 파일을 복사하여 Bitnami 설치 폴더 아래의 htdocs 폴더(예: C:\Bitnami\wampstack-5.4.40-0\apache2\htdocs)에 복사합니다.
Copy WordPress files to htdocs
wp-config-sample.php 파일의 이름을 wp-config.php 파일로 변경하고 메모장이나 텍스트 편집기로 엽니다.
wp config file in wordpress
앞 단계에서 설정한 DB 정보를 입력하고 저장합니다.

이제 브라우저 주소란에 localhost/를 입력하면 설치가 시작됩니다. (만약 설치 화면이 안 나오는 경우에는 localhost/wp-admin/install.php를 입력해보시기 바랍니다.)
워드프레스 설치
워드프레스 관리자 화면에 접속할 때 사용할 정보를 입력합니다.
워드프레스 설치 성공 화면위와 같은 화면이 나올 때 “로그인”을 클릭하거나, http://localhost/wp-admin/을 입력하면 워드프레스 대시보드에 접속할 수 있습니다.

포트 포워딩을 통해 외부에서 접속 가능하도록 설정하기

현재 로컬 컴퓨터에 설치된 워드프레스 사이트에 외부에서 접속하려면 현재 컴퓨터가 연결되어 있는 인터넷 IP 주소를 입력해야 합니다. 하지만 많은 경우 공유기를 통해 인터넷에 연결되어 있을 것입니다. 공유기를 사용하는 경우 포트 포워딩 설정을 해야 합니다.

먼저 명령 프롬프트 창을 열어서(컴퓨터의 왼쪽 맨 아래에 있는 윈도 로고를 클릭하고 cmd 입력) ifconfig를 입력하여 이더넷 어댑터 로컬 영역 연결에서 IPv4 주소를 확인합니다.
ipconfig

apache2/conf/httpd.conf에서 Apache의 기본 포트를 확인합니다.
httpd conf file

이제 공유기의 관리 프로그램에 접속합니다. ipTime의 경우 http://192.168.0.1/를 브라우저 주소란에 입력하면 됩니다.
Port forwarding
위와 같이 설정하고 추가를 누르면 완료됩니다.

외부에서 브라우저 창에 현재 컴퓨터의 IP 주소(IP 주소를 확인하려면 http://whatismyipaddress.com/에 접속하면 알 수 있습니다)를 입력하면 localhost를 입력하여 표시되는 것과 동일한 화면이 표시됩니다.Access using my ip address from other computer
사이트가 표시되지만 레이아웃이 깨져보이거나 링크가 깨질 수 있을 것입니다. 이것은 워드프레스 내에서 사이트 주소 설정이 localhost로 되어 있기 때문입니다. 컴퓨터가 현재 연결되어 있는 IP 주소로 변경해주면 제대로 표시될 것입니다. (그러므로 영구적인 연결을 위해서는 고정 IP에 물린 컴퓨터에 설치하는 것이 바람직합니다.)

로컬 워드프레스 사이트를 웹호스팅 서버로 이전하기

로컬에서 워드프레스를 설치하여 테스트와 설정을 마친 후에 실제 서버로 이전하기를 원하는 경우 Duplicator라는 플러그인으로 사이트를 통째로 백업하여 새로운 사이트로 이전이 가능합니다. 자세한 내용은 워드프레스 사이트 이전하기 글을 참고하시기 바랍니다. 일부 환경에서는 제대로 작동하지 않을 수 있으며, 오류가 나는 경우에는 데이터 파일과 DB 파일을 각각 백업하여 수동으로 새로운 사이트로 이전해야 합니다.

참고: Windows 7 64비트 컴퓨터에 Xampp를 설치하고 워드프레스를 설치하니 워드프레스의 글(Post) 링크가 제대로 작동하지 않는 문제가 발생했습니다. 하지만 Bitnami에서는 동일한 컴퓨터 환경(Windows 7 64비트)에서 워드프레스가 제대로 작동합니다. Xampp에서 제대로 작동하지 않는 경우 Bitnami를 사용해 보시기 바랍니다.

에필로그

로컬에서 워드프레스를 설치하는 방법은 실제 라이브 사이트에 올라가기 전에 테스트하기 위한 용도로 적합합니다. 도메인 주소를 연결하여 사이트를 운영하는 분들도 간혹 봅니다. 저같이 컴퓨터에서 직접 서버를 구축하여 운영하는 것에 익숙하지 않는 초보자의 경우 카페24 등의 저가형 서비스나 해외 저가형 웹호스팅 서비스(참고)를 이용하는 것이 정신 건강에 더 이롭지 않을까 생각됩니다. 집에서 서버를 운영하면 전기값만 해도 만만치 않을 수도 있고요.

참고:

Related Posts

Comments