저희의 단계별 안내서를 통해 Bubble.io에서 재사용 가능한 컴포넌트를 구축하는 방법을 배우세요. 이를 통해 앱 개발의 효율성과 일관성을 높일 수 있습니다.
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.
Bubble.io에서 재사용 가능한 컴포넌트를 생성하는 것은 애플리케이션의 여러 부분에서 사용할 수 있는 요소를 구축하는 방법입니다. 재사용 가능한 컴포넌트는 탐색 바, 바닥글부터 복잡한 요소 그룹과 관련 워크플로우에 이르기까지 아무 것이나 될 수 있습니다. Bubble.io에서 재사용 가능한 컴포넌트를 생성하려면 다음 단계를 따르십시오:
단계 1:
Bubble 편집기의 왼쪽 상단 모서리에 있는 아이콘을 클릭하여 페이지 탐색 메뉴를 엽니다.
단계 2:
페이지 메뉴 내의 '재사용 가능한 요소' 섹션으로 스크롤 합니다.
단계 3:
'새로운 재사용 가능한 요소 추가' 버튼을 클릭하여 새로운 빈 재사용 가능한 요소를 생성하기 시작합니다.
또는, 디자인에 이미 요소가 있고 이를 재사용 가능한 컴포넌트로 변환하려는 경우:
단계 A:
재사용 가능한 컴포넌트로 변환하려는 페이지의 요소 또는 요소 그룹으로 이동합니다.
단계 B:
클릭하여 요소를 선택합니다. 한 번에 여러 요소를 선택하려면 'Shift' 키를 누른 채로 각 요소를 클릭합니다.
단계 C:
선택한 후 요소를 마우스 오른쪽 클릭하거나 화면 상단의 'Edit' 메뉴로 이동합니다.
단계 D:
출현하는 메뉴에서 '재사용 가능한 요소로 변환'을 선택합니다.
이 단계들을 완료하면 선택한 요소들이 재사용 가능한 컴포넌트로 변환되며, 자동으로 이 새 컴포넌트의 편집기로 이동하게 됩니다. 이 편집기 내에서 재사용 가능한 요소와 관련 워크플로우를 수정할 수 있습니다.
기억하십시오, 기존 요소를 재사용 가능한 컴포넌트로 변환할 때, 선택한 요소에 연결된 워크플로우는 재사용 가능한 요소 밖에 있는 참조에 대한 액세스를 잃게 되어 조정이 필요할 수 있습니다. 워크플로우가 재사용 가능한 컴포넌트의 컨텍스트 내에서 올바르게 작동하도록 확인하고 업데이트하는 것이 중요합니다.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.