Community코딩 & 개발github.com

uni-helper/uni-app

uni-app 크로스 플랫폼 개발 프레임워크에 대한 포괄적인 기술 참조

uni-app란 무엇인가요?

이 스킬은 uni-app 크로스 플랫폼 개발 프레임워크에 대한 포괄적인 기술 문서를 제공합니다. Vue.js 기반의 uni-app은 하나의 코드베이스로 iOS, Android, Web 및 다양한 미니 프로그램 플랫폼을 지원하며, 이 스킬은 환경 설정, 컴포넌트 사용법, 라우팅 시스템, 상태 관리, 플러그인 통합 등 프레임워크 전반에 걸친 핵심 지식을 체계적으로 정리합니다. 개발자는 이 스킬을 통해 초기 프로젝트 설정부터 고급 기능 구현까지 필요한 모든 참조 정보를 얻을 수 있으며, 특히 크로스 플랫폼 개발 시 발생하는 공통적인 문제와 해결 방안을 신속하게 파악할 수 있습니다. Claude Code, Cursor, Codex 등 주요 AI 에이전트 플랫폼에서 활용할 수 있으며, 프레임워크의 최신 변경 사항과 모범 사례를 지속적으로 반영합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/uni-helper/skills/tree/main/skills/uni-app

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

uni-app은(는) 무엇을 하나요?

uni-app 크로스 플랫폼 개발 프레임워크에 대한 포괄적인 기술 참조입니다.

개요

uni-app은 Vue.js를 기반으로 한 크로스 플랫폼 프레임워크로, 하나의 코드베이스로 여러 플랫폼(iOS, Android, Web, 미니 프로그램 등)에 배포할 수 있습니다.

주요 기능

  • 다양한 플랫폼 지원: iOS, Android, H5, WeChat 미니 프로그램, Alipay 미니 프로그램 등
  • Vue.js 기반: 친숙한 Vue.js 문법과 생태계를 활용
  • 플러그인 시스템: 다양한 플러그인과 확장 기능 지원
  • 컴포넌트 라이브러리: 풍부한 UI 컴포넌트 제공

사용 방법

  1. 프로젝트 생성: vue create -p dcloudio/uni-preset-vue my-project
  2. 개발 서버 실행: npm run dev:%PLATFORM% (예: npm run dev:h5)
  3. 빌드: npm run build:%PLATFORM%

환경 설정

manifest.json 파일에서 앱 ID, 앱 이름, 버전 등 기본 설정을 관리합니다. 플랫폼별 설정은 platforms 섹션에서 추가로 구성할 수 있습니다.

라우팅

uni-app은 파일 기반 라우팅을 지원하며, pages.json 파일에서 페이지 경로와 스타일을 정의합니다.

상태 관리

Vuex를 사용한 중앙 집중식 상태 관리를 지원하며, 필요에 따라 Pinia로 대체할 수 있습니다.

관련 자료

관련 스킬