플러그인 제작 개발 환경과 브라우저 로컬 연결 과정

1. 개발 환경

An illustrative image depicting the development environment for creating a WordPress plugin and the process of connecting it with a browser locally.

워드프레스 사이트 개발을 위해 이미 워드프레스 파일이 있는 경우, 파일 업로드의 필요성은 개발 환경의 종류에 따라 달라집니다.

로컬 개발 환경:

워드프레스 사이트를 로컬 컴퓨터에서 개발하는 경우, 웹 서버에 파일을 업로드할 필요가 없습니다. 대신, 로컬에 웹 서버 환경(예: XAMPP, MAMP, WAMP)을 구축하고, 해당 환경 내에 워드프레스 파일을 위치시킵니다.

라이브 서버 개발 환경:

워드프레스 사이트를 라이브 서버(온라인 호스팅 환경)에서 직접 개발하는 경우, 워드프레스 파일들을 해당 서버에 업로드해야 합니다. 이 경우 FTP 클라이언트를 사용하여 서버의 적절한 디렉토리에 워드프레스 파일을 업로드합니다.

기존 워드프레스 사이트 수정:

이미 워드프레스가 설치되어 있는 사이트를 수정하거나 개발하는 경우, 새로운 파일을 업로드할 필요는 없습니다. 대신, 기존 파일을 편집하거나 새 플러그인/테마를 추가하는 방식으로 개발을 진행합니다.

버전 관리 시스템 사용:

개발 중인 워드프레스 사이트가 버전 관리 시스템(예: Git)을 사용하는 경우, 코드 변경 사항을 로컬에서 관리하고, 이 변경 사항을 서버에 푸시(push)하는 방식으로 작업할 수 있습니다.

 

따라서 워드프레스 파일을 업로드해야 하는지 여부는 현재 개발 환경과 작업의 종류에 따라 달라집니다. 로컬 환경에서 개발한 후 변경 사항을 라이브 서버에 적용하는 것이 일반적으로 더 안전한 방법입니다.

 

2. 로컬 실행

플러그인을 테스트용으로 제작을 했다면 다음 과정을 수행해서 로컬에서 실행할 수 있습니다.

플로우 : MAMP 데이터베이스 생성 > 브라우저에서 로컬 실행

 

가. MAMP 데이터베이스 생성

MAMP를 사용하여 워드프레스용 데이터베이스를 생성하는 과정

1) MAMP 시작
MAMP를 실행하고 'Start Servers' 버튼을 클릭하여 Apache와 MySQL 서버를 시작합니다.
phpMyAdmin 접속

2) 일반적으로 MAMP 시작 페이지에서 'phpMyAdmin'으로 바로 갈 수 있는 링크가 제공됩니다. 또는 웹 브라우저에서 http://localhost:8888/phpMyAdmin/ (또는 설정한 포트 번호)을 입력하여 접속할 수 있습니다.

3) 데이터베이스 생성
phpMyAdmin 홈페이지에서 'Databases' 탭을 클릭합니다.
'Create database' 섹션에 새 데이터베이스 이름을 입력합니다. 워드프레스 사이트에 사용할 이름을 지정해야 합니다 (예: wordpress).
'Create' 버튼을 클릭하여 새 데이터베이스를 생성합니다.

4) 데이터베이스 설정 확인
생성된 데이터베이스가 데이터베이스 목록에 나타납니다. 이 데이터베이스는 이제 워드프레스 설치 과정에서 사용될 것입니다.

 

나. 브라우저에서 로컬 실행

다음으로 워드프레스를 설치하고 설정하여 로컬 환경에서 플러그인을 실행해볼 수 있습니다.

1) 워드프레스 파일 복사:
수정한 워드프레스 폴더를 MAMP의 htdocs 디렉토리 안에 복사합니다. 이 폴더는 MAMP 설치 시 생성되며, MAMP가 설치된 경로(예: C:\MAMP\htdocs)에서 찾을 수 있습니다.

2) 워드프레스 설치:
웹 브라우저를 열고 localhost 주소로 이동합니다. 폴더 이름을 URL에 추가하여 워드프레스 설치 화면에 접근합니다 (예: http://localhost/wordpress).
워드프레스 설치 마법사를 따라 데이터베이스 이름, 사용자 이름(기본적으로 'root'), 비밀번호(기본적으로 MAMP에서는 비워 둡니다), 데이터베이스 호스트(기본적으로 'localhost')를 입력합니다.
'Submit'(제출)을 클릭하여 워드프레스 설치를 진행합니다.

3) 워드프레스 구성:
워드프레스 사이트의 기본 정보(사이트 제목, 사용자 이름, 비밀번호, 이메일 주소 등)를 설정합니다.

4) 플러그인 설치 및 활성화:
워드프레스 대시보드에서 '플러그인' > '새로 추가'로 이동합니다.
원하는 플러그인을 검색하고 '지금 설치'를 클릭한 후, 설치가 완료되면 '활성화'를 클릭합니다.

5) 플러그인 테스트 및 개발:
플러그인이 활성화되면, 그 기능을 테스트하고 필요에 따라 설정을 조정합니다.
개발하려는 플러그인이 있다면, 해당 플러그인의 파일을 wp-content/plugins 디렉토리에 추가하고, 워드프레스 대시보드에서 활성화하여 테스트 및 개발을 진행합니다.

 

이러한 단계를 통해 로컬 MAMP 환경에서 워드프레스를 설치하고 원하는 플러그인을 테스트하거나 개발할 수 있습니다. 워드프레스 개발에 관한 더 깊이 있는 질문이나 도움이 필요하시면 언제든지 문의해 주세요.

 

<과정에서 나타난 에러 해결>

메세지 : “데이터베이스를 선택할 수 없습니다.
데이터베이스 서버에 연결할 수 있지만(즉, 사용자 이름과 비밀번호는 괜찮음) 데이터베이스를 선택할 수 없습니다.root
그것이 존재한다고 확신합니까?
사용자에게 데이터베이스를 사용할 수 있는 권한이 있습니까?rootroot
일부 시스템에서는 데이터베이스 이름 앞에 사용자 이름이 붙기 때문에 다음과 같습니다. 그게 문제일까요?username_root”​

해결
워드프레스 설치 과정 중에 나타난 이러한 에러 메시지는 데이터베이스 연결 문제와 관련이 있습니다. 특히, 워드프레스가 데이터베이스 서버에는 연결할 수 있지만, 지정된 데이터베이스를 사용할 수 없음을 나타냅니다.

1) 데이터베이스 이름 확인:
phpMyAdmin에 로그인하여 생성한 데이터베이스의 이름을 정확히 확인합니다. 워드프레스 설치 시 입력하는 데이터베이스 이름이 이와 정확히 일치해야 합니다.
2) 사용자 권한 확인:
데이터베이스 사용자(여기서는 'root')가 해당 데이터베이스에 대한 모든 권한을 가지고 있는지 확인합니다. phpMyAdmin에서 해당 사용자의 권한을 검토하거나, 새 사용자를 생성하여 해당 데이터베이스에 모든 권한을 부여해 볼 수 있습니다.
3) 데이터베이스 호스트 확인:
워드프레스 설치 과정에서 데이터베이스 호스트는 대개 'localhost'로 설정됩니다. MAMP를 사용하는 경우 이 설정이 맞는지 확인합니다.
4) 데이터베이스 접두어 확인:
일부 호스팅 환경에서는 데이터베이스 이름 앞에 사용자 이름이 자동으로 붙는 경우가 있습니다. 예를 들어, 사용자 이름이 'username'이고 데이터베이스 이름이 'root'인 경우, 실제 데이터베이스 이름은 'username_root'가 될 수 있습니다. 이런 경우, 워드프레스 설치 시 데이터베이스 이름을 이에 맞게 조정해야 합니다.
5) config 파일 확인:
워드프레스의 wp-config.php 파일을 열어 데이터베이스 이름, 사용자 이름, 비밀번호 및 호스트 정보가 올바른지 확인합니다.
6) 서버 재시작:
MAMP 서버를 재시작하여 변경 사항을 적용해 보세요.
7) 에러 로그 확인:
워드프레스 또는 MAMP의 에러 로그를 확인하여 보다 구체적인 오류 메시지를 찾아볼 수 있습니다.
8) 다른 데이터베이스 사용 시도:
새 데이터베이스를 생성하여 설치를 다시 시도해 볼 수도 있습니다.

 

 

3. 로컬 워드프레스 관리자 화면에서 플러그인 활성화하는 방법

 

1) 워드프레스 대시보드 접속:

웹 브라우저에서 워드프레스 사이트에 접속합니다 (예: http://localhost/yourwordpress).

워드프레스 관리자 계정으로 로그인합니다.

 

2) 플러그인 메뉴 이동:

대시보드의 왼쪽 사이드바에서 '플러그인' 메뉴를 클릭합니다.

 

3) 플러그인 목록 확인:

'플러그인' 페이지에는 워드프레스에 설치된 모든 플러그인의 목록이 표시됩니다.

wp-content/plugins 디렉토리에 추가한 플러그인이 목록에 나타나야 합니다.

 

4) 플러그인 활성화:

개발하려는 플러그인 옆에 있는 '활성화' 링크를 클릭합니다. 이 작업으로 플러그인이 활성화되며 워드프레스 사이트에서 사용할 수 있게 됩니다.

 

5) 활성화된 플러그인 확인:

플러그인이 성공적으로 활성화되면, 이 플러그인에 관련된 설정이나 기능을 대시보드에서 사용할 수 있습니다. 일부 플러그인은 자체 설정 페이지를 가질 수도 있습니다.

 

6) 플러그인 테스트 및 개발:

플러그인이 활성화된 후에는 사이트에서 해당 플러그인의 기능을 테스트하거나 필요한 개발 작업을 진행할 수 있습니다.

 

7) 플러그인 개발 중에 PHP 코드를 수정하거나 새로운 파일을 추가하는 경우, 변경 사항을 적용하기 위해서는 워드프레스 페이지를 새로고침해야 할 수도 있습니다.