/No-Code Development Agency

Bubble.io에서 재사용 가능한 컴포넌트를 어떻게 생성하나요?

저희의 단계별 안내서를 통해 Bubble.io에서 재사용 가능한 컴포넌트를 구축하는 방법을 배우세요. 이를 통해 앱 개발의 효율성과 일관성을 높일 수 있습니다.

Matt Graham, CEO of Rapid Developers

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.

Book a free No-Code consultation

Bubble.io에서 재사용 가능한 컴포넌트를 어떻게 생성하나요?

Bubble.io에서 재사용 가능한 컴포넌트를 생성하는 것은 애플리케이션의 여러 부분에서 사용할 수 있는 요소를 구축하는 방법입니다. 재사용 가능한 컴포넌트는 탐색 바, 바닥글부터 복잡한 요소 그룹과 관련 워크플로우에 이르기까지 아무 것이나 될 수 있습니다. Bubble.io에서 재사용 가능한 컴포넌트를 생성하려면 다음 단계를 따르십시오:

단계 1:
Bubble 편집기의 왼쪽 상단 모서리에 있는 아이콘을 클릭하여 페이지 탐색 메뉴를 엽니다.

단계 2:
페이지 메뉴 내의 '재사용 가능한 요소' 섹션으로 스크롤 합니다.

단계 3:
'새로운 재사용 가능한 요소 추가' 버튼을 클릭하여 새로운 빈 재사용 가능한 요소를 생성하기 시작합니다.

또는, 디자인에 이미 요소가 있고 이를 재사용 가능한 컴포넌트로 변환하려는 경우:

단계 A:
재사용 가능한 컴포넌트로 변환하려는 페이지의 요소 또는 요소 그룹으로 이동합니다.

단계 B:
클릭하여 요소를 선택합니다. 한 번에 여러 요소를 선택하려면 'Shift' 키를 누른 채로 각 요소를 클릭합니다.

단계 C:
선택한 후 요소를 마우스 오른쪽 클릭하거나 화면 상단의 'Edit' 메뉴로 이동합니다.

단계 D:
출현하는 메뉴에서 '재사용 가능한 요소로 변환'을 선택합니다.

이 단계들을 완료하면 선택한 요소들이 재사용 가능한 컴포넌트로 변환되며, 자동으로 이 새 컴포넌트의 편집기로 이동하게 됩니다. 이 편집기 내에서 재사용 가능한 요소와 관련 워크플로우를 수정할 수 있습니다.

기억하십시오, 기존 요소를 재사용 가능한 컴포넌트로 변환할 때, 선택한 요소에 연결된 워크플로우는 재사용 가능한 요소 밖에 있는 참조에 대한 액세스를 잃게 되어 조정이 필요할 수 있습니다. 워크플로우가 재사용 가능한 컴포넌트의 컨텍스트 내에서 올바르게 작동하도록 확인하고 업데이트하는 것이 중요합니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

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.

Explore

WeWeb Tutorials

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.

Explore

No-Code Tools Comparison

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.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences