스마트 TV 애플리케이션 프로그래밍

1장 시작하기 전에 1
1.1 스마트 TV 프로그래밍 개요 2
스마트 TV 2
웹 엔진 기반 스마트 TV 4
1.2 스마트 TV 애플리케이션 개발 환경 6
삼성 스마트 TV SDK 7
LG 스마트 TV SDK 8

2장 스마트 TV 개발 환경 구축 9
2.1 삼성 스마트 TV SDK 4.0 설치(Windows용) 10
2.2 삼성 스마트 TV SDK 3.1.1 설치(Windows용) 20
2.3 LG 스마트 TV SDK 2.0.0 설치(Windows용) 25
2.4 LG 스마트 TV SDK 3.0.0 설치(Mac용) 32

3장 웹 프로그래밍 기초 41
3.1 HTML 기초 42
HTML 구성 요소 42
HTML 문서 구조 43
3.2 자바스크립트 기초 46
자바스크립트란? 46
자바스크립트 구동 방법 46
자바스크립트 구성 요소 48
3.3 CSS(스타일 시트) 기초 63
CSS 사용 방법 63
CSS 기본 문법 64

4장 스마트 TV 기본 프로그래밍 75
4.1 Hello, World 구현하기 76
삼성 스마트 TV용 예제(SDK 4.0 기준) 76
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 82
LG 스마트 TV용 예제 86
4.2 리모컨 입력 처리하기 92
삼성 스마트 TV용 예제(SDK 4.0 기준) 92
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 96
LG 스마트 TV용 예제 102
4.3 화면 전환 방법: 정적 레이아웃 107
삼성 스마트 TV용 예제(SDK 4.0 기준) 108
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 115
LG 스마트 TV용 예제 119
4.4 화면 전환 방법: 동적 레이아웃 122
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 123
LG 스마트 TV용 예제 127
4.5 삼성 스마트 TV에 애플리케이션 동기화하기 129
개발자용 PC 세팅(SDK 4.0 기준) 130
개발자용 PC 세팅(SDK 2.5.1 기준) 134
삼성 스마트 TV 세팅 137

5장 스마트 TV 응용 프로그래밍 141
5.1 웹 API 활용하기 142
오픈 API 활용하기 142
5.2 네이버 오픈 API 사용하기 144
삼성 스마트 TV용 예제(SDK 4.0 기준) 148
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 153
5.3 다음 오픈 API 사용하기 159
삼성 스마트 TV용 예제(SDK 4.0 기준) 162
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 167
5.4 구글 API 연동 172
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 175
5.5 야후 날씨 API 연동 180
삼성 스마트 TV용 예제(SDK 4.0 기준) 183
5.6 동영상 플레이 구현 187
스트리밍 서버 구축하기 188
동영상 콘텐츠 제작하기 189
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 191

6장 게임 프로그래밍: 카드 메모리 게임 199
6.1 게임 로직 200
6.2 실전 게임 프로그래밍 201
삼성 스마트 TV용 예제(SDK 4.0 기준) 201
삼성 스마트 TV용 예제(SDK 2.5.1 기준) 210
LG 스마트 TV용 예제 219

7장 스마트 TV 앱 스토어 활용 231
7.1 삼성 앱스 232
판매자 등록하기 232
애플리케이션 등록하기 237
7.2 LG 스마트월드 247
판매자 등록하기 248
애플리케이션 등록하기 252

부록 A 애플리케이션 기획 및 개발 259
A.1 나만의 프로그램 기획하기 260
평소에 느끼던 불편함을 소재로 삼는다 260
자신의 주요 관심사를 프로그램으로 만든다 261
간단한 아이디어를 이용한 프로그램 기획 사례: 일기장 프로그램 261
A.2 좋은 프로그램 벤치마킹하기 262
벤치마킹을 통한 프로그램 기획 사례: 딸기노트 263
A.3 성공적인 프로그램을 기획하는 비법 266
A.4 실패할 수밖에 없는 프로그램 기획 방법 267
A.5 스마트 TV 애플리케이션 개발 사례 268
아트토크 268
문고리 270

부록 B 개발 방법론 및 개발 도구의 활용 273
B.1 애자일 개발 방법론 274
익스트림 프로그래밍 275
스크럼 276
B.2 작업 일정판 활용하기 280
스프린트 주기 및 목표 설정 281
업무 목록 작성 281
작업 카드 작성 282
작업 일정판 사용 방법 282
일일 소멸 차트 284
B.3 소스 코드 관리하기: 버전 관리 도구 SVN 286
B.4 이슈 관리하기 289
B.5 MediaWiki를 이용한 개발 정보 관리하기 291
B.6 팀 협업 시스템 294
SFEE 설치하기 294
SFEE 기능 살펴보기 296

찾아보기 299

삼성/LG 스마트 TV의 웹 기반 플랫폼에서 프로그래밍을 하는 것은 웹 브라우저에서 구동되는 웹 프로그래밍하는 것과 거의 유사하다. 그렇기 때문에 스마트 TV용 애플리케이션을 개발하기 위해서는 웹 프로그래밍의 기초부터 탄탄하게 공부해야 한다. 이 장에서는 웹 프로그래밍을 위해서 필요한 HTML, 자바스크립트와 CSS(스타일 시트)에 관하여 알아보도록 하겠다.

TV 플랫폼의 기본 입력 장치는 “리모컨(리모트 컨트롤러)”이다. 단순한 채널 변경이나 볼륨 조절은 물론, 이제는 리모컨을 이용하여 웹 브라우징이나 게임 플레이, 장문의 텍스트 입력 등의 작업까지 할 수 있게 되었다. 그래서 스마트 TV용 애플리케이션 역시 사용자가 리모컨을 이용하여 모든 기능을 쉽게 사용할 수 있도록 디자인되고 개발되어야 한다.

여러 개의 화면을 하나의 HTML 문서 안에서 모두 정의하고 구현하기 때문에, 정적 레이아웃과 달리 화면 전환 속도가 빠르다. 스마트 TV용 애플리케이션이라면 기본적으로 동적 레이아웃 방식으로 구현할 것을 권장한다. 다만, 다수의 화면을 하나의 HTML 문서에서 처리해야 하기 때문에 레이아웃 구조가 복잡하고 소스 코드 길이가 길어지는 단점이 있다. 그렇기 때문에 많은 화면을 구현해야 하는 큰 프로그램을 개발할 때에는 두 가지 방법
을 적절하게 구분하여 적용할 필요가 있다.