본문 바로가기

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

2020. 4. 8.
반응형

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

 

윅스 (Wix.com)

 

 

윅스 ADI & 템플릿 (Wix ADI & 템플릿)

 

 

 

윅스 웹에디터 (Wix Editor)

 

윅스 코딩 (Wix Code - Corvid)

 

 

  1. 윅스 코드(Wix Code)란? (Wix Code: What is it?)
  2. 윅스 (Wix) 코딩 용어집 - 콜비드 (Wix Coding - Corvid : Glossary)
  1. 사이트 구조 사이드 바 (Wix Code: Working with the Site Structure Sidebar)
  2. 속성 패널 (Wix Code: Working with the Properties Panel)
  3. 코드 패널 (Wix Code: Working in the Code Panel)
  4. API 개요 (Wix Code: API Overview)
  5. 컬렉션 컨텐츠를 활용한 사이트 게시전 고려사항 (Wix Code: Checklist for Publishing a Site with Collection Content)
  6. 참여자들과 협업하기 (Wix Code: Working with Contributors)
  7. 사이트 히스토리 (Wix Code: Working with Site History)
  8. 모바일 에디터 (Wix Code: Working in the Mobile Editor)
  9. 프리미엄 사이트 및 무료 사이트의 URL 구조 정보 (Wix Code: About the URL Structure of Premium and Free Sites)
  10. 텍스트 요소 서식 지정 (Wix Code: About Formatting Text Elements)
  11. 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)
  12. 요소 크기 변경에 따른 페이지 레이아웃에 대한 영향 (Wix Code: How Page Layout Is Affected When Elements Change Size)
  13. 대시 보드 페이지 (Wix Code: Working with Dashboard Pages)
  14. 날짜 서식 지정하기 (Wix Code: How to Format Dates)
  15. 보안 고려 사항 (Wix Code: Security Considerations)
  16. 포럼 게시 지침 (Guidelines for Posting to the Wix Code Forum)
  17. Google Ads, Wix 코드 작업자를 악의적인 URL로 표시 (Google Ads Marks Wix Code Worker as Malicious URL)
  18.  
  19.  
  20. 동영상 (Wix Code: Videos)
  21. 예제 목록 (Wix Code: Index of Examples)
  22. 예제 활용 방법 (Wix Code: How to Work with Examples)
  23. 데이터베이스 콘텐츠 일반 페이지에 표시하기 (Wix Code Tutorial: Displaying Database Content on a Regular Page)
  24. 예제 - 이벤트에 사용자 정의된 상호 작용 추가하기 (Wix Code Tutorial: Adding Custom Interactivity with Events)
  25. 예제 - 동적 카테고리 인덱스 페이지 만들기 (Wix Code Tutorial: Creating a Dynamic Category Index Page)
  26. 예제 - 데이터베이스 컬렉션에 사용자 입력 저장 양식 만들기 (Wix Code Tutorial: Creating a Form to Store User Input in a Database Collection)
  27. 예제 - 데이터베이스 컬렉션에 데이터 편집 양식 만들기 (Wix Code Tutorial: Creating a Form for Editing Data in a Database Collection)
  28. 예제 - 사용자 정의된 멤버 프로필 페이지 만들기 (Wix Code Tutorial: Creating Custom Member Profile Pages)
  29. 데이터베이스 컬렉션 (About Database Collections)
  30. 데이터베이스 모델 계획하기 (Planning Your Database Model)
  31. 컬렉션 권한 (About Collection Permissions)
  32. 데이터세트 모드 및 컬렉션 권한 (Working with Dataset Modes and Collection Permissions)
  33. 샌드박스 데이터 및 라이브 데이터 (Wix Code: About Sandbox Data and Live Data)
  34. 샌드박스와 라이브 컬렉션 간의 데이터 동기화하기 (Wix Code: How to Sync Data Between Sandbox and Live Collections)
  35. 샌드박스 데이터 (Wix Code: Editing Your Sandbox Data)
  36. 라이브 데이터 (Working with Live Data)
  37. 데이터베이스 컬렉션 입력란 유형(필드 타입) 변경하기 (Changing a Database Collection Field Type)
  38. 데이터베이스 컬렉션 입력란(필드) 삭제 및 복원하기 (About Deleting and Restoring Fields in a Database Collection)
  39. 데이터 관리자의 입력란 유형(필드 타입) 지원 및 제한 사항 (Field Type Support and Limitations in the Data Manager)
  40. 데이터 관리자에서 데이터 가져오기 알아보기(About Importing Data in the Data Manager)
  41. 데이터 관리자에서 데이터 가져오기 (Importing Data in the Data Manager)
  42. 데이터 관리자에서 데이터 내보내기 (Exporting Data in the Data Manager)
  43. 데이터베이스 컬렉션 구조 (About Database Collection Structures)
  44. 데이터베이스 컬렉션 참조 입력란(필드) (About Reference Fields in Database Collections)
  45. 데이터베이스 컬렉션 참조 입력란(필드) 추가하기 (Adding a Reference Field to a Database Collection)
  46. 여러 데이터베이스 컬렉션 연결하기 (About Connecting Multiple Database Collections)
  47. 데이터베이스 컬렉션 제거 및 복원하기 (About Removing and Restoring Collections in Your Database)
  48. 한 입력란(필드)에서 여러 항목 참조하기 (About Referencing Multiple Items in One Field)
  49. 다중 항목 참조 입력란(필드) (Working with Multiple-Item Reference Fields)
  50. 미디어 갤러리 입력란(필드) (About Media Gallery Fields)
  51. 데이터베이스 컬렉션 입력란(필드) 삭제하기 (Deleting a Field from a Database Collection)
  52. 데이터베이스 컬렉션 삭제된 입력란(필드) 복원하기 (Restoring a Deleted Field in a Database Collection)
  53. 컬렉션 권한 설정하기 (Setting Collection Permissions)
  54. 페이지 요소와 데이터베이스 콘텐츠 연결하기 (About Connecting Page Elements to Database Content)
  55. 에디터에서 데이터셋 작업하기 (Working with Datasets in the Editor)
  56. 페이지 요소에서 링크 연결하는 추가 방법 (About the Different Ways to Link to Destinations from Page Elements)
  57. 페이지 요소에 링크 추가하는 방법 (How to Add a Link to a Page Element)
  58. 표(Table) 또는 갤러리에 데이터베이스 내용 표시하기 (About Displaying Database Content in a Table or Gallery)
  59. 반복 레이아웃에 데이터베이스 내용 표시하기 (About Displaying Database Content in a Repeater)
  60. 데이터셋 설정하기 (Working with Dataset Settings)
  61. 페이지 요소에 표시된 데이터베이스 내용 필터링 및 정렬하기 (About Filtering and Sorting Database Content Displayed in Page Elements)
  62. 버튼 및 이미지를 위한 데이터세트 작업하기 (Working with Dataset Actions for Buttons and Images)
  63. 로그인한 사용자를 기반으로 페이지 필터링하기 (Filtering a Page Based on the Currently Logged-In User)
  64. 표시된 데이터의 검색 및 필터 기능 만들기 (Wix Code: About Creating Searches and Filters of Displayed Data)
  65. 갤러리 항목을 미디어 갤러리 입력란(필드)에 연결하기 (Connecting Gallery Items to Media Gallery Fields)
  66. 데이터세트를 사용하여 여러 데이터베이스 컬렉션 콘텐츠 표시하기 알아보기 (About Displaying Content from Multiple Database Collections Using Datasets)
  67. 데이터세트를 사용하여 여러 데이터베이스 컬렉션 콘텐츠 표시하기(Displaying Content from Multiple Database Collections Using Datasets)
  68. 참조 입력란(필드)을 사용하여 여러 데이터베이스 컬렉션 콘텐츠 표시하기 (Displaying Content from Multiple Database Collections Using Reference Fields)
  69. 버튼 연결 패널 (Working with the Connect Button Panel)
  70. 체크박스 연결 패널 (Working with the Connect Checkbox Panel)
  71. 열 연결 패널 (Working with the Connect Column Panel)
  72. 날짜 선택기 연결 패널 (Working with the Connect Date Picker Panel)
  73. 드롭다운 연결 패널 (Working with the Connect Dropdown Panel)
  74. 갤러리 연결 패널 (Working with the Connect Gallery Panel)
  75. 이미지 연결 패널 (Working with the Connect Image Panel)
  76. 페이지 연결 패널 (Working with the Connect Page Panel)
  77. 페이지 번호바 연결 패널 (Working with the Connect Pagination Panel)
  78. 동영상 플레이어 연결 패널 (Working with the Connect Video Player Panel)
  79. 라디오 버튼 연결 패널 (Working with the Connect Radio Buttons Panel)
  80. 평점 표시 연결 패널 (Working with the Connect Ratings Display Panel)
  81. 평점 입력 연결 패널 (Working with the Connect Ratings Input Panel)
  82. 반복 레이아웃 연결 패널 (Working with the Connect Repeater Panel)
  83. 반복 레이아웃 항목 연결 패널 (Working with the Connect Repeater Item Panel)
  84. 서식있는 텍스트 연결 패널 (Working with the Connect Rich Text Panel)
  85. 스트립 연결 패널 (Working with the Connect Strip Panel)
  86. 스위치 연결 패널 (Working with the Connect Switch Panel)
  87. 표(Table) 연결 패널 (Working with the Connect Table Panel)
  88. 텍스트 연결 패널 (Working with the Connect Text Panel)
  89. 텍스트 상자 연결 패널 (Working with the Connect Text Box Panel)
  90. 텍스트 입력 연결 패널 (Working with the Connect Text Input Panel)
  91. 시간 선택기 연결 패널 (Working with the Connect Time Picker Panel)
  92. 업로드 버튼 연결 패널 (Working with the Connect Upload Button Panel)
  93. 동적 페이지에 연결하기 (About Linking to a Dynamic Page)
  94. 동적 페이지 삭제하기 (Wix Code: About Deleting a Dynamic Page)
  95. 동적 페이지와 일반 페이지 간의 변환하는 방법 (Wix Code: How to Convert Between Dynamic Pages and Regular Pages)
  96. 동적 페이지 URL 설정하기 (About Setting Up Dynamic Page URLs)
  97. 내 동적 페이지는 어떤 콘텐츠를 표시합니까? (What Content Will My Dynamic Page Display?)
  98. 여러 동적 페이지에 고유한 URL을 부여하기 (About Making Multiple Dynamic Page URLs Unique)
  99. 접두어로 동적 페이지 URL을 의미있게 만들기 (Wix Code: How to Make Dynamic Page URLs Meaningful with Prefixes)
  100. 동적 페이지에 대한 SEO 설정 작업하기 (Working with SEO Settings for Dynamic Pages)
  101. 동적 페이지의 페이지 정보 설정 작업하기 (Working with Page Info Settings for Dynamic Pages)
  102. 모바일보기에서 동적 페이지의 페이지 설정 작업하기 (Working with Page Settings for Dynamic Pages in Mobile View)
  103. 컬렉션의 읽기 전용 URL 경로 (About Read-Only URL Paths in Your Collection)
  104. 코드 패널 툴바 (Wix Code: Working with the Code Panel Toolbar)
  105. 이벤트를 이용하여 사이트 사용자에 반응하기 (Wix Code: Reacting to User Actions Using Events)
  106. 자바스크립트 (JavaScript) (Wix Code: JavaScript Support)
  107. 자바스크립트 (JavaScript) (Wix Code: JavaScript Support)
  108. 코딩된 사이트, 페이지 및 요소들 복사 및 삭제하기 (Wix Code: Copying and Deleting Coded Sites, Pages, and Elements)
  109. 슬라이드 연결 패널 (Working with the Connect Slider Panel)
  110. 페이지 요소 데이터에 연결하기 (Connecting Page Elements to Data)
  111. 사용자 입력 요소 (Working with User Input Elements)
  112. 라디오 버튼 및 드롭다운 목록의 라벨 및 값 설정 (Setting Labels and Values for Radio Buttons and Dropdown Lists)
  113. 설정 패널에서 사용자 입력 유효성 검사하기 (Wix Code: Working with User Input Validation in the Settings Panel)
  114. 코드로 사용자 입력 유효성 검사하기 (Wix Code: About Validating User Input with Code)
  115. 성공 및 오류 메시지를 양식에 추가하기 (Wix Code: How to Add Success and Error Messages to Your Form)
  116. 페이지 번호바 (Working with Pagination Bars)
  117. 동적 페이지 예제 (Dynamic Page Example)
  118. 동적 페이지 또는 데이터세트가 있는 일반 페이지의 필요성 (Do I Need a Dynamic Page or a Regular Page with a Dataset?)
  119. 동적 항목 페이지 또는 동적 카테고리 페이지의 필요성 (Do I Need a Dynamic Item or Category Page?)
  120. 동적 항목 페이지를 추가하는 방법 (Wix Code: How to Add a Dynamic Item Page)
  121. 동적 카테고리 페이지를 추가하는 방법 (Wix Code: How to Add a Dynamic Category Page)
  122. 동적 페이지 데이터세트 설정하기 (Working with Dynamic Page Dataset Settings)
  123. 동적 페이지 미리보기 (About Previewing Dynamic Pages)
  124. 코딩 테스트 및 디버깅 (Wix Code: Testing and Debugging Your Code)
  125. HTTP 함수로 사이트 API 노출하기 (Wix Code: Exposing a Site API with HTTP Functions)
  126. 코드 패널에서의 색상 의미 알아보기 (Wix Code: About the Colors in the Code Panel)
  127. 프로미스(Promises) (Wix Code: Working with Promises)
  128. 패키지 관리자로 외부 코드 라이브러리 관리하는 방법 (Wix Code: How to Manage External Code Libraries with the Package Manager)
  129. 모바일 장치에서만 실행되는 코드 작성하는 방법 (Wix Code: How to Write Code That Only Runs on Mobile Devices)
  130. 예제 - 모바일에서만 요소 표시하기 (Wix Code Tutorial: Displaying Elements in Mobile Only)
  131. 예제 - 양식 제출시 전자 메일 보내기 (Wix Code Tutorial: Sending an Email on Form Submission)
  132. 예제 - 나만의 멤버 영역 만들기 (Wix Code Tutorial: Building Your Own Members Area)
  133. 예제 - 일회성 팝업 기능 만들기 (Wix Code Tutorial : Creating a One-Time Popup)
  134. HTML 요소를 사용하여 서식있는 텍스트 에디터 만들기 (Wix Code Tutorial: Creating a Rich Text Editor Using the HTML Component)
  135. 예제 - 코딩으로 컬렉션 데이터 가져오기 및 내보내기 (Wix Code Tutorial: Importing and Exporting Collection Data with Code)
  136. 예제 - 코딩으로 동적 항목 페이지의 이전 및 다음 버튼 만들기 (Wix Code Tutorial: Creating Previous and Next Buttons for a Dynamic Item Page with Code)
  137. 예제 - 데이터 후크가 있는 컬렉션에 저장되기 전에 사용자 입력 처리하기 (Wix Code Tutorial: Processing User Input Before it is Stored in a Collection with Data Hooks)
  138. 예제 - 컬렉션 데이터 검색 기능 추가하기 (Wix Code Tutorial: Adding Collection Data Search Functionality)
  139. 예제 - Wix Pay API를 사용한 단일 제품 결제시스템 만들기 (Wix Code Tutorial: Using the Wix Pay API to Collect Payments for a Single Product)
  140. 예제 - Wix Pay API를 사용한 데이터베이스 컬렉션의 제품들에 대한 결제시스템 만들기 (Wix Code Tutorial: Using the Wix Pay API to Collect Payments for Products in a Database Collection)
  141. 예제 - 컬렉션 데이터 계산하기 및 표시하기 (Wix Code Tutorial: Calculating and Displaying Collection Data)
  142. 예제 - 재생 동영상이 없을 경우 동영상 플레이어 숨기기 (Wix Code Tutorial: Hiding a Video Player When There Is No Video to Play)
  143. 예제 - 코딩으로 오늘 날짜 표시하기 (Wix Code Tutorial: Displaying Today's Date with Code)
  144. 예제 - 특정 페이지에 요소 숨기기 (Wix Code Tutorial: Hiding an Element on Certain Pages)
  145. 예제 - 보기-더보기 기능 링크 만들기 (Wix Code Tutorial: Creating a Show-More Link)
  146. 예제 - 추적 및 분석 이벤트 보내기 (Wix Code Tutorial: Sending Tracking and Analytics Events)
  147. 예제 - 사이트 회원들에게 트리거된 이메일 보내기 (Wix Code Tutorial: Sending a Triggered Email to Members)
  148. 예제 - 평점 입력 및 표시하기 (Wix Code Tutorial: Capturing and Displaying Ratings)
  149. 예제 - 결제시스템 처리 (Wix Code Tutorial: Processing Payments)
  150. 맞춤 예약 서비스 기능 만들기 (Wix Code: Creating a Custom Bookings Experience)
  151. Wix 앱 컬렉션 (Wix Code: Working with Wix App Collections)
  152. Wix 스토어(Stores)/쇼핑몰 "Product" 컬렉션 입력란(필드) (Wix Code: Wix Stores "Product" Collection Fields)
  153. Wix 스토어(Stores)/쇼핑몰 "Collections" 컬렉션 입력란(필드) (Wix Code: Wix Stores "Collections" Collection Fields)
  154. Wix 이벤트 "Events" 컬렉션 입력란(필드) (Wix Code: Wix Events "Events" Collection Fields)
  155. Wix 예약시스템(Bookings) "Services" 컬렉션 입력란(필드) (Wix Code: Wix Bookings "Services" Collection Fields)
  156. Wix 예약시스템(Bookings) "Schedule" 컬렉션 입력란(필드) (Wix Code: Wix Bookings "Schedule" Collection Fields)
  157. 예약 앱 컬렉션 활용 아이디어 (Wix Code: Ideas for Working with Your Bookings App Collections)
  158. Wix 스토어(Stores)/쇼핑몰 제품 페이지에 관련 제품 영역 기능 추가하기 (Wix Code: Adding a Related Products Area to a Wix Store Product Page)
  159. Wix 스토어(Stores)/쇼핑몰 사이트에 위시리스트 기능 추가하기 (Wix Code: Adding a Wishlist to a Wix Stores Site)
  160. Wix 스토어(Stores)/쇼핑몰 사이트 장바구니에 여러 제품 담기 기능 추가하기 (Adding Multiple Items to the Cart in a Wix Stores Site)
  161. Wix 스토어(Stores)/쇼핑몰 선물 퀴즈 기능 추가하기 (Wix Code: Adding a Gift Quiz to a Wix Stores Site)
  162. Wix 스토어(Stores)/쇼핑몰 제품 구성 기능 추가하기 (Wix Code: Adding a Product Configurator to a Wix Stores Site)
  163. Wix 스토어(Stores)/쇼핑몰 평점과 리뷰 기능 추가하기 (Wix Code: Adding Ratings and Reviews to a Wix Stores Site)
  164. Wix 예약시스템(Bookings) "Staff" 컬렉션 입력란(필드)(Wix Code: Wix Bookings "Staff" Collection Fields)
  165. 사용자 지정 이벤트 갤러리 만들기 (Wix Code: Creating a Custom Events Gallery)
  166. 사용자 지정 이벤트 세부정보 페이지 만들기 (Wix Code: Creating a Custom Event Details Page)
  167. 예약시스템 시간표를 만들기 (Wix Code: How to Create a Bookings Timetable)
  168. Fetch API를 사용하여 제 3자 서비스에 액세스하기 (Wix Code: Accessing 3rd-Party Services with the Fetch API)
  169. 웹 모듈을 사용하여 프론트엔드에서 서버 측 코드 호출하기 (Wix Code: Calling Server-Side Code from the Front-End with Web Modules)
  170. 웹 모듈 권한 (Wix Code: About Web Module Permissions)
  171. 데이터 API로 작업하기 (Wix Code: Working with the Data API)
  172. 데이터 후크 (Wix Code: About Data Hooks)
  173. 동적 페이지 데이터 후크 (Wix Code: About Data Hooks for Dynamic Pages)
  174. 데이터 후크 사용 방법 (Wix Code: How to Use Data Hooks)
  175. 동적 페이지 데이터 후크 만들기 (Wix Code: Creating Data Hooks for Dynamic Pages)
  176. 라우터 (Wix Code: About Routers)
  177. 구글 검색엔진 최적화(SEO) 및 라우팅 (Wix Code: About SEO and Routing)
  178. HTML 요소 (Wix Code: Working with the HTML Element)
  179. 동적 페이지의 403 또는 404 오류 문제 해결 (Wix Code: Troubleshooting 403 or 404 Errors on Dynamic Pages)
  180. 데이터 API 집계 (Wix Code: Working with Aggregations in the Data API)
  181. 확장 메가 메뉴 만들기 (Wix Code Tutorial: Creating an Expanding Mega Menu)
  182. 윅스 에디터 (Wix Editor) vs 윅스 코드 (Wix Code) 추가 메뉴 목록 비교

 

 

윅스 해커톤 (Wix Hackathon)

 

 

 

 

 

반응형

티스토리툴바