우리의 단계별 가이드를 탐색하여 Bubble.io를 GitHub와 통합하는 방법을 알아보세요. 웹 개발 과정을 효율화하고자 하는 초보자들에게 완벽합니다.
GitHub은 버전 제어 및 협업을 위한 웹 기반 호스팅 서비스로, 개발자들이 프로젝트에서 함께 작업할 수 있게 해줍니다. 이는 Git이라는 오픈 소스 시스템 위에 구축되어 있으며, 이 시스템을 통해 소프트웨어 개발 중 소스 코드의 변경 사항을 추적할 수 있습니다. GitHub을 통해 누구나 소프트웨어 프로젝트의 개발에 기여하고 이를 열람할 수 있습니다. 사용자들은 자신의 코드를 보관하기 위해 저장소를 만들고, 프로젝트를 관리하며, 변경 사항 제안을 위한 풀 요청을 제출하고, 코드를 검토할 수 있습니다.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
단계 1: Bubble.io에 접속하기
시작하려면 Bubble.io 플랫폼에 접속해야 합니다. Bubble.io로 이동하여 계정 정보를 입력해 로그인하세요. 아직 등록하지 않은 경우, "Get Started"를 클릭하고 계정을 생성하라는 절차를 따르세요.
단계 2: 프로젝트 시작하기
Bubble.io 대시보드로 들어간 후, "New Application"을 클릭하세요. 주어진 대화 상자에 프로젝트 이름을 입력하고 템플릿을 선택하세요. 이러한 단계를 완료한 후, "Create New App"을 클릭하여 프로젝트를 시작하세요.
단계 3: 설정으로 이동하기
이제 앱 설정으로 이동해야 합니다. 대시보드 상단 메뉴에서 "Settings"를 클릭하세요.
단계 4: 버전 컨트롤 열기
설정 탭 내에서, 왼쪽 사이드바 메뉴에서 "Version Control" 옵션을 선택하세요. 이렇게 하면 버전 컨트롤 설정으로 이동하게 됩니다.
단계 5: GitHub 활성화
버전 컨트롤 섹션에 들어가면 GitHub를 활성화할 차례입니다. 여기서 GitHub 바로 옆에 있는 토글 버튼을 보게 될 것입니다. 그것을 클릭하면 파란색으로 변합니다. 이것은 앱에 대해 GitHub를 성공적으로 활성화하였음을 의미합니다.
단계 6: GitHub 저장소 입력하기
다음으로, GitHub 저장소 정보를 주어진 공간에 입력해야 합니다. GitHub 저장소 링크를 이 필드에 붙여넣습니다. GitHub 저장소가 공개 상태임을 확인하십시오. Bubble.io는 현재 개인 저장소를 지원하지 않습니다.
단계 7: 애플리케이션 커밋하기
이제 Bubble.io와 GitHub를 성공적으로 통합했으니, 변경 사항을 저장하고 첫 커밋을 하도록 합니다. 우측 상단에 있는 "Commit Version"을 클릭하세요. 이렇게 하면 이 커밋에 대한 메시지를 입력할 수 있는 대화 상자가 열립니다. 변경 사항에 대한 간단한 설명을 적은 후 "Commit"을 클릭하세요.
단계 8: GitHub에서 변경 사항 확인하기
모든 것이 계획대로 진행되었는지 확인하려면 GitHub 저장소로 이동하세요. 그곳에서 Bubble.io 앱 파일과 커밋 메시지를 볼 수 있습니다.
주의: 앱에 중요한 수정을 할 때마다 Bubble.io에서 변경 사항을 커밋하도록 합니다. 이렇게 하면 GitHub 저장소를 최신 상태로 유지할 수 있습니다.
Bubble.io 앱에서 변경 사항을 만들 때마다 이러한 변경 사항을 커밋하는 것이 중요합니다. 이렇게 하면 Bubble.io의 앱과 GitHub의 저장소가 일치하는 상태를 유지할 수 있습니다. 이제 Bubble.io와 GitHub에서 앱을 구축하고 버전을 관리하는 데 있어 원활한 작업 흐름을 즐길 수 있습니다.
시나리오: 소프트웨어 개발 회사는 GitHub 레포지토리를 관리하는데 도움이 되는 커스텀 프로젝트 관리 대시보드를 만들고 싶어합니다. 그들은 개발자와 프로젝트 관리자들이 레포지토리의 진행 상황을 보고 관리할 수 있도록 사용자 친화적인 인터페이스를 만들기 위해 Bubble.io를 사용합니다. 그들은 Bubble.io 대시보드에서 GitHub 정보가 실시간으로 동기화되길 원합니다.
해결책: Bubble.io와 GitHub 통합
대시보드 생성: 회사는 Bubble.io를 사용하여 레포지토리 목록, 풀 리퀘스트, 문제, 커밋 히스토리와 같은 특정 기능들을 포함하는 커스텀 인터페이스를 디자인합니다.
통합 설정: 회사는 Bubble.io에 GitHub 플러그인을 설치하고 GitHub 계정과 연동합니다. GitHub에서 어떤 이벤트가 발생하면 Bubble.io에서 워크플로우가 실행되도록 설정합니다.
데이터 동기화 워크플로우: 새로운 커밋이 만들어지거나, 풀 리퀘스트가 닫히거나, 이슈가 해결되면 Bubble.io에 해당 워크플로우가 실행됩니다. 업데이트된 정보(예: 커밋 메시지, 풀 리퀘스트 상태, 이슈 해결)는 연결된 GitHub 플러그인을 통해 Bubble.io 대시보드로 동기화됩니다.
Bubble.io에서의 프로젝트 관리: 프로젝트 관리팀은 Bubble.io 대시보드를 사용하여 레포지토리의 실시간 상태를 확인합니다. 그들은 진행 상황을 쉽게 추적하고, 풀 리퀘스트와 그 상태를 봤다가 이슈와 그 해결책을 확인하고, 다른 브랜치에 대한 커밋 이력을 시각화할 수 있습니다.
통합 업데이트: 대시보드가 실시간으로 업데이트되므로 팀이 진행 상황을 최신으로 유지할 수 있습니다.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
.png)
.png)
