Hello DAMDA 따라하기

DAMDA기기에 첫 어플리케이션 코드 배포합니다.

0. What you can get here

내가 원하는 앱을 만들고, 그 앱을 컴포넌트화 하여 배포하는 기적인 방법을 확인할 수 있습니다. damda console을 통해 배포하면, damda가 설치된 기기에 내 앱이 설치된 것을 확인할 수 있습니다.

1. "Hello DAMDA" 작성하기

index.html 파일명으로 아래 코드를 작성해주세요.

<!-- index.html (Hello, Damda) Sample Code -->
<html>
    <body>
        Hello! Damda!!
    </body>
</html>

2. zip파일로 압축하기

생성된 index.html 파일을 zip 형태로 압축을 합니다. (파일명 상관없음)

$ ls
index.html
$ zip -r hellodamda.zip index.html
$ ls
hellodamda.zip  index.html

hellodamda.zip의 구조는 다음과 같습니다.

hellodamda.zip ㄴ index.html

위 과정이 적용된 예제 파일은 Hello DAMDA에서 다운로드 가능합니다.

3. 컴포넌트 등록하기

  1. DAMDA Console(http://damda.lge.com)에 접속하고 본인의 계정을 이용하여 로그인을 합니다.

2. 좌측 메뉴의 '컴포넌트'를 선택하여 컴포넌트 화면으로 진입합니다.

3. '컴포넌트 생성' 버튼을 클릭하면 컴포넌트 생성 팝업이 나타납니다.

4. 컴포넌트명과 설명을 입력하고 태그에는 Key "AppName", Value "Hello DAMDA" 를 입력해줍니다. 각 항목을 입력한 후 + 버튼을 눌러주면 태그값이 추가됩니다. '다음' 버튼을 클릭하여 컴포넌트 추가 설정 화면으로 이동합니다.

컴포넌트명을 입력할 때는 com.<본인계정명>.sample.hellodamda 로 작성해야 컴포넌트명의 충돌이 일어나지 않습니다.

5. '코드' 항목의 '추가' 버튼을 이용하여 2단계에서 생성된 zip 파일을 추가한 뒤 '저장' 버튼을 통해 컴포넌트를 저장합니다.

6. 저장이 완료되면 '내 컴포넌트'에 새로운 컴포넌트가 추가된 것을 확인할 수 있습니다.

상세한 컴포넌트 생성 가이드는 컴포넌트 생성하기 참고하세요

4. DAMDA콘솔에서 배포

배포할 컴포넌트 선택

업로드 된 컴포넌트의 좌측에 표시되는 선택 박스를 선택한 뒤 오른쪽 하단의 '배포하기' 버튼을 클릭합니다.

배포 목록 확인

내가 선택한 컴포넌트와 퍼블릭 컴포넌트들이 포함되어 배포 리스트가 만들어집니다. 추가하고 싶은 퍼블릭 컴포넌트는 "추가"버튼을 눌러, 배포에 포함시켜줍니다. 제외 버튼을 통해 사용하지 않을 컴포넌트는 삭제할 수 있습니다. 배포 목에서 제외된 컴포넌트는 DAMDA 기기에서 제거되니 주의 바랍니다. 이 예제를 정상적으로 실행하기 위해서 내 컴포넌트(com.<본인계정명>.sample.hellodamda) 포함되어야합니다.

제공되는 퍼블릭 컴포넌트들에 대한 설명은 DAMDA Components를 참고하세요

배포 대상 선택

화면 하단 배포 대상에 배포할 대상 DAMDA 기기를 선택합니다. (※ DAMDA 기기의 정보는 '디바이스' 탭을 통해 확인 가능합니다)

배포 실행

배포 요청' 버튼을 클릭하면 배포가 시작되고 배포 과정이 화면 하단에 표시됩니다.

'배포 완료' 표시를 통해 컴포넌트의 배포가 완료된 것을 확인할 수 있습니다.

5. 배포된 컴포넌트 확인

DAMDA Console에서 확인하기

DAMDA Console '디바이스' 화면에서 배포된 기기를 선택('Details' 누름)하면 오른쪽 하단에 컴포넌트 상태를 확인할 수 있습니다. 내 컴포넌트(com.<본인계졍명>.sample.hellodamda)의 상태가 "FINISHED" 이고, 웹 서버 컴포넌트 (com.damda.necessary.WebServer) 상태가 "RUNNING" 이면 정상적으로 배포된 상태입니다.

DAMDA 기기 (DAMDA Home)에서 확인하기

DAMDA 기기에서 DAMDA Home을 실행하면 내가 새로 설치한 컴포넌트가 화면에 나타나는 것을 확인할 수 있습니다. 내가 설치한 컴포넌트의 icon을 선택(클릭)하면 브라우져를 통하여 해당 컴포넌트의 화면(index.html)의 화면을 확인할 수 있습니다.

개발 PC에서 확인하기

개발 PC의 브라우저를 통해 샘플 컴포넌트의 화면을 확인할 수 있습니다. 브라우저의 주소창에 http://<damda device ip>:30001/<component_id>/<component version>/<압축파일명>/index.html 을 입력하면 해당 앱포넌트 화면을 확인할 수 있습니다.

ex) http://192.168.50.25:30001/com.damda.sample.hellodamda/1.0.0/hellodamda/index.html

📝 요약

  • 컴포넌트 코드 준비하기: 파일 구조 및 zip파일 압축

  • 컴포넌트 등록(생성) 하기

  • 컴포넌트 배포하고 확인하기

Previous개발환경 구성하기NextThinQ 연결하기

Last updated