webOS Engineering Blog

서비스 개요 webOS에서 서비스 만들기 서비스 개요 1. 서비스란? 서비스(Service)는 어플리케이션의 구성요소 중 하나로, UI를 제공하지 않아 사용자에게는 보이지 않으며 백그라운드에서 동작합니다. 따라서 주로 데이터를 다운로드하거나 처리하는 등 시간이 오래 걸리는 작업을 수행합니다. 사용자가 어플리케이션을 실행하지 않거나 디바이스를 사용하지 않는 중이어도 백그라운드에서 작업을 수행하며, 어플리케이션에서 서비스를 호출하거나, 한 서비스에서 다른 서비스를 호출할 수 있습니다. 서비스의 개념은 모바일 어플리케이션에서 동작할 때 이해가 쉽습니다. 예를 들어 카카오톡의 경우, 카카오톡 어플리케이션을 사용하지 않는 중에도 메시지가 도착하면 사용자는 알림을 확인할 수 있습니다. 여기서 서비스는 지속적으로 사..

webOS OSE 2.13.0 크로미움 버전이 87버전으로 올라갔어요. 주요 보안 및 성능이 향상됐어요. 각 크로미움 버전에 대한 자세한 내용은 https://www.chromestatus.com/features 에서 참고할 수 있어요. Build System으로 Ubuntu 20.04 를 지원해요. 오픈소스 운영체제인 Ubuntu의 최신 LTS버전이에요. + ACG 가이드와 함께 API 문서에서 ACG 값을 쉽게 확인할 수 있도록 추가됐어요. 출처: webOS OSE 2.13.0 Release

이 포스팅은 webOS OSE 개발자 사이트: com.webos.service.db, webOS TV 개발자 사이트: DB8 Basics, webOS TV 개발자 사이트: DB8, webOS TV 개발자 사이트: Database 를 참고하여 작성되었습니다. DB8이란 무엇인가 DB8 method DB8 실습하기 DB8이란 무엇인가? 1. Database API DB8 데이터베이스란 여러 사람에게 공유되어 사용될 목적으로 통합하여 관리되는 데이터의 집합입니다. 이를 이용하면 데이터가 중복되는 문제를 없앨 수 있어 데이터를 효율적으로 사용할 수 있게 됩니다. DB8은 webOS TV에서 사용하는 저장 방식입니다. Luna Bus에서 사용할 수 있는 서비스이며 내장된 JSON 데이터베이스에 대한 인터페이스입니..

LS2 API 호출하기 1. Permission 추가하기 먼저 아래의 명령어를 입력해 target device의 shell에 접속합니다. > ares-shell -d Luna Service API를 사용하기 위해서는 \webos-meta\appinfo.json 파일에서 requiredPermissions를 추가해야 합니다. 각 API마다 추가할 내용이 달라지기 때문에 아래의 코드를 입력해 확인해 줍니다. > ls-moniter -i com.webos.notification 저희는 notification API의 createToast를 사용할 예정이기 때문에 위와 같은 코드를 추가해야합니다. { "id": "com.enact.lsapp", "version": "1.0.0", "vendor": "cosmos..

API Luna Service API Luna Service API 사용하기 API 1. API란? API란 Application Programing Interface의 약어로 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 입니다. 예) USB가 꽂혔을 때 팝업 등이 미리 구현되어 있다. 저희는 그중에서 webOS OSE 플랫폼의 서비스들이 제공하는 API인 Luna Service API에 대해 알아보겠습니다. 2. API 예시 webOS TV API : https://webostv.developer.lge.com/api/webos-service-api/intro-lunaservice/ Luna Service API 1. Luna Service API란? webOS가 가지고..

개발환경 setting하기 어플리케이션 개발하기 개발환경 setting하기 1. Node.js 설치하기 React를 사용하기 위해서는 먼저 Node.js를 설치해야 합니다. https://nodejs.org/ 위 링크에서 각자의 운영체제에 맞추어 가장 최신 버전의 Node.js를 설치하시면 됩니다. 이 포스팅이 작성되는 현재 시점에는 16.4.2가 가장 최신 버전이므로 참고하시기 바랍니다. React를 사용하는데 Nodejs를 설치하는 것은 Create React App 라이브러리를 이용하기 위함입니다. 이어서 Create React App을 이용해 리액트 어플리케이션의 기본 틀을 만들고 확인하겠습니다. 2. Create React App으로 프로젝트 생성하기 먼저 어플리케이션을 코딩할 폴더를 만들고, ..

본격적인 Enact app 개발에 앞서 API library 소개 API library - sandstone library sandstone library의 component 구현해보기 (실습) *이 포스팅은 Enact 홈페이지를 참고하여 작성되었습니다. 본격적인 Enact app 개발에 앞서 지난 시간에는 Enact로 개발환경을 setting하고 app을 build한 뒤 직접 webOS에 설치하여 실행하는 것까지 실습해보았습니다. 이번 시간에는 Enact 앱 개발의 더 많은 부분을 다룹니다. 본격적인 Enact app 개발에 앞서, Enact가 무엇인지 제대로 이해하고 갈 필요가 있습니다. 1. What is Enact? Enact란, React를 기반으로 구축된 사용하기 쉽고 성능이 좋으며 사용자 정..

Enact 개발환경 세팅 Template 만들기 Enact만든 app을 webOS 어플리케이션으로 만들어서 설치하기 *이 포스팅은 Enact 홈페이지를 참고하여 작성되었습니다. Enact 개발환경 세팅하기 1. enact cli 설치하기 powershell에서 아래의 명령어로 enact cli를 설치합니다. npm install -g @enact/cli 2. webOS template 설치하기 아래의 명령어로 webOS template을 설치합니다. enact template install @enact/template-webostv Template 만들기 1. webostv 템플릿으로 enact 예제 app만들기 아래의 명령어로 webostv 템플릿을 이용하여 enact 예제 app을 만듭니다. enac..

이번 포스팅에서는 webOS에서 동작하는 web application을 개발하는 과정에 대해 다뤄보겠습니다. webOS OSE 개발자 사이트 : Developing External Web Apps를 참고하여 작성하였습니다. Target Device 등록하기 web application 개발하기 web application 삭제하기 Target Device 등록하기 컴퓨터에서 웹앱을 만들고 Target Device에 웹앱을 설치하는 과정을 진행해볼 것 입니다. 라즈베리파이를 타겟디바이스로 등록한 후 웹앱을 설치할 수 있습니다. 저희는 Windows PowerShell을 사용하였습니다. ares-setup-device > ares-setup-device 위의 명령어를 사용하여 현재 등록된 디바이스를 확인할 ..

이번 포스팅에서는 본격적인 webOS 개발 시작하기에 앞서 CLI 사용법에 대해 다뤄보겠습니다. webOS OSE 개발자 사이트 : Command-Line Interface User Guide 를 참고하여 작성하였습니다. CLI란? 다운로드 명령어 디바이스 설정하기 템플릿으로 시작하기 application 패키징 application 설치하기 application의 실행과 종료 Web Inspector 또는 Node's Inspestor의 실행 디바이스의 Shell 연결과 실행 CLI란? 1. CLI란? 저희가 평소 사용하는 프로그램은 GUI로 그래픽을 통해 사용자와 컴퓨터가 정보를 주고받습니다. 그렇다면, CLI는 무엇일까요? Command Line Interface 의 약자로 명령 줄 인터페이스를 뜻..