webOS Engineering Blog

개발환경 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 app을 직접 만들고 설치하는 것을 배웠습니다. 이번 포스팅에서는 메타파일에 대해 공부하고, 이 web app의 메타데이터를 변경하는 방법에 대해 배웁니다. webOS OSE 개발자 사이트 : Configuration Files 를 참고하여 작성하였습니다. 메타파일이란? webOS application의 메타파일 appinfo.json packageinfo.json services.json webOS application의 appinfo.json 메타데이터 변경하기 (실습) webOS 애플리케이션의 메타데이터 로컬라이징 메타파일이란? : 메타파일은 다른 파일에 대한 설명, 또는 다른 파일을 정의하는 정보를 담고 있는 파일입니다. 파일에 대한 설명 혹은 정의에 대한 ..

이번 포스팅에서는 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 위의 명령어를 사용하여 현재 등록된 디바이스를 확인할 ..

appliccation이란? web application이란? webOS 애플리케이션의 LifeCycle webOS 애플리케이션의 로컬라이징 webOS 애플리케이션 / JS서비스 구조 application 패키지란? 다양한 패키지 타입 본격적인 webOS web app 개발에 앞서 appliccation이란? 1. application 정의 한국말로 응용 소프트웨어, 간단하게는 흔히 알고있는 app(앱)이라고 부릅니다. 넓은 의미 운영체제에서 실행되는 모든 소프트웨어 워드프로세서, 컴파일러, 링커 등 좁은 의미 운영체제 위에서 사용자가 직접 사용하는 소프트웨어 워드프로세서, 미디어 플레이어 등 (컴파일러, 링커 등은 시스템 소프트웨어라 좁은 의미로 보면 제외할 수 있습니다.) 2. application의..