webOS Engineering Blog

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

이번 포스팅에서는 본격적인 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 의 약자로 명령 줄 인터페이스를 뜻..

이미지 플래싱 이미지 플래싱 이번 포스팅에서는 빌드된 webOS OSE Image를 microSD카드에 플래싱하는 과정까지 다루겠습니다. webOS OSE 개발자 사이트 : Flashing the Image를 참고하여 작성하였습니다. 1. 준비 Linux에서 빌드된 이미지를 준비합니다. 플래싱의 경우 Windows, Linux, macOS에서 모두 가능합니다. microSD카드리더기에 microSD카드를 넣고 컴퓨터에 연결합니다. 2. WindowWin32DiskImager 다운로드 처음 개발에 입문하시는 분들이 linux 환경에 익숙하시지 않기 때문에 Windows에서 플래싱하는 방법에 대해서만 다룰 것입니다. Linux나 macOS를 사용하고 계신다면 webosose사이트를 참고해주세요. Window..

webOS 직접 빌드하기 webOS 빌드된 이미지 다운받기 webOS 직접 빌드하기 webOS OSE(open source edition)은 말 그대로 오픈소스로 공개된 운영체제입니다. 따라서 여러분들이 직접 소스코드를 다운 받으신 다음 빌드하여 사용하실 수 있습니다. 필요한 경우 코드를 수정하거나 원하는 서비스, 기능들을 직접 추가하여 빌드를 진행할 수 있습니다. 빌드 시스템으로는 yocto를 사용합니다. 따라서 반드시 Linux 환경이 마련되어 있어야합니다! Linux 환경 구축이 어려운 경우 미리 빌드된 이미지를 다운받아 사용할 수 있으며 본 글의 두번째 파트를 참고 바랍니다! 1. 시스템 요구사항 라즈베리파이4 microSD카드(8 GB or larger), microSD카드 리더기 HDMI-co..

webOS의 장점 Web Application이란? Web Service란? webOS에서 무엇을 개발할 수 있는가? webOS에서 어떤 것을 이용하여 개발할 수 있는가? webOS는 어떤 것을 지원하는가? 루나 서비스란? 들어가기 전에 본 포스팅은 전공자를 위한 webOS 간단한 소개글입니다. webOS의 장점 webOS는 LG전자 스마트티비의 플랫폼으로 사용되고 있으며, 차량용 webOS인 webOS auto(webosauto.swsolutions.lge.com)도 존재합니다. webOS를 플랫폼으로 사용할 때 가질 수 있는 장점에 대해 알아봅시다. webOS 장점 web중심으로, web브라우저를 통해 보는 페이지를 앱처럼 단독 실행할 수 있습니다. 멀티미디어, Display측면에서 장점을 가집니다...

webOS란 무엇인가 webOS의 역사 webOS의 활용 분야와 적용 디바이스들 webOS의 블로그 및 커뮤니티 webOS란 무엇인가 webOS는 안드로이드, iOS 같은 운영 체제 중 하나로, 현재 LG 전자에서 개발 및 사용하고 있는 리눅스 기반의 모바일 운영 체제입니다. 다양한 App Framework를 지원하고, 효율적인 버스 시스템 (Luna-Bus)을 가지고 있는 등 여러 장점이 있습니다. 이는 시장에서 검증된 플랫폼이며 LG전자의 스마트 TV와 Signage, 스마트 워치와 같이 많은 곳에서 사용 중입니다. 운영체제란? 사용자가 컴퓨터 시스템을 사용 및 관리할 수 있도록 매개체 역할을 하는 소프트웨어 webOS의 역사 webOS는 palmOS를 계승하는 소프트웨어로, palm에서 개발하고 이..

CSS란? 웹 문서의 스타일을 변화시킬 수 있는 스타일 시트. 일관성있는 방식으로 문서의 스타일을 지정할 수 있게 합니다. CSS를 통해 깔끔하고 일관적인 방식으로 스타일을 지정할 수 있습니다. 1. Basic Structure 이전 html를 다룬 글에서 봤던 (https://webos-supporters.tistory.com/2) basic structure에서 태그만 추가된 것을 확인할 수 있습니다. CSS는 HTML이라는 뼈대 안에서 태그로서 스타일을 기술하는 언어를 일컫는 말입니다. HTML 파일 내부에서 직접 입력하는 방식과 달리, 별도로 .css 확장자 파일을 생성하여 html에 연결하는 방식도 있습니다. 실제로 어떤 식으로 사용되는지 살펴보겠습니다. 2. CSS 선택자란? 안녕! 여기에는 ..

Run JavaScript 1. script 태그 html문서에서 script 창을 열고 코드를 치면 javascript를 실행할 수 있다. (쉽게 말하면, 웹브라우저에게 '이 코드가 javascript 코드입니다.'를 알려주는 태그) JavaScript html 1+1 javascript와 html의 차이점은? javascript는 숫자를 계산해서 출력해낼 수 있지만, html은 정적이기 때문에 숫자를 계산하지 못한 채로 그대로 출력한다. 2. Event handler Eventhandler : 어떠한 Event가 일어났을 때 어떠한 javascript가 실행되도록 하는 것 on○○○○라는 html의 속성의 속성 값으로는 반드시 javascript가 와야한다. -onclick : 클릭했을 때 속성 값으..

정보를 위한 태그 1. Basic Structure 모든 HTML 문서들은 문서의 형식을 선언하는 로 시작해야한다. html 문서는 로 시작해서 로 끝나야 한다. : html 페이지에 대한 정보를 담는다. : tab에 정보를 나타낸다. : 보여지는 content들을 나타낸다. visual studio code 에디터를 사용하는 경우 html 파일 작성 화면에서 !를 쓰고 엔터를 치면 기본 구조가 자동으로 나온다 ! (꿀팁 ㅎㅎ) ※ html에서 주석 처리는 으로 나타낸다. ctrl + / 를 치면 자동으로 주석처리된다. 2. 제목 태그 (headings) 중요한 내용은 제목태그를 사용한다. title1 title2 title3 title4 title5 title6 3. 문단 (paragraph) cont..