최고의 코드 협업 Bliss

개발 환경에서 GitHub 및 WordPress라는 용어를 자주 접하게 됩니다. WordPress와 GitHub를 통합하면 개발자의 작업 흐름을 단순화하고 생산성을 높일 수 있습니다.

GitHub는 소스 코드를 추적, 관리 및 저장할 수 있는 클라우드 플랫폼입니다. 반면, 워드프레스는 웹사이트 제작을 위한 콘텐츠 관리 시스템(CMS)입니다.

왜 이 둘을 통합해야 합니까?

  • 버전 관리: GitHub를 사용하면 시간 경과에 따른 WordPress 소스 코드의 모든 변경 사항을 추적할 수 있습니다. 따라서 사용자 정의 코드, WordPress 테마 및 플러그인을 쉽게 관리할 수 있습니다.
  • 분기: WordPress를 GitHub와 통합한 후에는 더 이상 웹사이트를 ‘유지관리 중’ 상태로 유지할 필요가 없습니다. 새 브랜치를 생성하고, 개별 기능에 대해 작업하고, 테스트하고, 모든 것이 예상대로 작동한다고 만족하면 배포하세요.
  • 협업: 다양한 개발자의 의견이 필요한 대형 웹사이트를 구축하고 있을 수 있습니다. GitHub를 사용하면 팀 구성원을 온보드하고 다른 역할을 할당할 수 있습니다.
  • 코드 검토: WordPress 애플리케이션을 구축할 때 문제가 발생하여 앱이 중단될 수 있습니다. GitHub를 사용하면 개발에 배포하기 전에 WordPress 소스 코드에 대한 모든 변경 사항을 검토할 수 있습니다.
  • 코드 백업 및 복구: WordPress 소스 코드를 컴퓨터에 저장하면 컴퓨터가 충돌하거나 손상될 수 있으므로 위험할 수 있습니다. GitHub는 소스 코드를 클라우드에 저장하므로 문제가 발생할 경우 이를 컴퓨터에 다시 복제할 수 있습니다.
  • 투명성 및 책임: GitHub는 WordPress 소스 코드에 대한 모든 변경 사항과 작성자에 대한 명확한 추적을 제공합니다.

워드프레스란 무엇인가요?

워드프레스 코딩 경험이 없는 개인이 웹 사이트를 구축하는 데 사용할 수 있는 오픈 소스 콘텐츠 관리 시스템입니다. 이 플랫폼은 원래 블로그용으로 설계되었지만 현재는 발전하여 사용자는 전자상거래 플랫폼, 포럼, 소셜 플랫폼, 모바일 애플리케이션 및 비즈니스 웹사이트를 구축할 수 있습니다.

WordPress가 오픈 소스라는 사실은 개발자와 디자이너에게 가장 큰 매력 중 하나입니다. 따라서 WordPress 소스 코드를 다운로드하여 편집하고 재배포할 수 있습니다. 그러나 웹사이트를 온라인에 게시하려면 도메인 이름과 호스팅을 구입해야 합니다.

왜 워드프레스를 사용하나요?

  • 사용하기 쉬움: WordPress는 코딩을 처음 접하는 사람이든 전문가이든 상관없이 사용자 친화적으로 설계되었습니다. 드롭 앤 드래그 편집기를 사용하면 단 한 줄의 코드도 작성하지 않고도 전문적인 웹사이트를 만들 수 있습니다.
  • 다양한 테마: WordPress에는 필요에 맞게 편집할 수 있는 수천 개의 테마가 있습니다. 사용자 정의 테마를 만들어 웹사이트에 업로드할 수도 있습니다.
  • 다양한 플러그인: 플러그인을 사용할 수 있으므로 처음부터 모든 것을 만들 필요는 없습니다. 예를 들어 플러그인을 사용하여 WordPress 앱을 결제 게이트웨이와 통합할 수 있습니다.
  • 대규모 커뮤니티: 막히면 언제든지 대규모 WordPress 커뮤니티를 이용할 수 있습니다. 또한 수많은 리소스를 사용하여 다양한 문제를 해결하고 해결할 수도 있습니다.

GitHub란 무엇인가요?

GitHub 클라우드 소프트웨어 개발 플랫폼입니다. 이 플랫폼은 다양한 개발 프로젝트를 저장, 추적 및 협업할 수 있습니다. GitHub를 사용하면 사용자는 무료 계정을 만들고, 저장소를 만들고, 다양한 프로젝트에 공동 작업자를 초대할 수 있습니다. 이 플랫폼은 프로젝트의 변경 사항을 로컬에서 추적할 수 있는 버전 제어 플랫폼인 Git과 원활하게 작동합니다.

GitHub는 다음을 통해 정적 웹사이트에 대한 무료 호스팅을 제공합니다. GitHub 페이지 포트폴리오 페이지에 대한 좋은 옵션이 될 수 있습니다. 프로젝트를 공개적으로 표시할 수 있으므로 GitHub를 소셜 네트워킹 플랫폼으로 사용할 수도 있습니다. 또한 이 기능을 사용하면 개발자가 기여할 수 있는 오픈 소스 프로젝트를 쉽게 탐색할 수 있습니다.

GitHub를 사용하는 이유는 무엇입니까?

  • 사용하기 쉬움: 기술에 능숙하지 않아도 GitHub 계정을 설정하는 것은 쉽습니다.
  • 클라우드 기반: GitHub는 소스 코드를 클라우드에 저장합니다. 즉, 원격으로 액세스하거나 컴퓨터가 고장난 경우 파일을 복구할 수도 있습니다.
  • 버전 제어: GitHub는 소스 코드에 대한 모든 변경 사항을 추적합니다. 쉽게 추적할 수 있도록 다양한 분기를 생성할 수도 있습니다.
  • 협업: 팀원을 GitHub 프로젝트에 초대하여 협업할 수 있습니다. 또한 이 플랫폼을 사용하면 구성원에게 다양한 역할과 권한을 부여할 수 있는 조직을 만들 수 있습니다.

WordPress에 GitHub를 사용하는 방법

WordPress 사이트를 개발하고 GitHub와 통합하기 전에 로컬 개발 서버를 생성해야 합니다.

개발 서버를 만드는 데는 다양한 솔루션이 있습니다. 그러나 우리는 사용할 수 있습니다 로컬 WP 이 기사를 위해.

WordPress Github 통합 요구 사항

  • Git. 최신 Linux 또는 macOS에서 실행되는 컴퓨터가 있는 경우 사전 설치되어 제공됩니다. git –version 명령을 사용하여 사용 가능한지 확인할 수 있습니다.
  • 작업 GitHub 계정입니다. Git 및 GitHub가 없으면 다음을 사용할 수 있습니다. 이 가이드.
  • WordPress의 작동 방식에 대한 이해

로컬 WP 설치

  • 릴리스 페이지운영 체제와 일치하는 배포판을 선택하세요(저는 Ubuntu를 사용하고 있습니다).
  • 다운로드 후 운영 체제에 따른 설치 가이드를 따르세요.

  • 로컬 WP에서 무료 계정을 생성하라는 메시지를 표시합니다. ‘X’ 버튼을 클릭하면 이 단계를 건너뛸 수 있습니다.

  • 새 WordPress 사이트를 만들 수 있는 첫 번째 옵션을 선택하세요.

  • 환경을 선택하세요. 지금은 “Preferred”를 사용하겠습니다.

  • 사용자 이름과 비밀번호를 설정하세요.

  • 코드 편집기 사용에 도움이 되는 추가 기능을 설치하세요. WP Local의 왼쪽에 있는 확장 버튼으로 이동합니다. VS Code를 사용하는 경우 다음을 설치할 수 있습니다.

이제 로컬에서 개발할 수 있는 WordPress 사이트가 생겼습니다. 다음 단계는 우리 사이트를 GitHub에 통합하는 것입니다.

WordPress를 GitHub와 연결하는 방법

WP 로컬 인터페이스에서는 이 스크린샷에 표시된 것처럼 “사이트 폴더로 이동”을 클릭할 수 있습니다.

이제 로컬에서 만든 WordPress 사이트의 소스 코드를 열 수 있습니다. VS Code를 사용하고 있으므로 폴더 구조는 아래와 같습니다.

지금은 다양한 폴더와 파일에 대해 크게 걱정하지 마세요.

GitHub 저장소 만들기

Git 및 GitHub가 구성되어 있다고 가정하면 다음 단계에 따라 저장소를 생성하고 Git을 버전 제어로 사용할 수 있습니다.

  • GitHub에 로그인하고 “새로 만들기”를 클릭하세요.

  • 저장소에 기억하기 쉬운 이름을 지정하고 관련 상자를 선택한 다음 “저장소 만들기”를 누르십시오.

  • WordPress 프로젝트 폴더에서 소스 코드를 초기화합니다. GitHub에서는 시작하기 위해 터미널에 복사하여 붙여넣을 수 있는 몇 가지 명령을 제공합니다. 다음과 유사한 명령이 있습니다.
echo "# GitHub-WordPress" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:username/repository-name.git
git push -u origin main

“username”과 “repository-name”을 사용자 이름과 2단계에서 선택한 저장소 이름으로 바꾸세요.

  • WordPress 소스를 GitHub에 푸시합니다. 다음 명령을 사용합니다.

자식 추가 . (이렇게 하면 프로젝트의 모든 파일이 준비됩니다.)

git commit -m “프로젝트 폴더 커밋”

git push (이 커밋은 모든 파일을 GitHub에 푸시합니다.”

이 단계를 완료하면 로컬 WordPress 사이트가 GitHub와 통합되었습니다.

이 스크린샷을 확인하세요:

코드 편집기에서 소스 코드를 열었을 때의 폴더 구조와 비슷한 폴더 구조를 가지고 있다는 것을 알 수 있습니다.

이제 귀하의 팀은 다음을 수행할 수 있습니다. 저장소를 복제하다 로컬 머신에 생성 가지다양한 기능에 대한 작업을 수행하고 이를 커밋한 후 저장을 위해 GitHub에 푸시합니다.

WordPress 사이트 편집

대부분의 코딩/빌딩은 테마 폴더에 있습니다. app/public/wp-content/themes 경로를 사용하여 이 폴더를 찾을 수 있습니다.

내 폴더에는 세 가지 테마가 있으며 최신 테마를 선택할 수 있습니다. 편집을 시작하기 전 내 사이트는 다음과 같습니다.

app/public/wp-content/themes/templates/home.html 경로를 따라가면 홈페이지 내용을 편집할 수 있습니다.

홈페이지의

내용을 “워드프레스-GitHub 통합 샘플입니다”로 변경하면 됩니다.

로컬 개발 서버의 콘텐츠를 새로 고치면 다음과 같이 표시됩니다.

GitHub에 변경 사항을 푸시하는 방법

위에서 변경한 내용은 로컬에서만 사용할 수 있습니다. 저장을 위해 GitHub에 스테이징하고 커밋하고 푸시할 수 있습니다. 다음과 같이하세요:

  • 다음 명령을 실행하세요: git status

보시다시피, app/public/wp-content/themes/twentytwenty three/templates/home.html에 추적되지 않은 파일이 있습니다.

  • 편집 내용을 준비하세요. 다음 명령을 사용할 수 있습니다: git add .
  • 저지르다. 이 명령을 사용하십시오 git commit -m “이 커밋은 홈페이지를 편집합니다”
  • 변경 사항을 푸시합니다. 다음 명령을 사용하세요: git push.

GitHub의 리포지토리로 돌아가면 이 스크린샷과 같이 새로운 커밋이 있음을 확인할 수 있습니다.

이제 팀에서는 변경 사항을 가져오고, 파일을 편집하고, 이 저장소에 푸시할 수 있습니다.

원활한 GitHub 통합 유지를 위한 모범 사례

  • 버전 제어 활용: WordPress를 GitHub와 통합할 때 가장 큰 장점은 버전 제어 기능입니다. 버전 제어(Git)를 사용하여 작성하거나 수정하는 모든 코드를 추적하는지 확인하세요.
  • 스테이징 환경 만들기: 로컬 개발 서버가 스테이징 환경입니다. 로컬 개발 서버를 통해 WordPress 사이트에 대한 모든 변경 사항을 커밋하고 라이브 사이트에 푸시하기 전에 확인하세요.
  • .gitignore 기능 사용: WordPress 사이트를 개발할 때 모든 폴더와 파일을 추적할 필요는 없습니다. 귀하의 주요 초점은 테마에 있습니다. .gitignore 기능을 사용하면 관련 변경 사항만 추적할 수 있습니다.
  • 브랜치 사용: 여러 개발자가 동시에 다양한 기능을 작업하도록 할 수 있습니다. 이러한 기능에 대한 분기를 생성하고 모든 것이 작동하는지 테스트한 후 이를 기본/마스터와 병합할 수 있습니다.
  • 워크플로우 개발: 좋은 개발자는 개발에서 따라야 할 모든 단계를 보여주는 명확한 흐름을 가지고 있어야 합니다. 워크플로에는 사이트를 테스트하고 배포할 시기와 충족해야 하는 기준이 명시되어 있어야 합니다.
  • 테스트 자동화: Jenkins와 같은 CD/CI(지속적 통합 및 지속적 배포) 파이프라인을 사용하여 개발하면서 코드를 자동으로 테스트합니다.
  • 작업 문서화: 문서는 WordPress 코드의 모든 기능이 수행하는 작업을 나타내야 합니다.

결론

위 단계를 따르면 WordPress와 GitHub를 쉽게 통합할 수 있습니다. 다음 단계는 팀원에게 GitHub 저장소에 대한 링크를 제공하고 작업할 다양한 기능을 할당하는 것입니다. 팀 리더인 경우 승인하기 전에 언제든지 모든 커밋을 검토할 수 있습니다. 또한 GitHub를 사용하면 소스 코드가 클라우드에 저장되므로 쉽게 액세스할 수 있습니다.

반면, 로컬 컴퓨터에 WordPress가 있는 경우 정적 웹 사이트를 찾고 있다면 GitHub Pages에서 호스팅할 수 있습니다. 또한 리포지토리에서 로컬 개발 환경으로 다양한 플러그인을 설치할 수도 있습니다.

GitHub와 GitLab에 대한 기사를 확인하실 수 있습니다.