윅스 (Wix) 코딩 - 윅스 코드(Wix Code)란? (Wix Code: What is it?)

윅스 코드(Wix Code)란? (Wix Code: What is it?)

 

설명)

윅스코드(Wix Code)란, 웹사이트 빌더 사이트(Website Builder site)인 윅스(Wix)에서 제공하는 윅스 웹에디터(Wix Web Editor)에서 개발자 도구(개발자 모드)를 활성화하여, 기존에 HTML 및 CSS으로 이루어진 요소들을 자바스크립트(JavaScript)를 활용하여 정적인 웹사이트를 동적(Dynamic)으로 만들어주는 기능입니다.

 

 

윅스 코드 주요 5가지 기능)

1. 데이터베이스 컬렉션 (Database Collections)
2. 데이터 연결하기 (Connecting Data)
3. 사용자 입력 요소 (User Input Elements)
4. 동적 페이지 (Dynamic Pages)
5. 코딩 (Coding)

 

주요 기능 설명)

1. 데이터베이스 컬렉션 (Database Collections)

데이터베이스 컬렉션 기능으로 자신이 사이트에 사용하고자 하는 자료 및 데이터를 수집을 할 수 있게 되었고, 사이트 관리자의 자료 및 데이터 뿐만 아니라 사이트를 이용하는 이용자가 제공하는 데이터 또한 사이트의 콘텐츠로서 활용할 수 있는 기능입니다. 

 

2. 데이터 연결하기 (Connecting Data)

페이지를 구성하는 요소들을 데이터베이스 컬렉션에 연결하여, 사이트를 이용하는 이용자에게 원하는 컨텐츠를 제공하고 또한 이용자들이 제공하는 데이터를 수집 및 활용할 수 있는 기능입니다.

 

3. 사용자 입력 요소 (User Input Elements)

사용자 입력 요소는 사이트를 이용하는 이용자들이 정보를 제공할 수 있도록 도와주는 페이지의 구성 요소 중에 하나이며, 이를 활용하여 이용자들이 제공하는 데이터 및 자료를 데이터베이스 컬렉션에 수집을 할 수 있습니다. 또한 이용자가 사이트에서 제공하고 있는 데이터 및 콘텐츠를 필터링하여 볼 수 있게 도와주는 기능입니다.

 

4. 동적 페이지 (Dynamic Pages)

동적 페이지는 하나의 페이지를 자신이 이용자들에게 보여주고 싶은 레이아웃으로 한번 디자인을 해놓으면 연결된 데이터베이스 컬렉션에서 이용자들에게 보여주고자하는 자료들을 디자인한 레이아웃 틀에 맞추어 자료를 제공하는 기능입니다.

 

5. 코딩 (Coding)

윅스 에디터 사이트에서 제공되는 윅스 코드 개발자 도구를 활성하여 직접 만든 자바스크립트(JavaScript) 코드로 윅스에서 제공되는 API들을 자신의 입맛에 맞게 커스터마이징이 가능합니다.

 

 

 

윅스 홈페이지 만들기 101

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

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

 

출처 :

https://support.wix.com/en/article/wix-code-what-is-it