HarmonyOS 5.0+ 앱 개발 가이드: 첫 번째 크로스디바이스 앱 만들기

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

앱 개발

대상자

• 초보자~중급 개발자
• TypeScript 기초와 앱 개발 개념 이해 필요
• HarmonyOS 5.0+ 기반 앱 개발에 관심 있는 개발자

핵심 요약

• ArkTS (TypeScript 기반) 사용으로 크로스디바이스 앱 개발 가능
• @Component 데코레이터와 onClick 이벤트 처리 필수
• DevEco Studio 4.0+ 설치 및 Empty Feature Ability (Stage Model) 템플릿 사용

섹션별 세부 요약

1. HarmonyOS 5.0+ 개요

• 분산 앱 모델 제공
• ArkTS 언어 지원 (TypeScript 기반)
• 모바일, 태블릿, TV 등 다양한 디바이스 대응

2. 개발 환경 설정

• DevEco Studio 4.0+ 설치 필수
• Empty Feature Ability (Stage Model) 템플릿 선택
• ArkTS 언어로 프로젝트 생성

3. 첫 번째 앱 구현 예제

• Index.ets 파일에서 @Component 데코레이터 사용
• onClick 이벤트로 상태 변경(message 업데이트)
• Column 레이아웃에 width('100%') 및 height('100%') 설정

4. 주요 문제 해결 방법

• 앱 실행 실패: HarmonyOS 5.0.0+ 대상 설정
• 컴포넌트 렌더링 실패: @Component 데코레이터 추가
• 버튼 클릭 무반응: onClick 이벤트 사용
• 레이아웃 오류: width/height 명시적 설정

5. 학습 요약

• 10분 내 첫 앱 생성 및 상태 관리 이해
• 다음 포스팅: ArkTS UI 시스템 심화 및 리usable counter component 개발

결론

• DevEco Studio 4.0+과 ArkTS 사용 필수
• @Component 데코레이터 및 onClick 이벤트 정확히 적용
• 레이아웃 설정 시 width('100%')/height('100%') 명시
• HarmonyOS 5.0.0+ 대상 설정으로 호환성 확보
• 다음 단계: UI 시스템 심화 및 컴포넌트 재사용성 강화