header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix Blocks: 데이터베이스 컬렉션에 반복 레이아웃 연결하기

2 분
Wix Blocks는 일부 사용자에 한해 제공되고 있습니다.
Blocks를 사용하면 컬렉션을 반복 레이아웃에 연결할 수 있습니다. Blocks 컬렉션은 나중에 사이트에서 유사한 구조화된 컬렉션과 상호 작용할 수 있는 플레이스홀더입니다. 반복 레이아웃을 컬렉션에 연결하려면:
  1. 위젯 및 디자인 메뉴에서 Blocks 위젯을 생성하거나 열 수 있습니다.
  2. 위젯에 반복 레이아웃을 추가하려면 추가 패널로 이동한 후 레이아웃 > 반복 레이아웃을 클릭합니다.
  3. Blocks에서 컬렉션을 추가합니다. 
  4. 위젯의 코드 섹션으로 이동해 wix-data 모듈을 가져옵니다.
1import wixData from 'wix-data';
5. 다음 구문을 사용해 컬렉션의 데이터를 쿼리합니다(앱 네임스페이스 자세히 보기).

@/

예를 들어, 다음 함수는 "Titles" 컬렉션에서 문자열을 가져와 반복 레이아웃의 텍스트 요소에 지정합니다.

1$w.onReady(function () { wixData.query('@daphnet2/simple-repeater-app/Titles') .find() .then((results) => { $w('#repeater1').data = results.items }) .catch((err) => { console.log(err) throw new Error(err) }); $w("#repeater1").onItemReady(($item, itemData, index) => { $item("#text1").text = itemData.title; }); });
반복 레이아웃 ID 찾기
요소의 ID는 다음과 같은 여러 위치에 표시됩니다.
  • 디자인 탭에서 요소에 마우스오버하거나 선택하는 경우
  • 레이어layers icon 패널에서 요소를 선택하는 경우
  • 속성 및 이벤트properties and events icon 패널에서 요소를 선택하는 경우