궁극의 WordPress 로컬 개발 치트 시트

게시 됨: 2023-02-14

여러 페이지의 문서를 검토하지 않고 로컬 WordPress 개발 환경을 설정하고 싶습니까? 우리의 WordPress 로컬 개발 치트 시트는 당신이 빠르고 스마트하게 시작하고 실행하는 데 도움이 될 것입니다!

이 '간단한' 실용 가이드에서는 WordPress 로컬 개발이 무엇인지, 이를 사용할 때 얻을 수 있는 몇 가지 주요 이점에 대해 간략히 설명하고, 로컬 환경을 설정하는 방법, 컴퓨터에 WordPress를 설치하는 방법을 바로 알아봅니다. 라이브로 전환하기 전에 웹사이트를 테스트하십시오.

이 가이드에서는 다음 내용을 다룹니다.

WordPress 로컬 개발이란 무엇입니까?
WordPress 로컬 개발의 이점
로컬 개발 환경 설정
- 필요한 것
- 로컬 서버 소프트웨어 설치
- 가상 호스트 설정
- 로컬 WordPress 설치를 위한 데이터베이스 생성
WordPress를 로컬에 설치하기
- 로컬 서버에 WordPress 다운로드 및 설치
- wp-config.php 파일 구성
라이브 WordPress 사이트를 로컬 환경으로 가져오기
- 라이브 사이트의 데이터베이스 내보내기
- 라이브 사이트의 데이터베이스를 로컬 서버로 가져오기
- 데이터베이스에서 URL 바꾸기
- 라이브 사이트의 파일을 로컬 환경에 업로드
로컬 WordPress 사이트에서 개발 및 테스트
- 변경 및 테스트
- 디버깅
- 다양한 플러그인 및 테마 테스트
라이브 서버에 로컬 WordPress 사이트 배포
- 로컬 사이트의 데이터베이스 내보내기
- 라이브 서버로 데이터베이스 가져오기
- 로컬 사이트의 파일을 라이브 서버에 업로드
- 데이터베이스에서 URL 업데이트
로컬 개발 대 웹호스트 스테이징 환경
- 지역 개발 환경의 장점
- 지역 개발 환경의 단점
- 웹호스트 스테이징 환경의 장점
- 웹호스트 스테이징 환경의 단점

WordPress 로컬 개발이란 무엇입니까?

WordPress 로컬 개발을 사용하면 라이브 사이트에 영향을 주지 않고 컴퓨터에서 WordPress 사이트를 구축, 작업 및 테스트하기 위한 개발 환경을 만들 수 있습니다.

로컬 개발 환경은 프로덕션 서버를 복제하므로 실제 사이트에 변경 사항을 적용하기 전에 다양한 시나리오를 테스트하고 문제를 해결할 수 있습니다.

지역 개발의 이점

WordPress 로컬 개발의 주요 이점 중 일부는 다음과 같습니다.

안전한 테스트 환경 : 로컬 개발 환경은 라이브 사이트에 영향을 주지 않고 새로운 기능, 플러그인 및 테마를 테스트할 수 있는 안전한 공간을 제공합니다.
속도, 성능 및 효율성 : 로컬 개발 환경은 원격 서버보다 빠르고 응답성이 좋습니다. 이는 컴퓨터에서 실행되기 때문에 컴퓨터가 서버보다 훨씬 빠르게 데이터에 액세스하고 데이터를 처리할 수 있으며 컴퓨터와 서버 간의 통신 대기 시간이 없기 때문입니다.
비용 효율적 : 로컬 개발 환경을 설정하면 값비싼 호스팅 서비스가 필요하지 않으며 라이브 사이트에 변경 사항을 배포하는 것과 관련된 비용이 줄어듭니다. 시작하려면 컴퓨터와 텍스트 편집기만 있으면 됩니다.
향상된 협업 : 여러 개발자가 서로의 작업을 방해하지 않고 단일 프로젝트에서 동시에 작업할 수 있습니다.
오프라인 개발 : 로컬 개발 환경을 통해 오프라인 상태에서도 사이트를 개발할 수 있습니다.
향상된 보안 : 작업하고 싶은 "일급 비밀" 프로젝트가 있습니까? 로컬 개발 환경은 시스템에서 실행되기 때문에 원격 서버보다 더 안전하므로 눈에 띄지 않는 곳에서 사이트를 구축하고 작업할 수 있습니다. 무단 접근이나 해킹의 위험이 없습니다.

WordPress 개발자로 이제 막 시작했다면 WordPress 로컬 개발 문서 소개를 참조하십시오. 이미 조금 더 경험이 있다면 로컬 환경에서 WordPress 개발 워크플로를 개선하는 방법에 대한 기사를 확인하십시오.

로컬 개발 환경 설정

로컬 WordPress 개발 환경을 설정하기 전에 필요한 몇 가지 사항이 있습니다.

필요한 것

개발 작업을 지원하기에 충분한 저장 공간과 처리 능력을 갖춘 컴퓨터 외에 로컬 개발 환경을 설정하는 데 필요한 것은 다음과 같습니다.

로컬 서버 소프트웨어

로컬 개발 환경을 실행하려면 로컬 서버 소프트웨어를 설치해야 합니다.

XAMPP, MAMP 및 WAMP는 세 가지 인기 있는 옵션입니다. 이러한 각 로컬 서버 소프트웨어 패키지는 필요한 모든 구성 요소(Apache 웹 서버, MySQL 데이터베이스 및 PHP 스크립팅 언어와 같은 단일 패키지), 이러한 구성 요소를 관리하는 제어판 및 웹 개발자를 위한 완벽한 개발 환경을 제공합니다. 데이터베이스를 관리하는 도구.

그러나 각 소프트웨어 패키지에는 주요 차이점이 있는 고유한 기능이 있으므로 특정 요구 사항을 충족하는 패키지를 선택하는 것이 중요합니다.

각각에 대해 간단히 살펴보겠습니다.

XAMPP

XAMPP는 웹 개발자를 위한 로컬 개발 환경을 제공하는 설치하기 쉬운 무료 오픈 소스 웹 서버 소프트웨어입니다. XAMPP의 네 가지 주요 구성 요소인 Apache, MariaDB, PHP 및 Perl을 나타냅니다.

XAMPP의 몇 가지 주요 기능(및 장점):

Apache 웹 서버, MariaDB 데이터베이스, PHP 및 Perl 스크립팅 언어를 포함합니다.
Windows, Mac 및 Linux를 포함한 여러 운영 체제를 지원합니다.
웹 서버 및 데이터베이스 구성 요소를 관리하기 위한 사용하기 쉬운 제어판.
데이터베이스 관리를 위해 phpMyAdmin과 같은 추가 구성 요소를 설치하는 옵션.

단점:

MAMP 또는 WAMP만큼 인기가 없으므로 커뮤니티 지원이 강력하지 않을 수 있습니다.
구성 요소를 설치하고 구성하는 데 더 많은 기술 지식이 필요한 MAMP 또는 WAMP에 비해 설정이 더 복잡합니다.

XAMPP는 여러 구성 요소가 포함된 완전한 개발 환경이 필요하고 이러한 구성 요소의 구성 및 관리에 익숙한 웹 개발자에게 가장 적합합니다. 또한 여러 운영 체제에서 작업하고 교차 플랫폼 솔루션이 필요한 개발자에게 가장 적합합니다.

MAMP

MAMP는 웹 개발자를 위한 개발 환경을 제공하는 로컬 서버 소프트웨어입니다. MAMP의 네 가지 주요 구성 요소인 Macintosh, Apache, MySQL 및 PHP를 나타냅니다.

MAMP의 몇 가지 주요 기능(및 장점):

Apache 웹 서버, MySQL 데이터베이스 및 PHP 스크립팅 언어를 포함합니다.
macOS 운영 체제에서 지원되지만 Windows 기반 OS에서도 사용할 수 있습니다.
웹 서버 및 데이터베이스 구성 요소를 관리하기 위한 사용하기 쉬운 제어판.
데이터베이스 관리를 위해 phpMyAdmin과 같은 추가 구성 요소를 설치하는 옵션.

단점:

PHP 스크립팅 언어만 사용할 수 있습니다.
일부 개발자의 요구 사항을 제한할 수 있는 XAMPP에 비해 구성 요소 수가 적습니다.

MAMP는 macOS 운영 체제에서 작업하는 웹 개발자에게 가장 적합합니다.

이 옵션 사용에 대한 자세한 내용은 MAMP를 사용하여 로컬에서 WordPress를 개발하는 방법에 대한 자습서를 확인하십시오.

WampServer

WAMP는 웹 개발자를 위한 개발 환경을 제공하는 로컬 서버 소프트웨어입니다. WAMP의 네 가지 주요 구성 요소인 Windows, Apache, MySQL 및 PHP를 나타냅니다.

WAMP의 몇 가지 주요 기능(및 장점):

Apache 웹 서버, MySQL 데이터베이스 및 PHP 스크립팅 언어를 포함합니다.
Windows 운영 체제를 지원합니다.
웹 서버 및 데이터베이스 구성 요소를 관리하기 위한 사용하기 쉬운 제어판.
데이터베이스 관리를 위해 phpMyAdmin과 같은 추가 구성 요소를 설치하는 옵션.

단점:

Windows만 지원하므로 macOS 또는 Linux를 사용하는 개발자는 다른 곳을 찾아야 할 수 있습니다.
일부 개발자의 요구 사항을 제한할 수 있는 XAMPP에 비해 구성 요소 수가 적습니다.

WAMP는 Windows 운영 체제에서 작업하고 기본 구성 요소가 포함된 완전한 개발 환경이 필요한 웹 개발자에게 가장 적합합니다.

이 옵션에 대한 자세한 내용은 WAMP를 사용하여 로컬에서 WordPress를 개발하는 방법에 대한 자습서를 확인하십시오.

XAMPP, MAMP 및 WAMP는 모두 로컬 개발 환경을 찾는 웹 개발자에게 탁월한 선택이지만 Local by Flywheel, DesktopServer 및 (두 대 이상의 컴퓨터에서 WordPress를 로컬로 작업해야 하는 경우)를 포함하여 사용 가능한 다른 옵션이 있습니다. USB에서 WordPress를 설치하고 실행할 수도 있습니다.

텍스트 에디터

필요한 다른 구성 요소는 PHP와 같은 프로그래밍 언어로 작업하도록 특별히 설계된 WordPress 개발용 텍스트 편집기입니다. 텍스트 편집기는 코드를 편집하고 웹 사이트를 변경하는 데 필수적입니다.

텍스트 편집기에 대한 몇 가지 인기 있는 옵션을 살펴보겠습니다.

숭고한 텍스트

Sublime Text는 개발자가 코딩 및 스크립팅 목적으로 널리 사용하는 인기 있는 텍스트 편집기입니다. 깨끗하고 빠르며 직관적인 인터페이스를 제공하여 대규모 코드베이스로 쉽게 작업할 수 있습니다.

Sublime Text의 몇 가지 주요 기능:

80개 이상의 프로그래밍 언어에 대한 구문 강조 표시 및 코드 완성
사용자 지정 가능한 색 구성표, 키 바인딩 및 매크로
다중 선택, 분할 편집 및 열 편집과 같은 고급 검색 및 편집 도구
프로젝트별 설정 시스템으로 프로젝트 간 즉시 전환

Sublime Text는 HTML, CSS 및 JavaScript로 코드를 작성해야 하는 프로젝트에서 작업하는 개발자를 위한 훌륭한 도구입니다. 코딩 프로세스를 빠르고 효율적으로 만드는 사용하기 쉬운 구문 강조 표시, 코드 완성 및 편집 도구를 제공합니다.

비주얼 스튜디오 코드

Visual Studio Code는 Microsoft에서 개발한 무료 오픈 소스 코드 편집기입니다. 개발자가 대규모 프로젝트를 만들고 관리하는 데 도움이 되는 다양한 기능과 도구를 제공합니다.

Visual Studio Code의 몇 가지 주요 기능:

스마트하고 고급 코드 완성 및 디버깅 도구인 IntelliSense
내장된 Git 지원 및 디버깅
여러 프로그래밍 언어를 지원하고 대규모 확장 라이브러리 보유
사용자 정의 가능한 인터페이스 및 작업 공간

추가 텍스트 편집기에 대해서는 WordPress 개발을 위한 최고의 텍스트 편집기 목록을 참조하십시오.

위의 요구 사항을 모두 체크하셨습니까?

컴퓨터가 필수 사양을 충족함
선택된 로컬 서버 소프트웨어
선택한 텍스트 편집기

엄청난! 그럼 다음 단계로 넘어갑시다...

로컬 서버 소프트웨어 설치

이 예에서는 Windows 운영 체제에 XAMPP를 설치합니다. 아래에 설명된 것과 동일한 프로세스를 사용하여 선택한 로컬 서버 소프트웨어를 컴퓨터에 설치하고 소프트웨어 패키지의 특정 지침을 따릅니다.

XAMPP 다운로드 : XAMPP 공식 웹사이트로 이동하여 최신 버전의 Windows용 XAMPP를 다운로드합니다.
XAMPP 설치 : 다운로드한 파일을 두 번 클릭하여 설치 프로세스를 시작합니다. 다운로드한 설치 프로그램 파일을 실행하고 화면의 지시에 따라 XAMPP를 설치합니다. 기본적으로 XAMPP는 C:\xampp 디렉터리에 설치됩니다.
XAMPP 시작 : 설치 후 시작 메뉴 또는 바탕 화면 바로 가기에서 XAMPP 제어판을 엽니다. 각 모듈 옆에 있는 "시작" 버튼을 클릭하여 Apache 및 MySQL 모듈을 시작합니다.
설치 확인 : XAMPP가 올바르게 작동하는지 확인하려면 웹 브라우저를 열고 http://localhost 로 이동합니다. 그러면 XAMPP 시작 페이지가 표시됩니다.
가상 호스트 만들기 : 가상 호스트를 만들려면 아래 설명된 단계를 따르세요.

이제 XAMPP가 컴퓨터에 설치되고 구성되어야 합니다. 로컬에서 웹사이트 개발 및 테스트를 시작할 준비가 되었습니다.

참고: XAMPP 또는 MAMP 또는 WAMP와 같은 기타 로컬 서버 소프트웨어를 설치하는 프로세스는 사용 중인 운영 체제에 따라 약간 다를 수 있습니다. Mac 및 Linux 운영 체제의 경우 XAMPP 웹 사이트에서 제공되는 설치 지침을 따를 수 있습니다.

XAMPP 설정, XAMPP 업그레이드, XAMPP 문제 해결 및 XAMPP 로컬 호스트에서 웹으로 WordPress 마이그레이션에 대한 추가 정보는 다른 XAMPP 관련 자습서를 참조하십시오.

가상 호스트 설정

로컬 개발 환경에서 가상 호스트를 설정하면 개발자가 각각 고유한 URL을 사용하여 로컬 컴퓨터에서 여러 웹사이트를 실행할 수 있습니다. 이를 통해 보다 현실적인 테스트 환경을 제공하고 다른 프로젝트 간에 쉽게 전환할 수 있습니다.

로컬 개발 환경에서 가상 호스트를 설정하고 웹 사이트 테스트를 시작하려면 아래의 단계별 가이드를 참조하세요.

1. Apache 구성 파일 열기 : 로컬 서버 소프트웨어의 구성 파일을 엽니다. 이 예에서는 XAMPP를 사용하므로 일반적으로 /etc/httpd/conf/httpd.conf 또는 C:\xampp\apache\conf\httpd.conf 에 있는 Apache 구성 파일을 엽니다.

2. 가상 호스팅 활성화 : "# Virtual Hosts" 섹션을 찾아 줄 시작 부분에서 해시 기호(#)를 제거하여 다음 줄의 주석 처리를 제거합니다. #Include conf/extra/httpd-vhosts.conf .

3. 가상 호스트 구성 : 일반적으로 /etc/httpd/conf/extra/httpd-vhosts.conf 또는 C:\xampp\apache\conf\extra\httpd-vhosts.conf 에 있는 가상 호스트 구성 파일을 엽니다.

4. 새 가상 호스트 추가 : 다음 형식으로 새 코드 블록을 만들어 새 가상 호스트를 추가합니다.

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

이 작업을 수행:

"example.local"을 원하는 가상 호스트 URL로 바꿉니다.
"/path/to/document/root"를 가상 호스트의 문서 루트 디렉토리에 대한 전체 경로로 바꿉니다.

5. 호스트 파일 업데이트 : 호스트 파일은 도메인 이름을 IP 주소에 매핑합니다. 지정한 URL을 통해 가상 호스트에 액세스하려면 호스트 파일에 항목을 추가해야 합니다. 호스트 파일은 일반적 /etc/hosts or C:\Windows\System32\drivers\etc\hosts 에 있습니다. 127.0.0.1 example.local 형식으로 새 줄을 추가합니다. "example.local"을 가상 호스트 구성에 지정된 URL로 바꿉니다. 변경 사항을 구성 파일에 저장하십시오.

6. Apache 다시 시작 : Apache 로컬 웹 서버를 다시 시작하여 변경 사항을 적용합니다.

7. 가상 호스트 테스트 : 웹 브라우저에서 URL을 방문하여 가상 호스트를 테스트하십시오. 브라우저는 가상 호스트에 대한 문서 루트 디렉토리의 내용을 표시해야 합니다.

로컬 WordPress 설치를 위한 데이터베이스 생성

WordPress 프로젝트를 로컬로 설정하기 전의 다음 단계는 로컬 개발 환경을 위한 데이터베이스를 생성하는 것입니다.

XAMPP에서 데이터베이스를 생성하려면 다음 단계별 지침을 따르십시오.

1. XAMPP 제어판 열기 : 시작 메뉴 또는 바탕 화면 바로 가기에서 XAMPP 제어판을 엽니다. Apache 및 MySQL 모듈이 실행 중인지 확인하십시오.

2. phpMyAdmin 액세스 : phpMyAdmin에 액세스하려면 웹 브라우저를 열고 http://localhost/phpmyadmin 으로 이동합니다. 그러면 브라우저에서 phpMyAdmin 인터페이스가 열립니다.

3. 새 데이터베이스 만들기 : phpMyAdmin 인터페이스에서 "데이터베이스" 탭을 클릭합니다. "데이터베이스 생성" 섹션에서 새 데이터베이스의 이름을 입력하고 "utf8mb4_general_ci" 데이터 정렬을 선택합니다. 그런 다음 "만들기" 버튼을 클릭합니다.

4. 새 사용자 만들기 : 데이터베이스에 대한 새 사용자를 만들려면 “사용자” 탭을 클릭한 다음 “사용자 추가” 버튼을 클릭합니다. "사용자 추가" 양식에서 새 사용자의 사용자 이름과 암호를 입력하고 "로컬"을 호스트로 선택합니다. "데이터베이스에 대한 모든 권한 부여" 확인란을 선택하여 사용자에게 모든 권한을 부여해야 합니다. 마지막으로 "이동" 버튼을 클릭합니다.

5. 세부 정보 저장 : 데이터베이스 이름, 사용자 이름 및 암호를 기록하거나 저장합니다. 나중에 데이터베이스를 WordPress에 연결할 때 필요합니다.

위의 단계를 완료하면 로컬 WordPress 설치 및 로컬 개발 환경을 위한 데이터베이스가 성공적으로 생성됩니다.

이제 이 데이터베이스를 사용하여 WordPress 사이트를 로컬에서 개발하고 테스트할 때 데이터를 저장하고 관리할 수 있습니다.

위 단계를 모두 완료하셨습니까?

설치된 로컬 서버 소프트웨어
가상 호스트 설정
생성된 데이터베이스

엄청난! 그럼 다음 단계로 넘어갑시다...

WordPress를 로컬에 설치하기

이제 로컬 환경을 준비했으므로 다음 단계는 WordPress를 다운로드, 설치 및 구성하는 것입니다.

로컬 서버에 WordPress 다운로드 및 설치

이 프로세스를 완료하려면 아래 단계를 따르십시오.

워드프레스 웹사이트 방문 : 공식 WordPress.org 웹사이트로 이동하여 "워드프레스 다운로드" 버튼을 클릭하여 최신 버전의 워드프레스를 다운로드합니다.
아카이브 압축 해제 : WordPress 다운로드는 압축된 ZIP 파일입니다. 아카이브의 내용을 컴퓨터의 디렉토리에 추출하십시오.
압축을 푼 파일을 로컬 서버로 이동 : 압축을 푼 디렉토리의 내용을 로컬 서버의 루트 디렉토리로 이동합니다. 예를 들어 XAMPP를 사용하는 경우 일반적으로 Windows에서는 C:\xampp\htdocs 이고 macOS에서는 /Applications/XAMPP/htdocs 입니다.
데이터베이스 만들기 : (참고: 이 단계를 이미 수행한 경우 이 단계가 이미 완료되어 있어야 합니다.) WordPress를 설치하기 전에 데이터베이스를 만들어야 합니다. XAMPP 및 MAMP와 같은 대부분의 로컬 서버 소프트웨어에 포함된 phpMyAdmin과 같은 도구를 사용하여 이 작업을 수행할 수 있습니다.
설치 시작 : 웹 브라우저를 열고 http://localhost/wordpress (또는 로컬 서버에 해당하는 URL)로 이동합니다. WordPress 설치 프로세스가 시작됩니다.
언어 선택 : 첫 화면에서 원하는 언어를 선택하고 “계속” 버튼을 클릭합니다.
데이터베이스 정보 입력 : 다음 화면에서 4단계에서 생성한 데이터베이스 정보를 입력합니다. 여기에는 데이터베이스 이름, 데이터베이스 사용자 이름 및 데이터베이스 비밀번호가 포함됩니다.
사이트 정보 입력 : 다음 화면에서 로컬 워드프레스 사이트 정보를 입력합니다. 여기에는 사이트 제목, 사용자 이름, 비밀번호 및 이메일 주소가 포함됩니다.
설치 실행 : 모든 정보를 입력했으면 “WordPress 설치” 버튼을 클릭하여 설치를 실행합니다.
사이트에 로그인 : 설치가 완료되면 8단계에서 만든 사용자 이름과 암호를 사용하여 로컬 WordPress 사이트에 로그인하여 로컬 사이트 사용자 지정 및 개발을 시작합니다.

이제 WordPress를 성공적으로 다운로드하고 설치했습니다.

이제 사이트를 라이브 서버에 배포하기 전에 로컬 개발 환경의 모든 이점을 활용하여 로컬에서 사이트 사용자 지정 및 개발을 시작할 수 있습니다.

wp-config.php 파일 구성

wp-config.php 파일은 로컬 WordPress 설치 및 로컬 개발 환경 설정에서 중요한 구성 요소입니다. 이 파일에는 WordPress가 데이터베이스 및 기타 중요한 설정과 상호 작용하는 방식을 제어하는 구성 설정이 포함되어 있습니다.

위의 설치 지침을 따른 경우 데이터베이스 자격 증명이 자동으로 wp-config.php 파일에 추가됩니다.

어떤 이유로든 wp-config.php 파일을 수동으로 구성해야 하는 경우 아래 지침을 따르십시오.

1. wp-config.php 파일 생성 : 로컬 WordPress 설치에 아직 wp-config.php 파일이 없는 경우 wp-config-sample.php 파일을 복사하고 이름을 wp-config.php 로 변경하여 파일을 생성할 수 있습니다. wp-config.php .

2. 데이터베이스 자격 증명 업데이트 : wp-config.php 파일을 열고 다음 줄을 적절한 정보로 업데이트합니다.

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

database_name , database_user 및 database_password 이전 단계에서 데이터베이스 및 사용자를 생성할 때 사용한 값으로 바꿉니다.

3. WordPress 보안 키 설정 : WordPress 보안 키는 쿠키에 저장된 정보를 암호화하여 사이트에 추가 보안 계층을 추가합니다. 공식 WordPress 사이트에서 보안 키 세트를 생성할 수 있습니다. 생성된 키를 복사하여 wp-config.php 파일에 붙여넣고 이미 있는 자리 표시자 키를 바꿉니다.

4. 디버깅 활성화 : 로컬 개발의 경우 WordPress에서 디버깅을 활성화하는 것이 유용합니다. 이렇게 하면 사이트 문제를 해결하는 데 도움이 될 수 있는 자세한 오류 메시지와 경고가 제공됩니다. 디버깅을 활성화하려면 wp-config.php 파일에 다음 행을 추가하십시오.

define( 'WP_DEBUG', true );

5. 변경 사항 저장 : wp-config.php 파일을 변경했으면 파일을 저장하고 닫습니다.

wp-config.php 파일을 성공적으로 구성하면 로컬에 설치된 WordPress 사이트가 데이터베이스에 연결할 수 있고 안전하며 사이트를 로컬에서 개발하고 테스트할 때 유용한 디버깅 정보를 제공할 수 있습니다.

라이브 WordPress 사이트를 로컬 환경으로 가져오기

라이브 WordPress 사이트를 로컬 환경으로 가져와야 하는 경우 아래 단계를 따르십시오.

라이브 사이트의 데이터베이스 내보내기

라이브 사이트의 데이터베이스를 내보내려면 라이브 사이트의 서버에 대한 액세스 권한이 있어야 합니다.

라이브 사이트의 데이터베이스를 내보내는 단계는 다음과 같습니다(참고: 서버 환경마다 이 작업을 다르게 수행하지만 대부분 유사한 프로세스를 따라야 함).

라이브 서버의 제어판에 로그인합니다 .
데이터베이스 접속 : 첫 번째 단계는 라이브 사이트의 데이터베이스에 접속하는 것입니다. 웹 호스팅 공급자가 자주 제공하는 phpMyAdmin과 같은 도구를 사용하여 이 작업을 수행할 수 있습니다. "데이터베이스" 섹션을 찾아 "phpMyAdmin"을 클릭합니다.
데이터베이스 선택 : phpMyAdmin에 로그인한 후 왼쪽 패널에서 라이브 사이트의 데이터베이스를 선택합니다.
데이터베이스 내보내기 : 내보내기 프로세스를 시작하려면 "내보내기" 버튼을 클릭하십시오.
내보내기 형식 선택 : 내보내기 화면에서 "빠른" 내보내기 방법을 선택하고 "SQL" 형식을 선택한 다음 "구조" 및 "데이터" 옵션이 선택되어 있는지 확인합니다.
내보내기 파일 다운로드 : "이동" 버튼을 클릭하여 컴퓨터로 내보내기 파일을 다운로드합니다.

로컬 서버로 데이터베이스 가져오기

라이브 사이트의 데이터베이스를 로컬 서버로 가져오려면 선택한 로컬 서버 소프트웨어가 컴퓨터에 이미 설치되어 있는지 확인하십시오.

라이브 사이트의 데이터베이스를 로컬 서버로 가져오는 단계는 다음과 같습니다.

로컬 서버 소프트웨어에서 phpMyAdmin 열기 : 로컬 서버용 phpMyAdmin에 로그인하고 로컬 WordPress 설치를 위해 생성한 데이터베이스를 선택합니다.
데이터베이스 가져오기 : 방금 다운로드한 내보내기 파일에서 데이터를 가져오려면 "가져오기" 버튼을 클릭합니다.
가져오기 파일 선택 : 가져오기 화면에서 "파일 선택" 버튼을 클릭하고 방금 다운로드한 내보내기 파일을 선택한 다음 "이동" 버튼을 클릭하여 가져오기 프로세스를 시작합니다.

데이터베이스에서 URL 바꾸기

라이브 사이트의 데이터베이스를 가져온 후 로컬 개발 환경과 일치하도록 데이터베이스의 URL을 바꿔야 합니다.

데이터베이스에서 URL을 교체하는 단계는 다음과 같습니다.

1. 로컬 서버 소프트웨어에서 phpMyAdmin을 엽니다.
2. 왼쪽 패널에서 가져온 데이터베이스를 선택합니다.
3. "SQL" 탭을 클릭합니다.
4. 텍스트 영역에 다음 쿼리를 입력합니다.

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. "http://www.livesite.com"을 라이브 사이트의 URL로 바꾸고 "http://local.livesite.com"을 로컬 개발 환경의 URL로 바꿉니다.

6. "이동" 버튼을 클릭하여 쿼리를 실행합니다.

라이브 사이트의 파일을 로컬 환경에 업로드

라이브 사이트의 파일을 로컬 환경에 업로드하려면 라이브 사이트 서버에 대한 FTP 액세스 권한이 있어야 합니다.

아래 단계에 따라 라이브 사이트의 파일을 로컬 환경에 업로드하십시오.

FileZilla와 같은 FTP 클라이언트를 사용하여 라이브 사이트의 서버에 연결합니다.
서버에서 라이브 사이트의 루트 디렉터리로 이동합니다.
모든 파일을 로컬 컴퓨터에 다운로드합니다.
일반적으로 XAMPP 또는 기타 로컬 서버 소프트웨어의 "htdocs" 또는 "www" 폴더에 있는 로컬 개발 환경의 루트 디렉터리에 다운로드한 파일을 배치합니다.

노트:

이미 WordPress 설치가 있는 경우 위 폴더가 비어 있지 않고 기존 파일과 디렉터리를 교체하라는 메시지가 표시되므로 wp-config.php 파일을 제외한 모든 파일을 교체하여 연결된 구성을 포함하여 동일한 구성을 유지합니다. 라이브 사이트의 데이터로 채워진 데이터베이스.
라이브 사이트의 파일을 로컬 환경에 업로드하기 전에 로컬 서버 소프트웨어에서 파일을 쓸 수 있도록 파일 권한을 변경해야 할 수 있습니다.
또한 변경하기 전에 로컬 WordPress 백업을 테스트해야 합니다.

그게 다야! 이제 라이브 사이트를 로컬 WordPress 설치 및 로컬 개발 환경으로 성공적으로 가져왔습니다.

로컬 WordPress 사이트에서 개발 및 테스트

마침내 라이브 사이트와 동일한 데이터를 사용하여 로컬에서 사이트를 개발하고 테스트할 준비가 되어 테스트 및 개발을 위한 실제와 같은 환경을 제공합니다.

프로세스를 살펴보겠습니다.

변경 및 테스트

로컬 WordPress 사이트에 로그인: 웹 브라우저에서 로컬 WordPress 사이트를 열고 관리자 자격 증명을 사용하여 WordPress 대시보드에 로그인합니다.
사이트 변경: 테마, 플러그인 또는 사용자 지정 코드를 편집하여 로컬 WordPress 사이트를 변경할 수 있습니다. WordPress 대시보드에서 이러한 요소에 액세스하기만 하면 됩니다.
변경 사항 테스트: 로컬 WordPress 사이트를 변경한 후 변경 사항을 테스트하여 예상대로 작동하는지 확인하는 것이 중요합니다. 사이트의 프런트 엔드를 방문하여 변경 사항이 적용되었는지 확인하여 변경 사항을 테스트할 수 있습니다.

디버깅

디버깅 모드 사용: WordPress에는 사이트의 문제를 쉽게 식별하고 해결할 수 있는 디버깅 모드가 내장되어 있습니다. 디버깅 모드를 활성화하려면 wp-config.php 파일에 다음 코드를 추가해야 합니다: define( 'WP_DEBUG', true ); .
오류 로그 확인: 로컬 WordPress 사이트에 문제가 있는 경우 오류 로그를 확인하여 문제를 식별하는 데 도움이 되는 오류 메시지나 경고 메시지가 있는지 확인할 수 있습니다. 오류 로그는 wp-content 디렉토리에 있는 WordPress 디버그 로그 파일에서 찾을 수 있습니다.
디버깅 도구 사용: 사이트의 문제를 식별하고 해결하는 데 도움이 되는 WordPress용 디버깅 도구 및 플러그인이 많이 있습니다. 예를 들어 쿼리 모니터 플러그인은 데이터베이스 쿼리, 플러그인 사용 등에 대한 자세한 정보를 제공합니다. WordPress 디버깅에 대한 도움말은 이 자습서를 참조하십시오. WordPress 디버깅: WP_Debug 사용 방법

다양한 플러그인 및 테마 테스트

로컬 WordPress 사이트에서 플러그인 및 테마를 설치, 활성화 및 테스트하는 것은 다른 일반 WordPress 사이트에서와 똑같은 방식으로 작동합니다. 따라서 테스트 모드에서 다음을 수행해야 합니다.

플러그인 설치 : 로컬 WordPress 사이트에 플러그인을 설치하여 사이트에 새로운 기능을 추가합니다. 플러그인을 설치하려면 WordPress 대시보드에 로그인하고 플러그인 섹션으로 이동한 다음 새로 추가 버튼을 클릭합니다.
플러그인 활성화 : 테스트 중인 플러그인을 사이트에서 사용하기 위해 설치 후 활성화합니다. 플러그인을 활성화하려면 WordPress 대시보드의 플러그인 섹션으로 이동하고 사용하려는 플러그인 옆에 있는 활성화 버튼을 클릭합니다.
플러그인 테스트 : 플러그인을 활성화한 후 플러그인을 테스트하여 예상대로 작동하는지 확인하는 것이 중요합니다. 사이트의 프런트 엔드를 방문하고 플러그인이 적용되었는지 확인하여 플러그인을 테스트합니다.
테마 설치 : 로컬 WordPress 사이트에 테마를 설치하여 사이트의 모양을 변경합니다. 테마를 설치하려면 WordPress 대시보드에 로그인하고 모양 섹션으로 이동한 다음 테마 버튼을 클릭합니다.
테마 활성화 : 설치 후 테마를 활성화하여 사이트 모양을 변경합니다. 테마를 활성화하려면 WordPress 대시보드의 모양 섹션으로 이동하고 사용하려는 테마 옆에 있는 활성화 버튼을 클릭합니다.
테마 테스트 : 테마를 활성화한 후에는 테마가 예상대로 작동하는지 테스트하는 것이 중요합니다. 사이트의 프런트 엔드를 방문하고 테마가 적용되었는지 확인하여 테마를 테스트합니다.

필요한 모든 변경 사항을 적용하고, 문제를 디버깅하고, 로컬 사이트에서 다양한 플러그인과 테마를 테스트해 보셨습니까?

엄청난! 이제 로컬 WordPress 사이트를 라이브로 만들 준비가 되었습니다.

라이브 서버에 로컬 WordPress 사이트 배포

이 프로세스의 마지막 단계는 모든 로컬 WordPress 파일 및 데이터베이스를 라이브 호스팅 환경으로 내보내고 사이트의 모든 변경 사항, 구성 및 URL이 라이브 사이트에서 작동하는지 확인하는 것입니다.

로컬 사이트의 데이터베이스 내보내기

아래 단계에 따라 로컬 WordPress 사이트를 라이브 서버로 내보내십시오.

PHPMyAdmin을 사용하여 로컬 사이트의 데이터베이스에 로그인합니다.
내보낼 데이터베이스를 선택합니다.
"내보내기" 탭으로 이동합니다.
"빠른" 내보내기 방법을 선택하십시오.
"SQL" 형식을 선택합니다.
"이동"을 클릭하여 SQL 파일을 컴퓨터에 다운로드합니다.

라이브 서버로 데이터베이스 가져오기

아래 단계에 따라 로컬 WordPress 데이터베이스의 내보내기 파일을 라이브 사이트로 가져옵니다.

PHPMyAdmin을 사용하여 라이브 서버의 데이터베이스에 로그인합니다.
라이브 사이트에 대한 새 데이터베이스를 만듭니다.
새 데이터베이스로 이동하여 "가져오기" 탭을 선택합니다.
로컬 사이트에서 내보낸 SQL 파일을 선택합니다.
"이동"을 클릭하여 데이터베이스를 가져옵니다.

이제 로컬 사이트에서 라이브 사이트로 데이터베이스를 마이그레이션했으므로 사이트 파일에 대해 동일한 작업을 수행해 보겠습니다.

로컬 사이트의 파일을 라이브 서버에 업로드

아래 단계에 따라 로컬 WordPress 사이트의 파일을 라이브 사이트에 업로드하십시오.

파일 준비: 로컬 사이트의 파일을 서버에 업로드하기 전에 파일을 검토하고 정리하는 것이 좋습니다. 여기에는 업로드되는 데이터의 양을 최소화하기 위해 백업 또는 테스트 파일과 같은 불필요한 파일을 제거하는 것이 포함될 수 있습니다.
서버에 연결: FTP, SFTP 등 다양한 방법으로 서버에 연결할 수 있습니다. FileZilla와 같은 클라이언트 소프트웨어를 사용하여 서버에 연결해야 합니다. 연결하려면 서버 호스트, 사용자 이름 및 암호를 제공해야 합니다.
파일 업로드: 서버에 연결되면 로컬 사이트의 파일을 서버에 업로드할 수 있습니다. 개별 파일 업로드 또는 전체 로컬 사이트 폴더 업로드를 포함하여 다양한 방법으로 파일을 업로드할 수 있습니다. 서버에서 라이브 사이트의 루트 디렉터리로 이동합니다. 모든 로컬 사이트의 파일을 서버의 라이브 사이트 디렉터리에 업로드하고 메시지가 표시되면 기존 파일을 교체합니다.
데이터베이스 정보 업데이트: 서버에 파일을 업로드한 후 라이브 사이트의 데이터베이스 정보를 반영하도록 wp-config.php 파일의 데이터베이스 정보를 업데이트해야 합니다. 텍스트 편집기에서 wp-config.php 파일을 열고 라이브 데이터베이스와 일치하도록 데이터베이스 이름, 사용자 이름 및 암호를 업데이트합니다.
데이터베이스의 URL 업데이트: 아래 섹션을 참조하십시오.
사이트 테스트: 로컬 사이트의 파일을 서버에 업로드한 후 사이트를 테스트하여 모든 것이 올바르게 작동하는지 확인하는 것이 좋습니다. 여기에는 사이트의 기능, 링크 및 이미지를 테스트하여 예상대로 작동하는지 확인하는 작업이 포함될 수 있습니다.

데이터베이스에서 URL 업데이트

텍스트 편집기를 사용하거나 데이터베이스에서 직접 작업하여 데이터베이스의 URL을 업데이트할 수 있습니다(변경하기 전에 데이터베이스가 완전히 백업되었는지 확인).

텍스트 편집기를 사용하여 URL 업데이트

텍스트 편집기를 사용하여 데이터베이스의 URL을 업데이트하려면 아래 단계를 따르십시오.

데이터베이스 내보내기: 데이터베이스의 URL을 업데이트하기 전에 데이터베이스를 내보내야 합니다. 데이터베이스 관리 도구(예: phpMyAdmin)를 사용하십시오.
URL 찾기 및 바꾸기 : 데이터베이스를 내보낸 후에는 데이터베이스에서 URL을 찾아서 바꿔야 합니다. Sublime 또는 Visual Studio Code와 같은 텍스트 편집기를 사용하여 이 작업을 수행할 수 있습니다. URL을 검색하여 교체하고, 직렬화된 데이터의 URL을 포함하여 URL을 신중하고 철저하게 교체해야 합니다.
데이터베이스 가져오기 : 데이터베이스의 URL을 업데이트한 후 데이터베이스를 로컬 개발 환경으로 다시 가져와야 합니다. phpMyAdmin과 같은 데이터베이스 관리 도구를 사용하여 데이터베이스를 가져올 수 있습니다.
사이트 테스트 : 업데이트된 데이터베이스를 가져온 후 사이트를 테스트하여 모든 것이 올바르게 작동하는지 확인하는 것이 좋습니다. 여기에는 사이트의 기능, 링크 및 이미지를 테스트하여 예상대로 작동하는지 확인하는 작업이 포함될 수 있습니다.

데이터베이스에서 URL 업데이트

아래 단계에 따라 데이터베이스에서 직접 URL을 업데이트하십시오.

1. PHPMyAdmin을 사용하여 라이브 사이트의 데이터베이스에 로그인합니다.
2. 라이브 사이트의 데이터베이스를 선택합니다.
3. "SQL" 탭으로 이동합니다.
4. 다음 SQL 쿼리를 실행하여 URL을 업데이트합니다.

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

"old-url"을 로컬 사이트의 URL로 바꾸고 "new-url"을 라이브 사이트의 URL로 바꿉니다.

5. "이동"을 클릭하여 쿼리를 실행합니다.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

Easy to Use : Local development environments are easy to use, even for beginner developers.
Flexibility : You have complete control over your local development environment, so you can configure it however you like.
Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!