개발용 local wordpress 추가하기

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on print
Print

1. 왜 개발용 local wordpress를 계속 추가할 필요가 있나

처음 wordpress 개발을 시작할 때 운용서버와 동일한 환경하에 개발을 하고 싶어, virtual-box로 가상환경을 구성하여 개발을 시작했다.
https://bekseju9n.pe.kr/wordpress-개발환경-만들기-1-가상서버로-운용환경과-동일/

하지만 노트북에서 가상환경을 돌리다 보니 속도가 너무 느려, 가상환경을 포기하고 로컬 개발 환경으로 전환해야만 했다. 로컬 개발 환경은 확실히 가상환경보다 훨씬 빨랐다.

개발을 하다보면 Main 개발 환경과 약간 다른 설정이나 구성으로 테스트를 하고 싶을 때가 있다. 플러그인 구성을 달리하던지, 아니면 특정 플러그인만 동작하게 하던지 말이다. 하지만 wordpress는 설정이 DB에 저장되기 때문에 git 버전 만으로 관리하기엔 불편한 점이 많았다.

그래서 차라리 필요할 때마다 개발용 local wordpress를 계속해서 추가하는 게 더 손쉽고 편리하다. 1


2. 아무 생각없이 따라할 수 있는 WordPress 추가 routine

wamp, xampp 등은 이미 설치되어 있는 환경 기준이다.

step1-1. 최신의 wordpress를 다운로드/설치한다.

wordpress 홈페이지로 가서 최신 버전의 wordpress를 다운로드한다.

https://wordpress.org/download/ 에서 다운로드 버튼을 눌러도 되고 다음 Link를 눌러서 다운로드 해도 된다. https://wordpress.org/latest.zip 이전 버전의 wordpress를 설치하고 싶다면 위 페이지에서 All Release를 찾아 버전을 선택할 수 있다.

다운받은 파일을 적당한 위치에 옮기고 압축을 풀어둔다.

난 wordpress 5.3.2 버전을 다음 경로에 설치한다. 2

C:\20.Dev\WordpressStudy\WoocommerceStudy_200111

Step1-2. 설치된 경로를 Apache 설정에 등록해준다.

wordpress를 wamp의 기본 DocRoot 폴더에 설치하지 않았기 때문에 apache 설정에서 별도로 등록해준다.

C:\wamp64\bin\apache\apache2.4.39\conf\extra\httpd-vhosts.conf

위 파일을 열어 다음 문구를 추가한다.

<VirtualHost *:80>
  ServerName woocommerce.study
  DocumentRoot "C:/20.Dev/WordpressStudy/WoocommerceStudy_200111"
  <Directory "C:/20.Dev/WordpressStudy/WoocommerceStudy_200111">
    Options +Indexes +Includes +FollowSymLinks +MultiViews
    AllowOverride All
    Require local
  </Directory>
</VirtualHost>

난, 위 사이트를 woocommerce.study라는 url로 사용하려고 한다.


Step1-3. windows hosts 파일에 url을 등록해주고, wamp를 restart한다.

windows hosts 파일을 쉽게 수정하는 법은 다음 글을 참고한다.
https://bekseju9n.pe.kr/windows-10-환경에서-hosts-파일-수정하기/

hosts 파일에 다음을 추가한다.

127.0.0.1	woocommerce.study
::1	woocommerce.study

다음으로 wamp를 restart 한다.

이 단계까지 성공적으로 수행되었다면, 브라우저에서 woocommerce.study 주소로 접속하면 아래와 같은 wordpress 설치 화면을 보게 된다 .

이제 wordpress를 설치해보자.


Step2. WordPress를 설치한다.

(1) 한국어 선택
(2) DB 생성 설명 읽어보기

설치할 wordpress에서 사용할 Database를 만들기 위해 phpmyadmin에 접속한다. MySQL Workbench를 사용해도 좋다.

(3) phpmyadmin에서 DB를 생성한다.
  • DB Name : woocommerce_study
  • Char Set / Collation : utf8mb4_unicode_ci 3
(4) 위에서 설정한 DB명과 사용할 DB User명을 입력한다.
(5) 설치를 실행할 거라고 한다. 실행하기 버튼을 누른다.
(6) wordpress의 기본정보를 입력하라고 한다. 입력하고 설치하기 버튼을 누른다.
(7) 성공적으로 설치되었다고 한다.
(8) 로그인하면 성공적으로 어드민 화면으로 이동한다.

여기까지 수행하면 wordpress 설치는 성공적으로 완료되었다고 보면 된다. 이제 개발을 용이하기 위한 설정을 진행해 보자.


Step3. wp-config.php에 debug 옵션을 추가한다.

별도로 debug 툴을 사용하는 방법 외에 워드프레스 자체의 debug 옵션을 사용할 수도 있다. wp-config.php 파일을 열어 WP_DEBUG를 false에서 true로 변경하고, SCRIPT_DEBUG 항목을 추가한다.

define( 'WP_DEBUG', true );
define( 'SCRIPT_DEBUG', true );
  • WP_DEBUG : PHP의 warning, notice 수준의 오류까지 화면에 출력해준다.
  • SCRIPT_DEBUG : javascript를 min 버전이 아닌 full 버전으로 로드하여 디버깅을 용이하게 해준다.


  1. 그렇다. 이 글은 철저하게 내가 나중에 다시 기억을 되살리기 위해서 쓰는 글이다. 이 블로그의 다른 글들처럼
  2. 처음엔 wamp의 DocRoot인 www아래에 wordpress들을 설치했다. 그러다 보니 점점 더 지저분해지고, 여러 목적의 wordpress 설치본들이 함께 있는게 언젠가 사고칠 거 같은 기분이 들어, 각각 목적별로 설치 위치를 분리하기로 하였다.
  3. character set은 무엇을 선택하여야 하나? 다음 포스팅을 참고해보자. 설명이 잘 되어 있다. https://blog.lael.be/post/917

    다음 링크는 그냥 한번 보기 https://xetown.com/questions/1134326

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다