웹사이트를 수정했다가 나중에 후회해 본 적이 있으신가요?
사이트에 변경 사항을 적용한 뒤, 그 결과가 기대에 못 미치거나 사이트 자체가 깨져버리는 경험은 정말 악몽 같습니다.
문제는 여기서 끝나지 않습니다. 수정 이전 상태로 되돌리는 방법을 찾아야 할 뿐만 아니라, 손상된 사이트를 복구해야 할 수도 있습니다.
게다가 수정 작업에 이미 많은 시간을 투자했는데, 이제 다시 롤백하는 데 추가 시간을 소모해야 하죠.
우리 모두 한 번쯤 겪어봤기 때문에 그 고통을 잘 알고 있습니다.
라이브 사이트에 직접 적용하기 전에 먼저 변경 사항을 테스트할 수 있다면 얼마나 좋을까요? 바로 스테이징(staging) 환경이 이것을 가능하게 해줍니다.
스테이징 사이트는 라이브 사이트의 복제본으로, 라이브 사이트에 아무런 위험을 주지 않은 채 자유롭게 테스트할 수 있는 공간입니다.
이 글에서는 워드프레스 사이트의 스테이징 환경을 만드는 방법을 단계별로 자세히 안내합니다.
핵심 요약: 스테이징 사이트를 만드는 방법은 다양하지만, 가장 쉬운 방법은 BlogVault Staging 같은 플러그인을 설치하는 것입니다. 버튼 클릭 한 번으로 스테이징 사이트를 생성할 수 있으며, 작업이 끝난 후에도 클릭 한 번으로 변경 사항을 라이브 사이트에 반영할 수 있습니다.
워드프레스 스테이징 환경이란?
스테이징 환경은 말 그대로 라이브 웹사이트의 복제본입니다. 스테이징 환경은 테스트와 실험적인 변경 작업을 수행하기 위해 사용됩니다.
워드프레스 스테이징 사이트는 다음과 같은 경우에 특히 유용합니다.
- 웹사이트 업데이트 시 – 사이트 코어 또는 플러그인 하나만 업데이트해도 호환성 문제로 사이트가 깨질 수 있습니다.
- 새 테마나 새 플러그인을 시도할 때 – 라이브 사이트에 영향을 주지 않고 미리 확인할 수 있습니다.
- 레이아웃, 이미지, 디자인 등 대규모 변경 작업을 할 때 – 결과물을 미리 검토한 후 적용할 수 있습니다.
- 라이브 사이트에서 발생한 문제를 해결할 때 – 라이브 사이트에서 직접 문제를 추적하면 더 큰 오류가 생기거나 방문자 경험이 나빠질 수 있습니다.
워드프레스 스테이징 환경은 매우 유용하지만 단점도 존재합니다. 다음 섹션에서 장단점을 살펴보겠습니다.
스테이징 환경 사용의 장점
- 라이브 사이트를 망가뜨릴 위험 없이 웹사이트에서 자유롭게 실험할 수 있습니다.
- 업데이트를 실행하여 호환성 문제가 있는지 라이브 사이트에 영향을 주지 않고 미리 확인할 수 있습니다.
- 사이트를 점검 중 모드로 전환하지 않고도 사이트를 괴롭히는 심각한 문제의 원인을 파악할 수 있습니다.
- 백업 복사본을 검증할 수 있습니다. 특정 백업본으로 복원하기 전에 스테이징 사이트에서 해당 백업이 정상적으로 작동하는지 확인할 수 있습니다.
스테이징 환경 사용의 단점
- 스테이징 사이트를 만들려면 추가 비용이 들 수 있습니다. 일부 호스팅 업체는 유료로 스테이징 서비스를 제공하고, 일부 스테이징 플러그인도 유료입니다.
- 스테이징 환경 설정이 복잡하고 시간이 많이 걸릴 수 있습니다.
- 스테이징 사이트의 변경 사항을 라이브 사이트에 반영하는 것 역시 시간이 걸립니다. 변경 사항이 너무 많거나 복잡하면 어떤 수정을 했는지 잊어버리기 쉽습니다.
참고: 스테이징 사이트 사용에는 몇 가지 어려움이 있지만 충분히 극복 가능합니다. 예를 들어 BlogVault 같은 플러그인은 무료 스테이징 서비스를 제공하며, 버튼 클릭만으로 스테이징 환경을 만들고 변경 사항을 라이브 사이트에 반영할 수 있습니다.
워드프레스 스테이징 환경 만드는 방법
워드프레스에서 스테이징 환경을 만드는 방법은 크게 세 가지입니다.
i. 워드프레스 플러그인으로 스테이징 사이트 만들기 (쉬움)
ii. 웹 호스팅 업체 기능으로 스테이징 사이트 만들기 (쉬움)
iii. 수동으로 스테이징 사이트 만들기 (어려움)
세 가지 방법을 모두 소개하니, 본인에게 가장 편리한 방법을 선택하시면 됩니다.
i. 워드프레스 플러그인으로 스테이징 사이트 만들기
앞서 일부 스테이징 플러그인은 유료이지만 BlogVault는 무료로 제공한다고 언급했습니다. 이 섹션에서는 BlogVault 플러그인으로 스테이징 사이트를 만드는 방법을 보여드리겠습니다. 그 전에 BlogVault가 좋은 선택인 이유를 몇 가지 짚고 넘어가겠습니다.
- 많은 스테이징 플러그인이 내 사이트의 서버에 스테이징 사이트를 저장합니다. 이 경우 서버에 부담이 가중되어 웹사이트가 느려집니다. 반면 BlogVault는 자체 서버에 스테이징 사이트를 저장합니다.
- 일부 스테이징 플러그인은 캐시 플러그인과 호환되지 않습니다. 스테이징 사이트에서는 변경 사항을 미리 보기 위해 캐시 삭제가 필수적인데, BlogVault는 캐시 플러그인과의 호환성 문제가 전혀 없습니다.
- 놀랍게도 멀티사이트를 지원하지 않는 스테이징 플러그인도 있습니다. 하지만 BlogVault는 멀티사이트도 문제없이 스테이징할 수 있습니다.
이제 플러그인으로 스테이징 사이트를 만드는 과정을 시작해 보겠습니다.
1. BlogVault 플러그인을 다운로드하고 설치합니다. 설치 즉시 웹사이트 백업이 시작됩니다.
2. 백업이 완료되면 View Site Details(사이트 세부정보 보기) 옵션을 클릭합니다.
3. 새 페이지로 이동하면 Staging(스테이징) 섹션이 보입니다. 해당 섹션에서 Add Staging(스테이징 추가) 옵션을 클릭합니다.
BlogVault가 스테이징 사이트를 생성하는 데 몇 분 정도 걸립니다.
4. 스테이징 사이트에 접속하려면 Visit Staging Site(스테이징 사이트 방문) 옵션을 클릭합니다.
5. 모든 스테이징 사이트는 비밀번호로 보호되어 있어, 본인 또는 자격 증명을 공유한 사람 외에는 접근할 수 없습니다. 스테이징 환경에 입장하려면 사용자 이름과 비밀번호가 필요하며, 이 정보는 Visit Staging Site 옵션이 있는 동일 페이지에서 확인할 수 있습니다.
스테이징 사이트에서 작업을 마친 후에는 변경 사항을 라이브 사이트에 반영해야 합니다. 수동으로 할 필요는 없습니다. 스테이징 사이트를 라이브 사이트와 병합하면 됩니다. BlogVault를 사용하면 클릭 한 번으로 변경 사항을 라이브 사이트에 푸시할 수 있어 번거로움과 시간을 크게 절약할 수 있습니다.
다음 섹션에서 구체적인 방법을 알아보겠습니다.
→ 스테이징 사이트를 라이브 사이트와 병합하기
BlogVault를 사용하면 스테이징 사이트와 라이브 사이트의 병합이 매우 간단합니다. 다음 단계를 따르세요.
1. BlogVault 대시보드에 로그인한 후 Staging(스테이징) 섹션으로 이동합니다.
2. Merge(병합)를 선택하면 스테이징 사이트가 라이브 사이트와 병합됩니다. BlogVault에서는 라이브 사이트에 푸시할 변경 사항을 선택할 수도 있습니다.
몇 분 안에 스테이징 사이트에서 진행한 모든 수정 사항이 라이브 사이트에 반영됩니다.
워드프레스 스테이징 플러그인에 대해 더 알고 싶으신가요? 저희가 직접 선별한 '최고의 워드프레스 스테이징 플러그인' 가이드를 참고하면 자신에게 맞는 플러그인을 훨씬 쉽게 고를 수 있습니다.
ii. 웹 호스팅 업체 기능으로 스테이징 사이트 만들기
대부분의 호스팅 서비스는 스테이징 기능을 제공합니다. SiteGround나 Bluehost처럼 월 $20부터 시작하는 상위 요금제를 이용 중이라면 스테이징 사이트를 사용할 수 있습니다. WP Engine, FlyWheel, Kinsta 같은 인기 호스팅 업체는 모든 요금제에서 스테이징 기능을 제공합니다.
이 섹션에서는 두 개의 인기 워드프레스 호스팅 업체를 통해 스테이징을 이용하는 방법을 소개합니다.
- Bluehost에서 스테이징 사이트 만들기
- Kinsta에서 스테이징 사이트 만들기
참고: 아래 호스팅 업체를 사용하지 않더라도, 소개하는 단계를 따라가면 자신이 이용하는 호스팅 회사에서 스테이징 사이트를 만드는 방법을 감각적으로 익힐 수 있습니다.
1. Bluehost에서 스테이징 사이트 만들기
사이트가 Bluehost에 호스팅되어 있다면 다음 단계로 스테이징을 활성화할 수 있습니다.
→ Bluehost에서 사이트를 스테이징하려면 먼저 워드프레스 관리자 페이지에 로그인합니다.
→ 대시보드 메뉴에서 Staging(스테이징) 옵션을 선택합니다.
→ 다음 페이지에서 Create Staging Site(스테이징 사이트 생성)를 선택하면 Bluehost가 사용 가능한 워드프레스 스테이징 사이트를 만들어 줍니다.
→ 스테이징 사이트에 접속하려면 Go to Staging Site(스테이징 사이트로 이동) 옵션을 선택합니다. 이후 워드프레스 계정 자격 증명으로 스테이징 환경에 로그인할 수 있습니다.
Bluehost 스테이징 사이트를 라이브 사이트와 병합하기
스테이징 사이트에서 수정 작업을 마친 후에는 변경 사항을 라이브 사이트에 반영해야 합니다. 다음 단계를 따르세요.
→ 워드프레스 대시보드에서 Staging(스테이징)을 선택합니다.
→ 다음 페이지에서 파일, 데이터베이스 또는 둘 다 병합할지 선택할 수 있습니다.
옵션을 선택하면 Bluehost가 스테이징 사이트를 라이브 사이트와 병합하기 시작합니다.
2. Kinsta에서 스테이징 사이트 만들기
사이트가 Kinsta에 호스팅되어 있다면 다음 단계로 스테이징을 활성화할 수 있습니다.
→ Kinsta 호스팅 계정에 로그인한 후 스테이징할 웹사이트를 선택합니다.
→ 다음으로 Staging Environment(스테이징 환경) 옵션을 찾아 클릭합니다.
→ 다음 페이지에서 Staging > Create A Staging Environment(스테이징 환경 생성)를 선택합니다.
→ 스테이징 사이트가 준비되면 Domain(도메인) 메뉴에서 환경의 URL을 확인할 수 있습니다.
Kinsta 스테이징 사이트를 라이브 사이트와 병합하기
스테이징 사이트에서 진행한 변경 사항을 라이브 사이트에 병합하려면 아래 단계를 따르세요.
→ Kinsta 대시보드에 로그인한 후 스테이징 사이트를 선택합니다.
→ 그다음 Staging Environment > Push Staging to Live(스테이징을 라이브로 푸시)를 선택합니다.
이것으로 끝입니다. Kinsta가 스테이징 사이트를 라이브 사이트와 병합해 줍니다.
iii. 워드프레스 사이트 수동으로 스테이징하기
스테이징 사이트를 수동으로 만드는 것은 매우 시간이 많이 걸리고 복잡한 과정입니다. 그래서 수동 방식은 권장하지 않습니다. 게다가 스테이징 사이트의 변경 사항을 라이브 사이트로 푸시하는 쉬운 방법도 없어, 모든 변경 사항을 직접 수동으로 재적용해야 합니다.
주의: 그래도 수동 방식을 시도하고 싶다면 반드시 사이트 전체 백업을 먼저 받으시길 강력히 권장합니다. 수동 방식은 워드프레스 파일과 데이터베이스를 직접 다루기 때문에, 작업 중 실수로 인해 웹사이트가 깨질 가능성이 있습니다.
수동 과정은 다음 단계로 이루어집니다.
- 스테이징 사이트로 사용할 서브도메인 생성
- 라이브 사이트에서 파일과 데이터베이스 다운로드
- 동일한 파일과 데이터베이스를 서브도메인(스테이징 사이트)에 업로드
1. 스테이징용 서브도메인 만들기
호스팅 업체 계정에서 서브도메인을 만들 수 있습니다.
→ 호스팅 업체 계정에 로그인한 후 cPanel로 이동하여 Subdomain(서브도메인)을 선택합니다.
→ 다음 페이지에서 서브도메인을 생성하고 이름을 Staging으로 지정합니다. 서브도메인 생성 방법을 모른다면 호스팅 업체의 도움말 문서를 참고하세요.
Bluehost 가이드 – How to Create a Subdomain?
Kinsta 가이드 – How Do I Add a Domain to a Site?
2. 라이브 사이트에서 파일과 데이터베이스 다운로드하기
워드프레스 웹사이트는 파일과 데이터베이스로 구성됩니다. 두 가지 모두 다운로드해야 합니다. 이를 서브도메인에 업로드하면 웹사이트가 복제되어 워드프레스 스테이징 환경으로 작동하게 됩니다.
i. 파일을 다운로드하려면 아래 단계를 따르세요.
→ Filezilla 또는 CyberDuck 같은 FTP 프로그램을 설치하고 실행합니다. 이 프로그램을 사용하면 워드프레스 파일에 접근하여 컴퓨터로 내려받을 수 있습니다.
→ 프로그램을 컴퓨터에 설치한 후 실행하면, 웹사이트에 연결하여 워드프레스 파일을 가져오기 위한 호스트명(Hostname), 사용자 이름(Username), 비밀번호(Password)를 입력하라고 요청합니다.
이 자격 증명이 없다면 호스팅 업체에 문의하여 받아두세요.
→ 연결이 설정되면 Remote site(원격 사이트) 섹션에서 워드프레스 파일을 확인할 수 있습니다.
→ Remote site 섹션에서 public_html 폴더를 찾아 마우스 오른쪽 버튼을 클릭하고 Download(다운로드)를 선택합니다. 워드프레스 파일이 컴퓨터로 다운로드됩니다.
ii. 데이터베이스를 다운로드하려면 아래 단계를 따르세요.
→ 호스팅 업체 계정에 로그인한 후 cPanel로 이동하여 phpMyAdmin을 선택합니다.
→ 다음으로 Export(내보내기) 옵션을 선택합니다. Export Method(내보내기 방식)에서 Quick(빠른)을 선택한 후 Go(실행)를 누릅니다.
워드프레스 데이터베이스가 컴퓨터로 다운로드됩니다.
3. 서브도메인에 파일과 데이터베이스 업로드하기
이제 파일과 데이터베이스를 모두 컴퓨터에 저장했으므로, Staging 서브도메인에 업로드해야 합니다.
앞서 말씀드린 것처럼 이 서브도메인은 테스트와 수정 작업을 수행하는 스테이징 사이트 역할을 하게 됩니다.
→ FTP 프로그램을 열고 웹사이트와 연결되어 있는지 확인합니다. 앞서 보여드린 것처럼 오른쪽에는 사이트 파일이 표시되는 Remote site(원격 사이트) 섹션이 있고, 왼쪽에는 컴퓨터에 저장된 파일이 표시되는 Local site(로컬 사이트) 섹션이 있습니다.
커스텀 도메인(Staging)은 Remote site 섹션에서, 다운로드한 파일과 데이터베이스는 Local site 섹션에서 찾을 수 있습니다.
해야 할 일은 파일과 데이터베이스를 서브도메인 폴더에 업로드하는 것입니다.
i. 파일 업로드하기
- 파일과 데이터베이스를 컴퓨터의 하나의 폴더에 저장합니다. 예시에서는 폴더 이름을 'Live site files'로 지정했습니다.
- 그다음 서브도메인 폴더인 Staging을 선택합니다.
- Local site 섹션으로 이동하여 'Live site files' 폴더를 마우스 오른쪽 버튼으로 클릭합니다. Upload(업로드)를 선택하면 폴더가 Staging(서브도메인)으로 업로드됩니다.
- 새 스테이징 사이트의 URL은 호스팅 업체 계정에서 확인할 수 있습니다. 계정에 로그인한 후 cPanel로 이동하여 Domain > Subdomains를 선택하세요.
ii. 데이터베이스 업로드하기
데이터베이스를 업로드하려면 먼저 Staging 서브도메인용 데이터베이스를 생성해야 합니다.
- 호스팅 업체 계정에 로그인한 후 cPanel로 이동하여 Databases(데이터베이스)에서 MySQL Databases를 선택합니다.
- 다음으로 Create New Database(새 데이터베이스 생성) 섹션에 데이터베이스 이름을 입력하고 Create Database(데이터베이스 생성)를 클릭합니다.
- 이제 데이터베이스를 사용할 새 데이터베이스 사용자를 만듭니다. 데이터베이스를 생성한 페이지에서 아래로 스크롤하면 MySQL 사용자를 생성할 수 있는 섹션이 있습니다.
- 데이터베이스와 사용자 이름이 준비되면 새 데이터베이스가 서브도메인에 연결되어 있는지 확인해야 합니다. FTP 프로그램을 열고 Remote site 섹션에서 public_html > Staging으로 이동합니다. Staging 폴더 안에서 wp-config 파일을 찾아 마우스 오른쪽 버튼을 클릭하고 Edit(편집)을 선택합니다.
- 파일에는 기존 데이터베이스 정보(데이터베이스 이름, 사용자 이름, 비밀번호)가 담겨 있습니다. 이 값들을 방금 생성한 데이터베이스 정보로 교체합니다.
- 이제 2단계에서 다운로드한 데이터베이스를 새 데이터베이스에 업로드할 차례입니다.
- cPanel로 돌아가 phpMyAdmin을 선택합니다. 새 데이터베이스가 목록에 보일 것입니다. 해당 데이터베이스를 선택하고 Import(가져오기) 섹션으로 이동합니다.
- 컴퓨터에서 데이터베이스 파일을 업로드하면 준비가 완료됩니다.
- 앞서 언급했듯이 새 스테이징 사이트의 링크는 호스팅 업체 계정에서 확인할 수 있습니다. 계정에 로그인한 후 cPanel로 이동하여 Domain > Subdomains를 선택하세요.
수동 스테이징 사이트를 라이브 워드프레스 사이트와 병합하기
새 워드프레스 스테이징 환경에서 수정 작업을 마친 후에는, 스테이징 사이트를 라이브 사이트와 병합하는 쉬운 방법이 없습니다. 모든 변경 사항을 라이브 사이트에 직접 수동으로 재적용해야 합니다.
여기까지가 워드프레스 스테이징 환경을 만드는 전체 과정입니다.
마무리 생각
웹사이트를 스테이징하는 방법은 여러 가지가 있지만, 플러그인을 사용하는 것이 가장 쉽고 경제적입니다. 수동 방식과 달리 BlogVault 같은 플러그인으로 스테이징하면 웹사이트가 깨질 위험 없이 안전하게 작업할 수 있습니다.
지금 바로 BlogVault Staging을 사용해 보세요!