WordPress 개발 환경 설정

새 웹 사이트에서 개발을 시작하려면 많은 신중한 계획이 필요합니다. 예를 들어, 프로젝트의 '공사 중' 단계에 접근하는 방법을 결정하고 싶을 것입니다. 웹사이트가 아직 진행 중일 때 잠재 방문자가 웹사이트를 보지 못하도록 보호해야 할 수 있습니다.

개발 환경이 유용할 수 있는 곳입니다. 이러한 종류의 환경에서는 다른 사람이 실수로 사이트를 보지 않고 새 사이트에서 모든 디자인 및 프로그래밍 작업을 수행할 수 있습니다. 그런 다음 완전히 준비되면 라이브로 푸시할 수 있습니다.

이 기사에서는 두 가지 종류의 개발 환경을 살펴보겠습니다. 또한 두 가지 옵션을 시작하는 방법도 보여줍니다. 준비가 되었다면 바로 뛰어들자!

로컬 대 원격 개발 환경

WordPress 웹 사이트를 만들 때 탐색할 수 있는 두 가지 주요 종류의 개발 환경이 있습니다. 그러나 개발을 위해 로컬 환경을 사용하든 원격 환경을 사용하든 두 가지 모두 WordPress가 제대로 작동하는 데 필요한 모든 소프트웨어가 필요합니다. 예를 들어 여기에는 데이터베이스 애플리케이션 및 코드 라이브러리가 포함됩니다.

로컬에서 개발한다는 것은 모든 WordPress 플러그인 및 테마 파일이 WordPress 코어 파일과 함께 자체 컴퓨터에 저장됨을 의미합니다. 인터넷에서 웹 사이트에 액세스하는 것처럼 브라우저에서 개발 작업을 볼 수 있습니다. 그러나 사이트의 호스팅 서버 대신 컴퓨터에서 파일이 호출됩니다.

원격 개발 환경은 본질적으로 동일하지만 중요한 웹 사이트 파일은 모두 원격 위치에서 저장되고 검색됩니다. 즉, 저장 공간을 설정하거나 구입해야 합니다. 그러나 일반 웹 사이트 호스팅과 달리 이 원격 파일 위치는 귀하 또는 귀하의 팀만 액세스할 수 있습니다.

WordPress에 로컬 개발을 사용하는 주요 이점 중 하나는 웹 사이트에서 작업하기 위해 인터넷에 연결할 필요가 없다는 것입니다. 원격 개발에는 연결이 필요하지만 모든 컴퓨터에서 작업에 액세스할 수 있는 옵션을 원하는 경우 더 나은 선택입니다.

원격 개발 환경의 장점

앞서 언급했듯이 원격 개발 환경을 사용하면 어디에서나 프로젝트에 액세스할 수 있습니다. 작업을 수행하기 위해 특정 컴퓨터를 사용할 필요도 없습니다. 인터넷 연결과 로그인 정보만 있으면 됩니다.

또한 사용하기로 결정한 원격 환경 애플리케이션에 따라 버전 제어 기능을 구현할 수 있습니다. 즉, 팀과 함께 개발할 때 문제가 발생할 가능성이 적습니다.

원격 개발 환경 설정 방법

원격 개발 환경을 설정하는 것은 로컬 환경을 만드는 것보다 조금 더 복잡할 수 있습니다. 그렇게 말하면 어떤 식 으로든 손이 닿지 않는 것이 아닙니다. 원격 환경과 관련하여 몇 가지 옵션이 있으며 많은 옵션이 즉시 필요한 모든 도구와 함께 제공됩니다.

1단계: 원격 개발 애플리케이션 선택 및 구성

사용할 수 있는 여러 가지 원격 개발 도구가 있습니다. 여러분이 찾고 있는 것은 웹사이트를 실행하는 데 필요한 소프트웨어뿐만 아니라 웹사이트의 모든 파일과 애플리케이션을 저장할 수 있는 가상 저장 공간입니다. 여기에서 준비가 될 때까지 사이트를 라이브 프로덕션 상태로 푸시하지 않고 각 개발 단계를 통해 작업할 수 있습니다.

이렇게 하려면 DigitalOcean 또는 Visual Studio와 같은 제품을 사용할 수 있습니다.

이들은 제공하는 내용이 다르지만 궁극적으로 동일한 작업을 수행합니다. 예를 들어 Visual Studio Code를 사용하면 선택한 원격 확장을 통해 개발 환경이 되는 정교한 코드 편집기를 사용할 수 있습니다.

원격 개발에 Amazon Elastic Compute Cloud(Amazon EC2)를 사용할 수도 있습니다.

또는 전용 개발 환경을 살펴볼 수 있습니다. 가상 환경 또는 클라우드 기반 솔루션을 선택한 후에는 WordPress 개발을 지원하도록 구성되었는지 확인해야 합니다.

2단계: 필요한 도구 및 플러그인 설치

선택한 원격 개발 환경에 관계없이 WordPress를 설정하는 데 필요한 특정 애플리케이션 스택이 있습니다. 여기에는 다음이 포함됩니다.

• 리눅스 . WordPress를 실행하는 데 이상적으로 필요한 운영 체제(OS)입니다. 나중에 로컬 개발 환경에 대해 이야기할 때 세부 사항에 들어가겠지만 다음 세 가지 항목이 있으면 Mac 및 Windows와 같은 다른 OS에서도 작동할 수 있다고 말하는 것으로 충분합니다.
• 아파치 . 라이브 웹사이트에서 웹 서버 계층은 브라우저 요청이 이행되고 웹사이트 사용자에게 반환되는 곳입니다. 개발 환경에서도 마찬가지입니다. 유일한 차이점은 서버가 라이브 도메인을 가리키고 있지 않다는 것입니다.
• MySQL . MySQL은 가장 널리 사용되는 무료 데이터베이스 솔루션입니다. 이것은 웹 사이트에 필요한 모든 데이터가 저장되는 곳이므로 WordPress 개발 환경에 필수적입니다.
• PHP . 스택의 다른 모든 요소에는 '음성'이 필요하며 여기에서 PHP가 사용됩니다. PHP(Hypertext Preprocessor)는 WordPress가 작동하는 데 필요한 언어입니다.

이러한 애플리케이션을 'LAMP 스택'이라고 하며 다양한 방법으로 원격 개발 환경에 추가할 수 있습니다. 예를 들어 DigitalOcean을 사용하는 경우 Droplet을 사용하여 WordPress용 LAMP 스택을 생성합니다.

Amazon EC2를 사용하는 경우 WordPress 개발 설정이 좀 더 수동적이지만 여전히 약 5분 안에 완료할 수 있습니다.

선택한 환경에 관계없이 WordPress 개발을 시작하려면 LAMP 스택이 필요합니다. 다행스럽게도 많은 원격 개발 옵션이 LAMP와 함께 쉬운 설치 옵션으로 제공되어 많은 시간과 수고를 덜어줍니다.

3단계: 환경에 액세스

개발 환경에 액세스하는 가장 일반적인 방법은 SSH(Secure Shell)를 통하는 것입니다. 이것은 모든 컴퓨터에서 서버에 연결하고 WordPress 개발에 대한 이 접근 방식의 '원격' 측면을 활용하는 방법입니다.

연결 방법의 세부 사항은 선택한 제품에 따라 다릅니다. 예를 들어 여기 WP Engine에는 개발자를 위한 SSH 게이트웨이 옵션이 있습니다.

로컬 개발 환경의 장점

로컬 개발 환경을 사용하는 가장 큰 장점 중 하나는 액세스하기 위해 인터넷에 연결할 필요가 없다는 것입니다. 어디서나 사이트에서 작업할 수 있으며 연결 문제로 인해 방해받지 않습니다.

또한 로컬 개발을 통해 보다 안전한 환경에서 작업할 수 있습니다. 라이브로 시작할 준비가 될 때까지 프로젝트를 진정으로 비밀로 유지할 수 있습니다.

로컬 WordPress 환경 설정

로컬 WordPress 환경 설정은 매우 간단합니다. Local by Flywheel과 같이 설치 프로세스를 매우 쉽게 만드는 여러 로컬 개발 응용 프로그램이 있습니다.

WordPress의 로컬 개발에는 여전히 LAMP 스택이 필요합니다. 그러나 일부 솔루션은 Linux가 아닌 Windows 또는 Mac OS에서 사용하도록 설계되었기 때문에 대신 WAMP 또는 MAMP와 같은 용어를 사용합니다.

1단계: 로컬 개발 애플리케이션 선택 및 구성

선택할 수 있는 몇 가지 뛰어난 로컬 개발 응용 프로그램이 있습니다. Local by Flywheel에 대해 이미 언급했지만 VVV(Varying Vagrant Vagrants)는 WordPress에서 권장하는 또 다른 로컬 개발 도구입니다. 여기 WP Engine에 이미 계획이 있는 경우 로컬 개발 솔루션에 대해 Local을 확인할 수도 있습니다.

선택한 솔루션을 설정하고 나면 처음부터 개발을 시작하거나 작업할 기존 웹 사이트를 가져올 수 있습니다. 예를 들어 Local by Flywheel을 사용하면 다운로드한 웹사이트의 .zip 파일을 사용하여 시작할 수 있습니다. 처음부터 시작하여 새 웹사이트를 디자인하는 경우 대부분의 로컬 애플리케이션에는 WordPress와 함께 사용할 환경을 설정하기 위한 원클릭 설치 솔루션이 있습니다.

2단계: 텍스트 편집기 선택

로컬 환경이 설정되면 텍스트 편집기를 선택해야 합니다. 여기에서 WordPress 코드를 편집하고 디버깅합니다. 이러한 솔루션은 단순한 텍스트 애플리케이션에서 작업 흐름을 최적화하기 위한 내장 도구가 있는 향상된 인터페이스에 이르기까지 다양합니다.

WordPress에는 Atom, Sublime Text 및 PhpStorm을 포함하는 개발용 권장 텍스트 편집기가 있습니다. 다른 옵션도 있으므로 기존 작업 흐름에 가장 편안하고 적합한 것으로 작업하고 싶을 것입니다.

3단계: 개발자에게 친숙한 웹 브라우저 선택

여전히 웹 브라우저에서 로컬로 개발된 프로젝트를 볼 수 있으므로 개발자를 위한 브라우저를 사용하는 것이 좋습니다. Chrome과 Firefox는 모두 유용한 개발자 툴킷과 함께 제공되는 매우 인기 있는 브라우저입니다. 이를 통해 문제를 보다 쉽게 ​​디버깅하고 웹 개발을 최적화할 수 있습니다.

WP 엔진으로 놀라운 것을 개발하십시오

웹 개발은 다양한 형태와 형태를 취할 수 있습니다. 로컬 환경에서 작업하든 원격 환경에서 작업하든 최고의 개발자 리소스를 보유하고 있으면 워크플로를 간소화하는 데 도움이 될 수 있습니다.

WordPress 계획 및 개발 솔루션을 확인하고 놀라운 것을 만들 수 있도록 도와드리겠습니다!