티끌모아 태산

webOS TV Media Framework의 이해 Multimedia란? 여러 형식의 정보 콘텐츠와 정보 처리를 사용하여 사용자에게 정보를 제공하고 즐거움을 주는 미디어 미디어 영상은 어떻게 만들어지는가? Live Event -> Camera -> Encoder -> (Save to Disk) -> Streaming Platform -> PC or TV Media encoding이란 오디오, 비디오, 이미지, 텍스트와 같은 디지털 미디어 콘텐츠를 저장, 전송, 페이백과 같은 표준화된 형식으로 전환하는 과정을 말한다. 미디어 인코딩은 디지털 미디어 생산에서 중요한 단계이다. 왜냐하면 인코딩은 최종 산출물의 호환성, 품질, 사이즈를 결정하기 때문이다. (Encoding is the process of co..

WebOS WebOS는 웹 기술과 리눅스 기반의 오픈 소스를 활용한 스마트 기기용 운영체제로 직관적 사용성과 플랫폼 확장성이 특징. webOS TV vs webOS OSE webOS TV는 TV 등 상용 제품군에 사용되는 플랫폼이며, webOS OSE는 기술 개발에 사용되는 오픈소스이다. 따라서 webOS는 소스코드 비공개이고 webOS OSE는 전체 소스코드 공개 WebOS ECO System 앱 개발 환경을 공개하여, OTT, 음악 스트리밍, 게임, 피트니스 등 TV 용 앱 제공 webOS web 기술 기반 서비스 및 앱 개발 웹 브라우저란? 웹 서버에 있는 웹 자원(html, css, js 파일, 이미지 파일, 미디어 파일)등 을 가져와서 웹엔진을 구동하여 화면에 그려주는 앱 웹엔진이란? 웹브라우저..

SQL(Structured Query Language) 데이터베이스는 데이터를 저장하고 관리하는 매커니즘을 제공한다. -> Integrated collection of structured data 관련된 DBMSs(Database Management systems) MySQL, Oracle, SQLite, etc. Use SQL: Perform queries and manipulate data DB는 데이터를 테이블에 저장한다. 그리고 그 테이블은 행과 열로 구성되어 있다. Primary key는 데이블에 있는 열(column)이다. 행은 일반적으로 unique within a table, 하지만 특정 값이 여러 행안에 중복될 수 도 있다. Common Errors Primary 키의 각 열에 값을 제공..

JSON(JavaScript Object Notation) JSON이란 쉽게 말해, 데이터를 담는(저장, 표현, 보관) 형식이다. 자바스크립트 객체 처럼 데이터를 표현하는 형식. 파일의 형식은 name.json {"이름": "Kim", "나이": 20} 기본적인 예시 코드 서버로부터 데이터를 받을 때, 그 data는 항상 string이다. 따라서 JSON.parse() method를 통해 Object로 parse한다. String -> Object let obj = JSON.parse('{"name":"John", "age":30, "city":"New York"}'); console.log(obj); 서버에 data를 보내기 위해서는 객체를 다시 JSON 형태로 convert 할 수 있다. JSON.s..

앞으로 인터넷프로그래밍에 대한 전반적인 흐름에 대해 배워보도록 하겠습니다. Technologies for Web apps development 웹 페이지 구조화: HyperText Markup Language(HTML) 웹 페이지 디자인: Cascading Style Sheets(CSS) 동적인 웹 페이지 생성: JavaScript & DOM 웹 서비스 활용: AJAX & JSON 웹 서비스 생성: Node.js & Express 데이터베이스활용: Structured Query Language(SQL) Web Application 인터넷이 연결된 devices에서 작동한다.(portable) 클라이언트 측면: 우리 디바이스의 브라우저에서 작동 서버 측면: 클라이언트의 요청을 처리하고 응답한다. (검색, ..

Web Mashup combine data and services from more than one source across the Web, like a music mash-up Mobile Mashup Make use of mobile information 모바일 메시업(Mobile Mashup)과 웹 메시업(Web Mashup)은 둘 다 다양한 웹 기술과 서비스를 결합하여 새로운 애플리케이션을 만드는 개념 목표 플랫폼 모바일 메시업: 주로 모바일 기기에서 동작하는 애플리케이션을 의미합니다. 모바일 운영 체제(Android, iOS)에 특화된 기능을 활용하고 모바일 환경에 최적화된 UI를 제공하는 것이 목표 웹 메시업: 주로 데스크톱 웹 브라우저에서 동작하는 애플리케이션을 의미합니다. 웹 기술과 서비스..

API API(Application programming interface)란 한 프로그램에서 다른 프로그램으로 데이터를 주고받기 위한 방법으로 쉽게, 식당 메뉴판이라고 생각하자. 손님(client)은 메뉴판을 보고 식당 주인(server)에게 음식(data)을 주문한다. 식당 API는 식당과 손님이 음식을 주고 받기 위한 방법. 또, 웹툰 API는 웹툰 서버와 손님이 웹툰을 주고 받기 위한 방법. 이렇듯 서버와 통신하기 위해서는 메뉴판을 미리 만들어 놔야한다. RESTful API는 이러한 REST 아키텍처를 따르는 API를 의미. API를 작성하는 방법이 있음. 1. 요청 방식이 들어가 있어야한다. 2. 어떤 자료를 요청할 것인지 들어가 있어야함. 3. 파라미터가 들어가 있을 수 있다. 요약하면, A..

Promise(프로미스)는 자바스크립트에서 비동기 작업을 처리하고 결과를 다루기 위한 객체입니다. 비동기 작업은 일반적으로 네트워크 요청, 파일 로딩, 데이터베이스 조회 등이 포함됩니다. Promise는 이러한 작업을 보다 효율적으로 처리하고 코드의 가독성을 높이기 위해 도입하였습니다. 자바스크립트 비동기 소개 동기 프로그래밍에서 작업은 차례대로 실행되며 작업이 완료될 때까지 중단될 수 없다. 모든 작업은 이전 작업의 실행이 완료될 때까지 기다려야한다. 반면에 비동기 프로그래밍은 임의의 순서로 또는 동시에 작업이 실행될 수 있다. 자바스크립트는 런타임(브라우저나 Node.js)에서 싱글 스레드로 동작합니다. 이말은 즉, 한 번에 하나의 작업만 처리할 수 있다는 뜻입니다. 이렇듯 JS가 싱글 스레드로 동작..

AJAX(Asynchronous JavaScript and XML)는 서버와 비동기적으로 데이터를 주고받는 자바스크립트 기술이다. 즉, 서버와 통신하는 기술. 쉽게 말해 새로고침 없이(웹 페이지 전환이 부드러워진다) 서버에게 GET 요청하는 JavaScript 코드. The use of XMLHttpRequest to communicate with servers Allows Web pages to be updated asychronously -> Exchange data with a server behind the scenes, Update parts of a page without reloading the whole page loads data in the background and display it..

자바스크립트 이벤트는 웹 페이지에서 발생하는 동작이나 사건에 대한 응답으로 작동하는 동적인 프로그래밍 기능이다. (Allow scripts to respond to user interactions and modify a page accordingly -> make Web application more dynamic and interactive) 이벤트는 사용자의 상호작용(마우스 클릭, 키보드 입력 등)이나 웹 페이지의 상태 변화(로드 완료, 요소 추가 등)와 관련될 수 있습니다. 자바스크립트를 활용하여 이벤트를 처리하는 과정은 보통 다음과 같습니다. 이벤트 대상 선정: 이벤트가 발생할 HTML 요소를 선택한다. 대상은 일반적으로 DOM을 통해 선택되며, getElementById, getElementsB..