/ 위챗

[기초] 위챗 미니 프로그램(샤오청쉬) 개발을 위해 반드시 알아야 할 필수 상식 가이드 - 트렌드톡


◼︎ 목차 업데이트 : --01


◼︎ 위챗 미니 프로그램(샤오청쉬, 小程序) 소개

위챗 미니 프로그램(WeChat Mini Program)은 위챗 모바일 앱 내에서 사용자가 직접 프로그램을 개발할 수 있는 웹 기반 프론트엔드 프레임워크입니다.
중국에서 가장 많이 사용되는 모바일 앱인 위챗 내에서 손쉽게 실행할 수 있기 때문에, 중국에서의 마케팅을 고려하고 있다면 필수적으로 준비해야 하는 서비스로 주목 받고 있습니다.
정식으로 런칭한지 얼마 되지 않아, 한국에서는 중국어 명칭인 "샤오청쉬(小程序, XiaoChengXu)" 외에, "위챗 미니 프로그램(WeChat Mini Program)", "위챗 미니앱(WeChat Mini App)" 등 다양한 용어로 불리우고 있습니다.


◼︎ 1. 위챗 미니 프로그램 계정 등록

위챗 마케팅 코리아 (WeChat Marketing Korea)

위챗 개발사인 텐센트(腾讯, Tencent)가 제공하는 공식 홈페이지에서 위챗 미니 프로그램을 등록할 수 있는 개발자 계정을 신청할 수 있습니다.

  • 위챗 미니 프로그램 (WeChat Mini Program) 계정 신청 : 링크


◼︎ 2. 위챗 개발자 도구 (WeChat IDE)

위챗 미니 프로그램을 개발하기 위해서는, 위챗이 공식적으로 제공하는 "위챗 개발자 도구(WeChat Integrated Development Equipment, 微信开发者工具)"가 먼저 준비되어 있어야 합니다.
위챗 개발자 도구를 다운로드하면, 위챗 미니 프로그램을 개발할 수 있는 기본 SDK(Software Development Kit)가 동시에 설치됩니다.


위챗 개발자 도구(微信开发者工具) 구성 요소

  • 시뮬레이터 (Simulator) : 화면 프리뷰를 보여 줍니다.
  • 파일 메뉴 (File Structure) : 프로젝트를 구성하는 디렉토리와 파일 구조를 보여 줍니다.
  • 에디터 (Editor) : 프로그래밍을 위한 편집툴을 제공합니다.
  • 디버깅 툴 (Debugger) : 구글 크롬의 개발자 도구(Developer Tools)와 유사한 기능의 디버깅 툴을 제공합니다.

위챗 개발자 도구 (WeChat IDE) 다운로드 :


◼︎ 3. 위챗 미니 프로그램 개발 기본 프레임워크

현재 위챗이 제공하는 미니 프로그램 기본 개발 프레임워크는 'MINA(Mina Is Not App)'입니다.
React와 Vue.js 등에서 사용되고 있는 MVVM 모델을 기반으로 하고 있으며, JavaScipt와 JSON 중심의 데이터 구조를 사용하고 있습니다.

이 외에, 런칭한 지 얼마되지 않은 시점임에도 불구하고, 현재 중국의 개발자 커뮤니티에서는 위챗 미니 프로그램을 개발할 수 있는 수많은 오픈소스 프레임워크가 생성되고 있습니다.


◼︎ 4. MINA 기본 파일 구조 및 용도


├── app.js
├── app.json
├── app.wxss
├── pages
├── index
├── index.wxml
├── index.js
├── index.json
└── index.wxss
└── logs
├── logs.wxml
├── logs.js
├── logs.json
└── logs.wxss
├── utils
└── util.js
└── project.config.json


위챗 미니 프로그램은 자사 개발 환경에 적용할 수 있는 파일 형식을 자체적으로 개발하여 사용하고 있습니다.


  • WXML : HTML에 해당 (템플렛)
  • WXSS : CSS에 해당
  • JS : JavaScipt 파일
  • JSON : JSON 데이터 파일
  • app.js : 프로젝트 로직 정의 파일
  • app.json : 프로젝트 페이지 경로(라우터) 및 기타 설정 파일
  • app.wxss : 프로젝트 디자인 정의 파일
  • project.config.json : 프로젝트 설정 파일


◼︎ 5. 위챗 개발자 온라인 커뮤니티

위챗은 자사의 공식 계정(公众号) 및 미니 프로그램(小程序) 개발과 관련하여, 개발자들이 서로 다양한 정보를 공유할 수 있도록, 질의응답(Q&A) 형식의 공식 온라인 커뮤니티 사이트를 운영하고 있습니다.

또한 공식 온라인 커뮤니티 외에, 위챗과 관련한 다양한 정보를 여러 개발자들과 공유할 수 있는 기타 온라인 커뮤니티 사이트도 있습니다. 위챗이 제공하는 공식 프레임워크 외에, 식당 예약, E-커머스(쇼핑) 등 용도별로 특화된 다양한 프레임워크 정보와 개발 팁 등을 공유할 수 있습니다.


◼︎ 6. 위챗 미니 프로그램 공식 개발 매뉴얼

위챗은 미니 프로그램 개발을 위한 공식 매뉴얼을 제공하고 있습니다.

  • 위챗 미니 프로그램 (WeChat Mini Program) 개발 매뉴얼 (중국어) : 링크


위의 정보를 통해 위챗 미니프로그램(샤오청쉬) 개발에 도움이 되기를 바랍니다.
이 외에 알고 계신 꿀팁이 있다면, 많은 분들과 정보를 공유해 주세요!


◼︎ 도움이 될 만한 연관 추천 글


트렌드톡글로벌 비즈니스 및 마케팅에 필요한 유용한 서비스 및 꿀팁을 소개해 드립니다. ( 제휴 및 교육, 기타 문의 (카카오톡) )


트렌드톡 - 글로벌 마케팅 및 비즈니스 최신 정보


저작권자 ⓒ 트렌드톡 ( www.trendtalk.kr ) | 무단 전재 및 재배포 금지