본문 바로가기
윅스 (Wix) 홈페이지 만들기/Corvid by Wix (윅스 코딩 - 콜비드) 강의

윅스 (Wix) 코딩 강의 중급 (Intermediate) - Distinct() 쿼리를 활용한 중복된 옵션 제거하기 (Example: Remove duplicates from connected dropdown options using distinct() query) - 상호작용 (Interactions)

by 라임쥬서(Lime Juicer) 2020. 5. 11.
반응형

윅스 (Wix) 코딩 강의 중급 (Intermediate) - Distinct() 쿼리를 활용한 중복된 옵션 제거하기 (Example: Remove duplicates from connected dropdown options using distinct() query) - 상호작용 (Interactions)

윅스 (Wix) 코딩 강의 중급 (Intermediate) - Distinct() 쿼리를 활용한 중복된 옵션 제거하기 (Example: Remove duplicates from connected dropdown options using distinct() query) - 상호작용 (Interactions)

강의 내용 요약

다음의 예제는 Wix 윅스 무료 홈페이지 만들기의 자바스크립트 (Javascript) 코딩 기능을 활용할 수 있는 Corvid by Wix (윅스 코딩 - 콜비드) 를 활용하여 만듭니다.

 

데이터베이스 컬렉션에 저장되어 있는 중복된 데이터를 제거하는 기능을 만듭니다.

 

예제 보러가기 (View Example)

 

ARTICLES | no-dup-dropdown

Travel Tips Check Out Helpful Information for Your Next Adventure

www.wix.com

 

예제 에디터 확인하기 (Edit Now)

 

Log In | Wix

Login to Wix.com

users.wix.com

 

 

강의 내용 만드는법

만들고자 하는 윅스 사이트에 다음과 같은 구성 요소들이 필요합니다.

 

코드 (Code)

 

 

API

$w.Dropdown

WixDataQuery.distinct

 

Corvid by Wix (윅스 코딩 - 콜비드) 개발자 모드/도구 활성화하는 방법

윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)

 

윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)

윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools) 설명) 개발자 도구를 활성화하기 위해서는 1. 에디터를 엽니다. 에디터 맨 위 상단 메뉴에서 코드를 클릭한 다음 개발�

limejuicer.tistory.com

 

 

연관된 토픽)

윅스 (Wix) 코딩 -

윅스 (Wix) 코딩 용어 -

윅스 (Wix) 웹에디터 -

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

콜비드 - 윅스 코딩 (Corvid - Wix coding)

 

Example: Remove duplicates from connected dropdown options using distinct() query | Corvid by Wix

Demonstrates $w.Dropdown Javascript array functions: map() , unshift() WixDataQuery.distinct() Links for this example View the “Live” example in a browser page Open the Example template in the Wix Editor About this example This example is a variation o

www.wix.com

 

반응형

댓글