오디오 재생

카드를 클릭하면 오디오가 재생됩니다. 먼저 mp3 오디오 파일을 www/audio 디렉터리에 넣어주세요. 데모 프로젝트이므로 여기에 b.mp3 파일만 넣으면 됩니다. 방식1‑HTML5 재생 웹뷰에서 지원하는 HTML5 Audio로 오디오를 재생하며 플러그인이 필요하지 않습니다. main.js …

베트남어 학습 앱 화면 예시

간단한 베트남어 학습 앱을 예시로 살펴보겠습니다. 화면에는 베트남어 자음이 표시되고 하단에 메뉴가 배치되어 있습니다. 웹 템플릿으로는 테일윈드를 사용합니다. Tailwind 관련 내용은 다른 강의에서 확인하실 수 있습니다. index.html 내용을 아래와 같이 …

디렉터리 구조

Cordova CLI로 생성한 프로젝트는 기본적으로 다음 디렉터리 구조를 갖습니다: package.json 매니페스트 파일로 프로젝트에서 사용하는 JavaScript 패키지 의존성을 선언하며, Cordova, 추가된 플랫폼과 설치된 모든 플러그인 정보가 담깁니다. 플러그인 설정 변수 역시 …

첫 Cordova 프로젝트 만들기

지난 시간에 Cordova 설치를 완료했으니, 이번 시간에는 CLI 명령어로 프로젝트를 생성하는 방법을 알아보겠습니다. 1. Cordova 프로젝트 생성하기 터미널을 열고 프로젝트를 저장할 폴더로 이동한 뒤 아래 생성 명령어를 실행하세요. 매개변수 설명 …

소개 및 설치

Apache Cordova는 오픈소스 모바일 개발 프레임워크입니다. 개발자는 표준 웹 기술인 HTML5, CSS3, JavaScript를 활용해 크로스플랫폼 개발을 진행할 수 있습니다. 애플리케이션은 각 플랫폼에 맞춰 캡슐화된 컨테이너 위에서 실행되며, 표준 호환 API …