미니의 프로그래밍 이야기

하둡(Hadoop) 설치부터 테스트까지 정리~

미니~ — Fri, 18 May 2012 22:43:53 +0900

지난번에 맵리듀스(2012/02/29 - [리뷰/블로그] - BigData 처리를 위한 맵리듀스(MapReduce)에 대하여~)에 대해서는 한번 정리한 적이 있는데요.

오늘은 하둡(Hadoop)을 설치하고 환경변수들을 설정한 후, 기본 예제인 Word Count를 실행해보도록 하겠습니다.

백문이 불여일견이라고 내용을 아무리 보는 것 보다 직접 해보는 것이 확실히 도움이 되는 것 같습니다.

하둡(Hadoop) 설치

하둡은 HDFS, MapReduce를 소프트웨어로 구현한 것으로 아파치 Top-Level 프로젝트입니다.

코어는 Java, C/C++, Python등을 지원하는데요. 기본적으로 JDK는 설치되어 있어야 Hadoop을 구동할 수 있습니다.

하둡을 구동하기 위해서는 리눅스 환경이 좋은데요. 윈도우나 맥의 경우에는 가상머신을 활용하면 됩니다.

저는 우분투를 PC에 설치해서 하둡 설치를 진행했네요.

다운로드는 http://ftp.daum.net/apache/hadoop/common/ 에서 버전별로 받으시면 됩니다.

현재 1.0.2버전까지 다운로드 할 수 있네요. 저는 1.0.0 버전으로 테스트를 진행했습니다.

다운로드한 파일(hadoop-1.0.0.tar.gz)을 압축을 풀고 진행하면 됩니다.

습관적으로 /usr/local 하위 폴더에 압축을 풀었네요.. ^^

# tar xzf hadoop-1.0.0.tar.gz

이제 환경변수 설정을 진행해야 합니다. 먼저 profile을 vi 에디터로 띄웁니다.

# cd ~
# vi .profile

그리고 나서 다음과 같이 환경변수들을 설정해 줍니다.

JAVA_HOME을 먼저 설정하고, 하둡이 설치된 경로인 HADOOP_INSTALL을 지정한 후 PATH에 추가했습니다.

export JAVA_HOME=/usr/lib/jvm/java-6-sun
export HADOOP_INSTALL=/usr/local/hadoop-1.0.0
export PATH=$PATH:$HADOOP_INSTALL/bin

이제 하둡이 동작하는지 다음과 같이 확인하시면 됩니다.

# source .profile
# hadoop version
Hadoop 1.0.0
Subversion https://svn.apache.org/repos/asf/hadoop/common/branches/branch-1.0 -r 1214675
Compiled by hortonfo on Thu Dec 15 16:36:35 UTC 2011

하둡(Hadoop) 환경 설정

하둡은 다음의 세가지 방식 중 한가지로 동작합니다.

Standalone mode: - 데몬 프로세스가 동작하지 않고 모두 단독의 JVM 내에서 동작한다. 테스트하고 디버그가 쉽기 때문에 개발에 적합하다.
Pseudo-distributed mode: - 하둡 데몬 프로세스가 로컬 컴퓨터에서 동작하므로 클러스터를 시뮬레이션 할 수 있다.
Fully distributed mode: - 하둡 데몬 프로세스가 여러 컴퓨터로 구성된 그룹에서 동작한다.

이 중에서 Standalone mode는 아무것도 설정해 줄 것이 없으므로 저는 Pseudo-distributed mode로 설정해 보도록 하겠습니다.

Hadoop과 관련된 환경설정 파일들은 conf/ 디렉토리에 있습니다.

hadoop-env.sh 설정

먼저 conf/hadoop-env.sh 파일에서 JAVA_HOME과 HADOOP_HOME을 설정해 줍니다.

java와 hadoop이 설치된 경로를 지정해 줍니다. (저와 경로가 다를테니 각자에 맞춰서 해주시면 됩니다.)

이제부터는 XML 파일들을 설정해 볼 차례입니다.

core-site.xml 설정

core-site.xml 파일은 HDFS와 맵리듀스에 공통적으로 사용되는 IO와 같은 하둡 코어를 위한 환경을 설정하는 파일입니다.

다음과 같이 설정해 주시면 됩니다.

hdfs-site.xml 설정

hdfs-site.xml 파일은 네임노드, 보조 네임노드, 데이터 노드 등과 같이 HDFS 데몬을 위한 환경을 설정하는 파일입니다.

Pseudo-distributed mode이므로 동일한 서버에 네임 노드와 데이터 노드를 설정했네요.

mapred-site.xml

mapred-site.xml 파일은 Job Tracker와 Task Tracker 같은 맵리듀스 데몬을 위한 환경을 설정하는 파일입니다.

slaves

이 파일은 데이터 노드와 Task Tracker를 작동시킬 컴퓨터의 목록을 작성하는 파일입니다.

실제 분산 환경으로 처리할 때는 데이터 노드에 해당하는 컴퓨터의 IP 주소나 호스팅 명을 써 주시면 됩니다.

전 Pseudo-distributed mode이므로 localshot라고만 했네요.

localhost

SSH 설정

Fully distributed mode에서는 Master 서버와 Slave 서버들이 상호 접속이 가능하도록 SSH를 설정해야 합니다.

물론 Pseudo-distributed mode에서도 이와 같은 설정이 필요합니다.

왜냐하면 Hadoop은 내부적으로 Pseudo-distributed mode와 Fully distributed mode를 구분하지 못하기 때문입니다.

그러므로 위와 같이 Slaves를 localhost로 설정했더라도 데몬 프로세스를 실행시키기 위해서 로컬호스트에 암호 입력없이 SSH 로그인할 수 있도록 설정할 필요가 있습니다.

그래서 서로 SSH 키를 생성하고 복사하는 과정이 필요한데요. Pseudo-distributed mode이므로 다음과 같이 한번만 해주시면 됩니다.

(참고로 SSH는 미리 설치되어 있어야 합니다.)

# ssh-keygen -t rsa
# cp ~/.ssh/id_rsa.pub ~/.ssh/authorized_keys

# ssh localhost

마지막의 #ssh localhost 를 실행해서 제대로 접속되는지 확인할 수 있습니다.

네임 노드 포맷

이제 마지막으로 네임노드를 HDFS로 포매팅 해주면 모든 세팅은 종료 됩니다.

다음과 같이 해 주면 됩니다.

# hadoop namenode -format

드디어 Hadoop 관련 설정을 마무리 했네요.

저도 각각의 항목들을 모두 이해한 것은 아니지만 대략적으로 각각의 파일이 어떤 것을 하는지 알고 있으면 될 것 같습니다.

하둡(Hadoop) 실행 및 UI 확인

Hadoop을 실행하는 명령어는 다음과 같습니다. HDFS만 시작할 수도 있고, 맵리듀스만 실행할 수도 있으면 전체를 한번에 시작할 수도 있네요.

# start-all.sh //HDFS & 맵리듀스 모두 실행
# start-mapred.sh //맵리듀스만 실행
# start-dfs.sh //HDFS만 실행

# stop-all.sh // HDFS & 맵리듀스 모두 중단
# stop-mapred.sh // 맵리듀스만 중단
# stop-dfs.sh // HDFS만 중단

Hadoop을 실행하고 난 후, 웹 기반의 UI로 모니터링할 수 있도록 제공하고 있습니다.

각각의 URL은 다음과 같습니다.

# 맵리듀스
http://localhost:50030
# HDFS
http://localhost:50070

실행한 화면은 다음과 같네요.

하둡 (Hadoop) 실행 테스트

위 그림을 보면 실제로 맵리듀스를 1개 테스트한 결과를 볼 수 있을 겁니다.

다음과 같이 Hadoop 배포판에 포함된 기본적인 예제를 테스트했네요.

여러분도 세팅을 마무리 한 후, 한번 테스트 해보시기 바랍니다. 지정된 텍스트 파일에서 단어의 개수를 체크하는 예제네요.

# cd /usr/local/hadoop-1.0.0
# hadoop dfs -mkdir input
# hadoop dfs -put CHANGES.txt input/
# hadoop jar hadoop-examples-1.0.0.jar wordcount input output

CHANGES.txt 는 하둡 설치 디렉토리에 있는 변경된 내역을 정리한 파일입니다.

이 파일에 있는 단어의 수를 체크해서 출력하는 내용입니다.

ps. HADOOP_HOME을 설정하고 실행하면 다음과 같은 메시지가 나타납니다.

Warning: $HADOOP_HOME is deprecated.

HADOOP_HOME이 deprecated 되었다고 하던데요. 일단 예제는 잘 돌아갑니다.

나중에 한번 제대로 확인해 봐야겠네요~

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'프로그래밍 > Java' 카테고리의 다른 글

하둡(Hadoop) 설치부터 테스트까지 정리~ (0)	22:43:53
구글 앱 엔진(Google App Engine) 자바 버전 설치 및 프로젝트 생성/실행/배포 ~ (0)	2012/04/24
프로그래밍 주석에 대한 정리 및 몇가지 팁~ (0)	2012/04/16
float와 double 타입.. (0)	2011/11/01
javadoc 생성시 한글 깨질때.. (0)	2011/10/17
URL 기반의 QRCode 생성하는 JSP 소스~ (0)	2011/10/14

[웹표준 #3] 문서 제목의 마크업은 Heading을 쓰자.

미니~ — Mon, 14 May 2012 21:48:56 +0900

HTML에서 문서 제목 부분은 어떻게 쓸까?

HTML 문서도 일반 문서처럼 제목, 소제목 들을 사용하는 경우가 많이 있습니다.

이때 여러분은 어떤 태그를 많이 사용하는지요?

아마도 대부분은 다음과 같은 형태를 많이 사용할 것 같습니다.

<p><b>미니의 프로그래밍 이야기</b></p>

여기에 <font> 태그는 사용하지 않는게 좋다고 하니 CSS의 style을 적용해서 폰트 크기를 키우기도 하겠죠..

<p style="font-size:24px;"><b>미니의 프로그래밍 이야기</b></p>

원하는 크기대로 나오고 괜찮은 것 같다고 생각합니다.

그러나 이렇게 작성하면 HTML 태그의 기본 속성인 의미 전달이 안됩니다.

즉, 위 부분만 보고서 문서의 제목이라고 판단하기는 쉽지 않기 때문이죠..

(주로 누가 문서만 보고 판단을 할까요? 한번 생각해 보세요 ^^)

그래서 <span> 태그를 한번 사용해 봅니다. CSS의 class를 활용하면 좀 더 낫겠죠..

<span class="heading">미니의 프로그래밍 이야기</span>

이렇게 하면 CSS에 heading 부분에 대한 스타일을 적용해서 멋지게 꾸밀 수는 있습니다.

그러나 이것도 문서만 보고서 제목이라고 판단하기는 쉽지 않습니다. 물론 사람을 알 수 있죠.

제가 여기에서 말하는 누군가는 바로 검색엔진과 같은 웹 로봇들을 의미합니다.

실제로 SEO(Search Engine Optimization)과 같은 검색 엔진 최적화 작업들을 많은 웹 페이지가 수행합니다.

이유는 검색엔진에 많이 노출됨으로써 사이트로 유입을 증가하기 위함이죠.

그렇다면 사람 뿐만 아니라 검색 엔진도 쉽게 이해할 수 있도록 HTML 문서를 작성해야 합니다.

이럴 때 사용하는 문서의 제목이 바로 <h1>, <h2>와 같이 사용하는 Heading입니다.

<h1>미니의 프로그래밍 이야기</h1>

HTML Heading 사용하기

HTML에서는 제목으로 사용하기 위한 태그로 <h1>, <h2>, <h3>, <h4>, <h5>, <h6>의 6가지 태그를 제공하고 있습니다.

<h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>

이 태그들은 숫자가 커지면 폰트 크기가 점점 작아지는 특성을 가지고 있습니다.

즉, 가장 큰 제목은 <h1>, 그 다음 중 제목은 <h2>, 그리고 소 제목은 <h3>와 같이 사용하면 됩니다.

이와 같은 Heading 태그를 사용하면 어떤 장점이 있을까요?

검색엔진 최적화

앞서 이야기한 것 처럼 Heading 태그를 사용하면 검색 엔진에 HTML 문서를 분석하기 쉽습니다.

즉, 검색엔진은 <h1>과 같은 태그가 적용되어 있는 부분을 문서의 제목이라고 판단해서 색인(인덱스)를 적용하게 되는 것이죠.

만약 여러분의 웹 사이트를 좀 더 잘 검색되려고 하려면 Heading 태그를 적절하게 사용하면 됩니다.

스타일 적용의 용이성

또한 CSS 스타일을 적용하기 쉬워집니다.

다음과 같이 <h1> 태그에 대한 스타일을 적용하면 아래에 밑줄이 그어진 멋진 제목이 만들어질 것입니다.

CSS에서 padding과 border에 대해서 이해하기 위해서는 다음과 같은 박스 모델을 이해하고 있어야 합니다.

실제 콘텐츠 영역의 경계선 (Border)을 중심으로 안쪽 여백을 Padding, 바깥쪽 여백을 Margin이라고 합니다.

그리고 다음과 같이 값을 4자리 숫자로 지정하게 되면, 위에서부터 시계방향으로 Top -> Right -> Bottom -> Left 순으로 지정한 것으로 이해하면 됩니다.

이 두 가지만 기억하고 있으면 CSS에서 어떤 형태의 Margin, Padding, Border는 모두 이해할 수 있을 것입니다.

좀 더 자세한 정보는 제가 예전에 작성한 2012/01/20 - [프로그래밍/Web] - CSS의 Margin, Padding, Border 개념을 명확하게 하자 를 참고하세요

주의할 점

HTML4.01에서 HTML5로 넘어가면서 <h1>..<h6> 태그에 있던 속성인 align 속성이 deprecated 되었습니다.

즉, HTML5에서는 해당 정렬 속성을 처리하지 못한다는 것입니다.

대신 CSS를 활용해서 정렬을 처리하도록 하고 있으니 이점도 유의하시기 바랍니다.

오늘은 기본적이지만 매우 중요한 문서의 제목을 나타내는 Heading 태그에 대해 살펴봤습니다.

웹 표준 관련 강의는 초보자들을 위한 것인 만큼 이렇게 쉬운 것도 해 볼 생각이니 부담없이 보시면 좋을 것 같습니다.

그럼. 좋은 하루 되세요~~

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Beginner > 웹표준' 카테고리의 다른 글

[웹표준 #3] 문서 제목의 마크업은 Heading을 쓰자. (0)	2012/05/14
[웹표준 #2] 리스트 태그를 제대로 활용하자. (0)	2012/05/08
[웹표준 #1] 웹 표준을 어떻게 시작할까? (0)	2012/05/07

[웹표준 #2] 리스트 태그를 제대로 활용하자.

미니~ — Tue, 08 May 2012 21:43:39 +0900

리스트 태그는 언제 사용할까?

제 블로그에 있는 분류 목록을 화면에 출력한다고 생각해 보죠.

가장 간단한 방법은 다음과 같이 <br> 태그를 사용하는 것입니다.

Beginner<br/> XML Developer<br/> 프로젝트관리론<br/> 컴퓨터공학<br/> 프로그래밍<br/> 리뷰<br/> 미니이야기<br/>

원하는대로 리스트 형태로 출력되기는 합니다.

그러나 이런 코딩에서 문제점은 무엇일까요?

이 리스트에 스타일을 변경시킨다면 즉, 색상을 바꾸거나 글꼴이나 크기를 변경할 경우,

현재 상태에서는 각각의 라인에 <font> 태그를 적용하는 방법이나 각각 <span> 태그를 넣고 CSS의 class로 스타일을 적용하는 방법 뿐으로 보입니다.

이런 경우에 바로 리스트 태그를 사용해야 합니다.

위와 같은 경우는 순서가 중요하지 않기 때문에 <ul> 태그로 감싼 <li> 태그를 사용하면 되겠죠.

그럼 리스트 태그에 대해서 한번 살펴보도록 하겠습니다.

리스트 태그의 종류

리스트 태그에 대해 좀 더 자세하게 살펴보기 전에 먼저 리스트 태그의 종류를 알아보려고 합니다.

보통 리스트 태그하면 두 가지 종류 (Unordered List, Ordered List)를 생각을 하는데요.

Definition List라고 한가지가 더 있습니다. 각각에 대해서 자세히 살펴보도록 하죠.

Unordered List

순서가 중요하지 않은 리스트로서 <ul> 태그를 사용해서 각 리스트 항목을 감싸고, 각각의 리스트 항목은 <li> 태그를 사용합니다.

위 예제의 일부분을 Unordered List로 나타내면 다음과 같습니다.

<ul> <li>Beginner</li> <li>XML Developer</li> <li>프로젝트 관리론</li> </ul>

결과를 보면 다음과 같이 나타납니다.

Beginner
XML Developer
프로젝트 관리론

Ordered List

순서가 중요한 리스트입니다. <ol> 태그를 사용하고 각 항목은 마찬가지로 <li> 태그를 사용합니다.

Unordered List와 달리 점(.)으로 출력되지 않고 숫자로 나타나게 됩니다. 예제와 결과를 보시죠.

<ol> <li>Beginner</li> <li>XML Developer</li> <li>프로젝트 관리론</li> </ol>

다음과 같이 숫자로 순서가 표기된 것을 알 수 있습니다.

Beginner
XML Developer
프로젝트 관리론

Definition List

<dl> 태그를 사용하는 Definition List는 기존 리스트와 조금 다릅니다.

무언가 정의를 내릴 때 사용하는 것인데요.

내부에는 <dt>와 <dd> 태그를 포함하고 있습니다.

<dt>는 정의하는 것의 용어를 나타내고, <dd>는 정의하는 것의 설명을 나타냅니다.

즉, "<dt>는 <dd>이다."라고 표현할 수 있는 항목에서 사용하는 것이죠..

예제를 살펴보시죠.

<dl> <dt>Beginner</dt> <dd>초보자를 위한 강좌</dd> <dt>XML Developer</dt> <dd>XML과 관련된 개념 및 개발 강좌</dd> </dl>

결과는 다음과 같이 나타나구요. HTML 문서의 구조화를 위해서는 잘 활용하는 것도 좋을 것 같습니다.

테이블 태그와 비슷하지만 분명히 용도는 다른 것이니 기억해 두세요~~

Beginner: - 초보자를 위한 강좌
XML Developer: - XML과 관련된 개념 및 개발 강좌

리스트 태그의 확장

<br>태그 대신 리스트 태그를 써야 한다고 앞에서 이야기 했는데요.

사용자에 따라 리스트 태그의 기본으로 나타나는 점이나 숫자등이 표시되지 않고, 들여쓰기도 안되기를 원할 수 있습니다.

이런 것을 해결하는 것이 바로 CSS 입니다.

즉, 스타일시트를 활용해서 문서의 표현을 다루는 것이죠.

이러한 구조와 표현의 분리가 바로 웹 표준의 핵심 개념이라고 할 수 있습니다.

CSS에 대해서는 나중에 자세히 살펴보도록 하구요.

여기에서는 리스트에 대한 것만 집중해서 이야기하도록 하죠.

list-style: none; 이 부분이 바로 점이나 숫자와 같이 리스트 스타일을 출력하지 않도록 하는 것입니다.

padding-left: 0; 은 왼쪽 들여쓰기를 하지 않도록 설정하는 부분이 되겠죠.

이렇게 하면 맨 처음 보여드린 <br> 태그를 사용한 것과 비슷하게 출력이 됩니다.

이제 색상을 넣거나 폰트 크기 등을 변경하려면 <li> 태그에 스타일 관련 코드를 넣으면 되겠죠.

리스트 태그에 대해서 기본적인 내용을 쭉 살펴봤습니다.

어떤 내용이든지 쉽게 이해할 수 있도록 정리하는 것은 즐겁기도 하지만 쉽지만은 않은 것 같네요.

오늘도 좋은 하루 되세요,

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Beginner > 웹표준' 카테고리의 다른 글

[웹표준 #3] 문서 제목의 마크업은 Heading을 쓰자. (0)	2012/05/14
[웹표준 #2] 리스트 태그를 제대로 활용하자. (0)	2012/05/08
[웹표준 #1] 웹 표준을 어떻게 시작할까? (0)	2012/05/07

[웹표준 #1] 웹 표준을 어떻게 시작할까?

미니~ — Mon, 07 May 2012 23:14:17 +0900

시작하면서

현재 IT 프로그래밍을 보면 정말 배워야 할 것이 너무 많은 것 같습니다.

Java 분야만 해도 JSP, Java, Struts, Spring, Hibernate, SiteMesh, iBatis, Google App Engine, Hadoop, NoSQL 등등..

정말 나열해 보니 끝도 없네요. 아마 요즘 시대에 프로그래밍을 시작했다면 막막했을지도 모르겠습니다.

학교에서 강의를 하면서 항상 기본부터 시작하라고 이야기를 많이 합니다.

그래서 저도 최근 이슈들을 하나씩 정리하려구 하고요. 그 첫번째로 웹 표준부터 시작하려고 합니다.

90년대 후반 처음 웹 프로그래밍을 시작할 때, HTML 태그를 배웠던 기억이 납니다.

<font> 태그로 글꼴의 크기나 색상을 이쁘게 하고 <iframe>으로 구조를 잡기도 하고, <table> 태그 정도 쓰면 우쭐하던 시기였죠.

그러다가 웹 표준에 대한 이야기가 나오면서 오히려 초기에 HTML을 배웠던 사람들에게 웹 표준이 어렵다는 인상을 주기도 합니다.

XHTML을 준수해야 하고 CSS로 형식을 설정하는게 왠지 낯설기만 하지요.

이런 분들을 위해서 웹 표준을 하나씩 정리해 보려고 합니다.

웹 표준이란?

웹 표준이란 말 그대로 웹의 표준을 지킨다는 것을 의미합니다.

현재 웹에서 표준은 W3C 기준으로 매우 다양하지만 기본적으로 HTML4.01을 XML 형태로 표현한 XHTML을 지키고

스타일을 지정할 수 있는 CSS를 활용한다는 것을 말합니다.

제 블로그를 자주 보시는 분들은 어디서 많이 본 것 같을 수도 있을 것 같습니다.

바로 XML 강의에서 했던 구조를 나타내는 XML 문서와 스타일을 나타내는 XSL/CSS 문서를 HTML 버전으로 정리해 둔 것이죠..

2002/08/01 - [XML Developer/XML기초] - 1.1 XML이란?

2011/11/08 - [XML Developer/XSL] - XSL에 대하여

웹 표준의 필요성

그렇다면 웹 표준은 왜 필요한 것일까요?

첫째, 문서의 구조와 모양(스타일)을 분리할 수 있습니다.

HTML 자체는 문서의 내용이나 구조만을 나타내고 보여지는 모습은 CSS를 통해서 처리하는 것이죠.

CSS의 Media Query등을 활용해서 브라우저 크기나 모바일에서도 동일한 콘텐츠를 다양하게 보여줄 수도 있을 겁니다.

둘째, 웹 접근성이 높아집니다.

현재는 스마트폰이 활성화 됨에 따라 PC뿐만 아니라 모바일에서도 웹페이지를 많이 접속하고 있습니다.

또한 웹 브라우저도 IE에서 벗어나 구글 크롬, 사파리, 파이어폭스 등 다양한 브라우저들이 등장함에 따라 모든 브라우저 호환성을 유지하기 위해서도 반드시 웹 표준을 지켜야 합니다.

셋째, 웹 페이지의 접속 속도를 향상시킵니다.

웹 표준을 지키지 않으면 각 브라우저에서 Quirk Mode로 접속되어 웹페이지를 처리하는데 느려질 수 있습니다.

조금이라도 빠른 서비스를 제공하려면 반드시 웹 표준으로 사이트를 작성하는 것이 중요합니다.

웹 표준 준수 여부 확인하기

웹 표준을 제대로 지켜서 작성했는지 확인하기 위한 Validation들이 많이 있습니다.

이중에서도 W3C에서 제공하는 http://validator.w3.org/를 한번씩 활용해 보시기 바랍니다.

모바일 웹 사이트에 대한 검증사이트도 제공하는데요. http://validator.w3.org/mobile/ 에서 확인할 수 있습니다.

2011/11/28 - [프로그래밍/Web] - 모바일 웹 사이트 제작을 위한 표준~

마치면서

웹 표준에 대한 정리는 기본적인 HTML 마크업인 <list>, <h1>, <a>, <form>, <table>, <div>등의 사용방법에 대해서 정리해 볼 계획입니다.

그리고 CSS의 활용법 및 레이아웃, 텍스트 스타일, 이미지 처리 등에 대해서 앞으로 살펴보도록 하겠습니다.

그럼! 오늘도 좋은 하루 되세요~~

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Beginner > 웹표준' 카테고리의 다른 글

[웹표준 #3] 문서 제목의 마크업은 Heading을 쓰자. (0)	2012/05/14
[웹표준 #2] 리스트 태그를 제대로 활용하자. (0)	2012/05/08
[웹표준 #1] 웹 표준을 어떻게 시작할까? (0)	2012/05/07

HTML 색상(Color) 코드표

미니~ — Thu, 03 May 2012 21:50:51 +0900

제 블로그의 우측 상단을 보면 My Link가 있습니다.

이 부분에 주요 참고할 만한 링크를 주로 걸어놓는데요.

가끔 색상에 대한 RGB 코드값이나 특정 RGB값이 무슨 색상인지 확인하고 싶을 때가 있습니다.

이를 제공하는 HTML Color Picker와 Chart가 있어서 제 홈페이지로 옮겨봤는데요.

Color 코드표를 클릭하면 사용할 수 있습니다.

필요하신 분들은 유용하게 활용하시기 바랍니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'프로그래밍 > Web' 카테고리의 다른 글

HTML 색상(Color) 코드표 (0)	2012/05/03
웹 페이지 레이아웃을 설정하는 SiteMesh 세팅 및 활용에 대하여~ (0)	2012/04/27
웹페이지 접속자에 따른 국문, 영문 페이지의 구분을 위한 국가를 확인 방법에 대한 정리 (0)	2012/03/07
N-Screen을 지원하는 미디어 쿼리에 대하여 (0)	2012/02/15
Mobile Web에서의 스와이프를 위한 SwipeView 활용 (0)	2012/02/01
CSS의 Margin, Padding, Border 개념을 명확하게 하자 (0)	2012/01/20

안드로이드 디바이스 식별자를 선택하는 방법에 대한 정리

미니~ — Mon, 30 Apr 2012 21:12:35 +0900

스마트폰 어플리케이션들이 증가하면서 각각의 디바이스에 대한 구분이 필요할 때가 있습니다.

이때 사용할 수 있는 것이 디바이스 식별자인데요.

아이폰의 경우에는 UDID라고 하는 디바이스별 식별자가 포함되어 있어 Unique하게 구분할 수 있습니다.

그러나 안드로이드에서는 고유한 식별자가 일률적이지 않아 어려움이 있는데요.

이 부분을 잘 정리해 놓은 글이 있네요. Tim Bray의 identifying App Installations 인데요.

Android에서 식별자로 사용할 수 있는 항목들을 설명하고 결국 자체 UUID를 활용하는 것이 바람직하다고 되어 있네요..

휴유님의 안드로이드의 개별 디바이스를 구분하는 방법을 보면 이 글을 한글로 잘 번역해 놓으셨네요.

그럼 내용을 다시한번 정리해 보도록 하겠습니다.

1. Device ID

TelephonyManager.getDeviceId() 메소드를 활용해서 디바이스의 ID 정보를 가져오는 것입니다.

일반적으로 휴대폰에 포함된 IMEI, MEID, ESN 등의 값을 유일한 값으로 활용하는 것이죠.

그러나 전화기가 아닌 단말에서는 해당 값이 없고, READ_PHONE_STATE 속성을 가지고 있어야 한다는 점이 이슈라고 하네요.

2. MAC Address

WIFI에 포함된 MAC Address를 활용하는 방법도 있다고 합니다.

그러나 WIFI가 없는 단말도 있으며,

특히 특정 단말에서는 WIFI가 ON 상태가 아니면 MAC Address 값이 없는 경우도 있다고 하네요.

3. Serial Number

원래 이걸 찾다가 위 글들을 찾은 것인데요. Build 클래스에 보면 SERIAL이라는 값이 있습니다.

android.os.Build.SERIAL 인데요. 2.3 진저브레드부터 지원하기 시작했다고 합니다.

즉, 2.2 프로요 이전 버전에서는 지원하지 않구요.

2.3 이후 버전도 필수 항목이 아니어서 제공하지 않는 단말도 있다고 하네요.

import android.os.Build; Log.i("BOARD", Build.BOARD); Log.i("BRAND", Build.BRAND); Log.i("CPU_ABI", Build.CPU_ABI); Log.i("DEVICE", Build.DEVICE); Log.i("DISPLAY", Build.DISPLAY); Log.i("FINGERPRINT", Build.FINGERPRINT); Log.i("HOST", Build.HOST); Log.i("ID", Build.ID); Log.i("MANUFACTURER", Build.MANUFACTURER); Log.i("MODEL", Build.MODEL); Log.i("PRODUCT", Build.PRODUCT); Log.i("TAGS", Build.TAGS); Log.i("TYPE", Build.TYPE); Log.i("USER", Build.USER); Log.i("SERIAL", Build.SERIAL);

4. ANDROID_ID

Setting.Secure.ANDROID_ID 값을 유일키로 활용할 수도 있다고 합니다.

64 비트의 고유값으로 Tim Bray는 가장 추천하고 있는데요.

폰을 초기화 할 경우 삭제되고 다시 생성되는 정보 이구요.

프로요(2.2) 버전 이하에서는 신뢰성이 떨어질 수 있다고 합니다.

마지막으로 아이폰에서 UDID를 가져오는 방법도 정리해 봅니다.

이런 측면에서 보면 여러 제작사가 만드는 안드로이드보다 아이폰이 장점이 될 수 있다는 생각도 드네요.

UIDevice *myDevice = [UIDevice currentDevice]; NSString *deviceUDID = [myDevice uniqueIdentifier]; NSLog(@"%@",deviceUDID);

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'프로그래밍 > 안드로이드' 카테고리의 다른 글

안드로이드 디바이스 식별자를 선택하는 방법에 대한 정리 (0)	2012/04/30
안드로이드 음성 처리 API에 대한 정리 (0)	2012/04/01
안드로이드 다이어로그 만들기 (0)	2011/10/18
안드로이드 소스 오류 없는데 오류 표시되어 있는 경우 (Debug certificate expired on..) (0)	2011/10/02
안드로이드 컨텍스트 메뉴 만들기 (0)	2011/09/30
안드로이드 옵션 메뉴 만들기 (0)	2011/09/29

웹 페이지 레이아웃을 설정하는 SiteMesh 세팅 및 활용에 대하여~

미니~ — Fri, 27 Apr 2012 08:30:00 +0900

1. SiteMesh의 정의

SiteMesh(http://www.sitemesh.org/)는 웹 페이지의 레이아웃을 효율적으로 처리할 수 있도록 도와주는 프레임워크입니다.

쉽게 말해서 웹사이트의 동일한 상단, 하단, 메뉴 부분을 한곳에서 관리하고 각각의 페이지는 실제 내용만을 관리할 수 있도록 해줍니다.

즉, 상단/하단/메뉴와 같이 반복되는 부분이 각 페이지마다 들어가 있으면 추후 유지보수가 어렵기 때문에

SiteMesh와 같은 프레임워크를 사용하는 것이죠.

웹사이트를 제작하던 초기에는 iframe으로 나누어서 처리하기도 했었구요.

SiteMesh 이전에는 include를 활용해서 이런 형태를 구현하기도 했었습니다.

그러나 iframe은 확장이 어렵고 지원하지 않는 브라우저도 많이 있었네요.

또한 include는 모든 페이지마다 해당 부분을 삽입해줘야 하는 이슈가 있었죠.

그래서 실제로 SiteMesh를 사용해보면 얼마나 편리한지 알 수 있을 겁니다.

2. SiteMesh의 처리 방식

SiteMesh는 기본적으로 Java Servlet 환경에서 Filter 형태로 동작하고 있으며

다음 그림과 같이 Decorator 페이지를 한번 필터링 하는 방식입니다.

기존 페이지는 웹서버가 바로 렌더링된 페이지를 보내주지만 SiteMesh에서는 Decorator 페이지를 한번 더 거치게 된다는 것이죠.

다음 그림을 보면 SiteMesh의 방식을 좀 더 자세히 이해할 수 있을 것 같네요.

미리 중간에 있는 이미지와 같이 Decorator를 정의해 둡니다.

상단의 {title}과 우측의 Body-Content만 각각의 파일들은 가지고 있으면 되는 것이죠.

즉, welcome.jsp와 search.cgi와 같은 파일에는 본문에 들어갈 내용만 가지고 있으면 되는 겁니다.

이제 Filter를 통해 decorator를 거치면서 하단과 같이 동일한 상단, 하단, 메뉴를 가지고 있는 페이지로 사용자에게 전송됩니다.

개념은 매우 간단하구요. Java 뿐만 아니라 CGI, PHP, ColdFusion 등에서도 SiteMesh를 활용할 수 있다고 합니다.

3. SiteMesh의 다운로드 및 설치

먼저 SiteMesh를 다운로드해야 하는데요. 현재 SiteMesh3 알파버전이 소개되고 있습니다.

SiteMesh2를 사용하려면 여기를 눌러서 sitemesh-2.4.2.jar 파일을 다운로드 하시면 됩니다.

설치하는 방법은 /web/WEB-INF/lib 폴더에 복사하면 됩니다. (여기에서 /web은 프로젝트의 Web Content 폴더를 의미합니다.)

그리고 /web/ 하위에 SiteMesh의 Decorator를 위한 폴더를 하나 만들고 SiteMesh를 적용할 jsp 파일을 하나 생성하면 됩니다.

/web/decorators/decorator.jsp

여기에서 decorators 폴더명이나 decorator.xml 파일명은 다른 것을 사용하셔도 됩니다.

나중에 SiteMesh 설정에서 맞춰서 지정만 해주면 되니까요.. ^^

실제 decorator.jsp에는 다음과 같은 형태로 지정하면 됩니다.

먼저 tablib를 설정해 주셔야 합니다.

그리고 <decorator:head/> <decorator:body/> 부분이 실제 페이지의 <head>와 <body>의 내용을 넣는 부분이라고 보시면 됩니다.

4. SiteMesh의 설정

이제 마지막으로 SiteMesh의 설정을 해보도록 하겠습니다.

3개의 XML 파일을 처리해 줘야 하는데요. 모두 /web/WEB-INF/ 하위에서 작업하면 됩니다.

1) web.xml

SiteMesh는 Filter 형태로 동작한다고 했으므로 web.xml에 필터 관련 설정을 해줘야 합니다.

특별히 수정할 사항 없이 그대로 지정해 주시면 됩니다.

2) sitemesh.xml

이어서 sitemesh와 관련된 설정을 해줘야 합니다.

이 부분에서도 맨 위의 <property> 부분의 value만 맞춰서 적어주시면 되는데요.

기본적으로 /web/WEB-INF/ 하위에 모든 설정파일을 둘 경우, 그대로 사용하셔도 됩니다.

<?xml version="1.0" encoding="UTF-8"?>
<sitemesh>
    <property name="decorators-file" value="/WEB-INF/decorator.xml"/> 
    <excludes file="${decorators-file}"/>

<page-parsers>
        <parser content-type="text/html" class="com.opensymphony.module.sitemesh.parser.HTMLPageParser" />
    </page-parsers>

<decorator-mappers>

</decorator-mappers>

</sitemesh>

3) decorator.xml

마지막으로 Decorator를 설정하는 부분을 살펴보도록 하시죠..

여기에서는 SiteMesh를 적용할 곳의 패턴들을 지정할 수 있습니다.

위 예에서는 /en과 /ko 하위의 모든 파일에 sitemesh를 적용하라는 것인데요.

excludes 를 활용해서 특정 파일이나 폴더만 제외할 수도 있습니다.

그리고 여기에서 사용하는 defaultdir 이나 page는 SiteMesh 다운로드 및 설치에서 생성한 폴더와 파일명이라는 것을 기억해 두시기 바랍니다.

SiteMesh를 자주 사용하면서도 한번도 정리한 적이 없었던 것 같아서 작성해봤네요.

처음 사용하시는 분들에게 도움이 되었으면 합니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'프로그래밍 > Web' 카테고리의 다른 글

HTML 색상(Color) 코드표 (0)	2012/05/03
웹 페이지 레이아웃을 설정하는 SiteMesh 세팅 및 활용에 대하여~ (0)	2012/04/27
웹페이지 접속자에 따른 국문, 영문 페이지의 구분을 위한 국가를 확인 방법에 대한 정리 (0)	2012/03/07
N-Screen을 지원하는 미디어 쿼리에 대하여 (0)	2012/02/15
Mobile Web에서의 스와이프를 위한 SwipeView 활용 (0)	2012/02/01
CSS의 Margin, Padding, Border 개념을 명확하게 하자 (0)	2012/01/20

구글 앱 엔진(Google App Engine) 자바 버전 설치 및 프로젝트 생성/실행/배포 ~

미니~ — Tue, 24 Apr 2012 17:47:05 +0900

클라우드 컴퓨팅 환경에서 PaaS(Platform as a Service)의 선두주자인 구글 앱 엔진에 대해서 정리해 보려고 합니다.

아래 글에서 설명한 것처럼 일정 용량을 무료로 제공하기 때문에 처음 시작하는데 부담 없이 테스트할 수 있는 것 같네요.

2012/02/06 - [리뷰/도서] - [도서] GAE로 시작하는 클라우드 컴퓨팅 - 구글 앱 엔진 활용하기

특히 자바 버전의 경우, 이클립스에 플러그인으로 제공해서 설치 및 실행 환경이 기존 자바 프로그래머에게 친숙하다는 것도 하나의 장점입니다.

그럼 구글 앱 엔진의 설치부터 하나씩 살펴보도록 하죠~~

1. 이클립스용 구글 플러그인 설치하기

이클립스 플러그인을 설치하는 방법은 많은 곳에서 이야기 하고 있으니 간단하게만 이야기 하도록 하죠.

플러그인을 설치하기 위해서 Help 메뉴에서 "Install New Software"를 선택하면 됩니다.

그리고 Work with: 입력창에 다음과 같이 입력하면 됩니다.

http://dl.google.com/eclipse/plugin/3.7

참고로 마지막 뒷자리의 3.7은 이클립스의 버전을 나타냅니다.

사용하는 이클립스가 Ganymede 버전일 경우 3.4이구요. Galieo 버전은 3.5이고, Helios 버전은 3.6입니다.

저는 Indigo를 사용하고 있어 3.7로 했습니다.

리스트에 나와있는 플러그인 중에서 다음 항목을 설치하면 됩니다.

Google App Engine Java SDK 1.6.4

Google Plugin for Eclipse 3.7

Google Web Toolkit SDK 2.4.0

이제 이클립스를 재시작하면 Google App Engine을 사용할 수 있는 환경세팅이 마무리됩니다. (Welcome to Google App Engine!!)

2. 구글 앱 엔진 프로젝트 생성

구글 앱 엔진의 첫 프로젝트를 생성해 보도록 하겠습니다.

이클립스의 툴 바에 보면 아래 그림과 같은 Google 아이콘이 하나 생긴 것을 확인할 수 있습니다.

해당 아이콘을 누르면 Google App Engine 프로젝트를 관리할 수 있는 메뉴들이 나타납니다.

여기에서 "New Web Application Project..."을 선택해서 새로운 프로젝트를 만들어 보겠습니다.

프로젝트 명은 "Mini"로 패키지는 "kr.co.acronym"으로 설정했습니다.

특히 하단의 Sample Code를 보시면 "Generate project sample code"가 체크되어 있는 것을 볼 수 있습니다.

기본적인 소스가 포함되어 있어 바로 실행해 볼 수 있도록 구성되어 있습니다.

바로 프로젝트를 실행해 보도록 하죠.

3. 구글 앱 엔진 프로젝트 실행

프로젝트 이름("Mini")를 선택한 후, 마우스 오른쪽 버튼을 클릭하고 "Run As"에서 "3 Web Application"을 선택하면 해당 프로젝트가 바로 샐행이 됩니다.

Console 창에 실행되는 내용이 나타나고 실행이 완료되면 Development Mode 창에 다음과 같이 나타납니다.

해당 URL을 더블클릭하면 처음 만든 (아니 클릭만 한) 구글 앱 엔진 어플리케이션이 바로 나타납니다.

처음 실행할때는 오래 걸리거나 실행 여부를 물어볼 수 있으니 차분히 기다려 주시면 됩니다. ^^

텍스트를 입력하고 "Send" 버튼을 클릭하면 다음과 같이 나타납니다.

단지 클릭만 했는데 깔끔하게 생긴 어플리케이션이 하나 만들어졌네요. ^^

4. 구글 앱 엔진 프로젝트 배포

만들어진 Google App Engine 프로젝트를 배포하기 위해서는 구글 계정이 있어야 하고 App Engine에 가입되어 있어야 합니다.

회원 가입은 http://appengine.google.com에서 진행하면 됩니다.

회원 가입 후 Create Application을 통해서 애플리케이션을 하나 생성하도록 되어 있습니다.

이때 Application Identifier는 유일해야 하므로 반드시 "Check Availability"로 확인하셔야 합니다. (저는 xmlmanager로 했네요)

이제 배포를 시작해 보도록 하겠습니다.

이클립스 좌측 하단에 보면 구글 계정을 설정하는 부분이 있습니다.

구글 앱 엔진 예전버전에서는 이 부분이 배포하면서 설정했었는데요. 최근에는 하단에 로그인하는 형태로 변경되었으니 참고하시기 바랍니다.

"Sign in to Google.."을 선택하면 다음과 같은 로그인 화면이 나타납니다.

본인의 구글 계정으로 로그인하면 구글 앱 엔진으로 배포할 수 있습니다.

배포는 프로젝트 생성할 때 사용한 구글 툴바를 활용합니다.

"Deploy to App Engine.."을 클릭해서 배포할 수 있습니다.

다음과 같이 "Browse.."를 눌러 해당 프로젝트를 설정했는데 오류 메시지가 보입니다.

이때는 하단의 "App engine project settings..."를 선택해 프로젝트 세팅을 해줘야 합니다.

다음 그림의 App Engine 세팅에서 Application ID는 구글에서 생성했던 Application Identifier를 적어주면 되구요. 버전은 순차적으로 올려주면 됩니다.

나중에 버전별로 관리툴에서 변경할 수 있어서 버전 관리도 잘 해놓으시면 도움이 될 것 같네요.

이제 OK를 선택하고 Deploy를 시작하면 서버로 업로드가 됩니다.

제 사이트에서도 로컬과 동일한 화면을 볼 수 있네요~

가끔 배포중에 권한이 없다고 나오는 경우가 있습니다. (404 Not Found)

저의 경우에는 계정을 잘못되어서 그런 것이었는데요.

혹시 그런 경우가 나오면 먼저 계정 설정을 확인해 보시구요.

다음 링크( https://appengine.google.com/promo/java_runtime )를 눌러서 자바 런타임을 활성화 해보는 것도 방법일 것 같네요.

다음에는 Google App Engine의 기본 구조를 소스를 중심으로 한번 정리해 보도록 할께요.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'프로그래밍 > Java' 카테고리의 다른 글

하둡(Hadoop) 설치부터 테스트까지 정리~ (0)	22:43:53
구글 앱 엔진(Google App Engine) 자바 버전 설치 및 프로젝트 생성/실행/배포 ~ (0)	2012/04/24
프로그래밍 주석에 대한 정리 및 몇가지 팁~ (0)	2012/04/16
float와 double 타입.. (0)	2011/11/01
javadoc 생성시 한글 깨질때.. (0)	2011/10/17
URL 기반의 QRCode 생성하는 JSP 소스~ (0)	2011/10/14

프로그래밍 주석에 대한 정리 및 몇가지 팁~

미니~ — Mon, 16 Apr 2012 17:37:31 +0900

주석이 왜 필요한가?

프로그래밍을 배울 때 변수, 제어문 등에 앞서 주석을 지정하는 방법에 대해서 가장 먼저 설명하는 것을 볼 수 있습니다.

특히 예전에는 주석을 잘 활용하는 것이 중요하다는 이야기를 많이 했었는데요.

요즘에는 프레임워크가 발달하면서 상대적으로 주석이 필요 없다는 의견도 많은 것 같습니다.

실제 프로그래밍을 하다보면 6개월에서 1년 정도 지난 후 자신의 소스를 봐도 생소하게 느껴질 것입니다.

이럴 때 초기에 주석을 달아놨더라면.. 하는 생각을 한번쯤은 해 봤을 겁니다.

즉, 주석은 다른 사람이 소스를 봤을 때 빨리 이해할 수 있도록 적는 것이 중요합니다.

가끔 프로그램 소스보다 주석이 많은 경우가 있는데 이는 오히려 가독성을 떨어뜨리는 결과를 가져오기도 합니다.

그래서 꼭 필요한 부분에 간결하게 적는 습관을 들이는 것이 중요하다고 생각하네요.

주석으로 문서화를 ~

또한, J avadoc이나 Doxygen과 같은 툴을 활용하면 주석을 그대로 개발 문서로 변경할 수도 있습니다.

이를 위해 체계적으로 주석을 설정하는 방법도 팀 내부에서는 고민을 해 볼 필요도 있겠지요.

예를 들면, Javadoc을 통해서 컴파일하면 java api와 같은 형태의 HTML 문서를 생성해 주게 됩니다.

package kr.co.acronym; /** * String 에 관련된 Util 클래스 * @version : 1.0 * @author : Mini */ public class StringUtils { /** * 문자를 치환하는 Static 함수 * @param str - 문자 * @param pattern 치환 전 문자 * @param replace 치환 후 문자 * @return 성공시 치환 전 문자, 실패시 null */ public static String replace(String str, String pattern, String replace) { return null; } }

이클립스에서 컴파일된 Javadoc을 살펴보면 다음과 같이 나타납니다.

Javadoc에 대해서는 기회가 되면 다시 한번 정리해 보도록 하죠.. ^^

주석 팁 하나~

마지막으로 간단한 주석의 우선 순위를 활용한 팁을 하나 적어볼께요.

90년대에 C언어 프로그래밍 할 때 처음 사용했던 방식인데, Java에서도 역시 잘 되더라구요.

String id; /* id = "test"; /*/ id = request.getParameter("id"); //*/

위와 같이 사용하면 윗 부분이 주석이 되고, 맨 위의 주석의 앞부분에 /를 하나 추가하면 윗 부분이 주석이 됩니다.

위와 같은 Test 계정을 잠시 설정할 때 유용하게 활용했었네요~~

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'프로그래밍 > Java' 카테고리의 다른 글

하둡(Hadoop) 설치부터 테스트까지 정리~ (0)	22:43:53
구글 앱 엔진(Google App Engine) 자바 버전 설치 및 프로젝트 생성/실행/배포 ~ (0)	2012/04/24
프로그래밍 주석에 대한 정리 및 몇가지 팁~ (0)	2012/04/16
float와 double 타입.. (0)	2011/11/01
javadoc 생성시 한글 깨질때.. (0)	2011/10/17
URL 기반의 QRCode 생성하는 JSP 소스~ (0)	2011/10/14

모바일로 2012년 프로야구 생중계 시청하는 방법

미니~ — Sun, 08 Apr 2012 20:21:29 +0900

드디어 2012년 프로야구가 시작되었습니다. 프로야구 승부조작과 같은 이슈들이 있었지만 올해 700만 관중 목표를 무난히 달성할 정도로 인기가 많은 것 같네요.

개막2연전을 살펴보니 여전히 투타가 안정된 SK와 이대호 없이도 강력한 타선을 보여준 롯데가 눈에 띄네요~

삼성은 워낙 극강의 팀이라 점차 올라갈 것이고, 기아는 부상이라는 변수로 올 한해도 계속 어려울 것 같아 보이네요.

LG는 역시 초반에 강함을 보여주고 있지만 끝까지 유지하는 것이 관건 이겠죠.

두산은 언제든지 상위권을 유지할 수 있는 팀으로 보이고 넥센과 한화도 다크호스로서의 모습을 보일 수 있을 것 같네요.

(최훈 님의 각 구단별 마스코트입니다. 귀엽네요..^^)

아이폰과 같은 스마트폰이나 DBM 보다 고화질로 프로야구를 시청하는 방법을 정리해 보려고 합니다.

1. 네이버 생중계

먼저 가장 많이 사용하는 네이버의 스포츠 채널에서 생중계하는 야구를 실시간으로 볼 수 있습니다.

WIFI와 LTE에서만 지원한다고 하네요. 즉, 무제한 요금을 사용하는 3G에서는 볼 수 없다고 하는데요.

다른 3G 환경에서 볼 수 있는 App들이 많기 때문에 오히려 네이버 트래픽이 줄어드는 단점으로 작용할 수도 있겠네요.

2. 티빙(Tiving)

안드로이드와 아이폰을 지원하고 태블릿도 지원하고 있습니다.

로그인을 하지 않아도 프로야구 경기를 볼 수 있다는 것도 장점입니다.

또한 WIFI, 3G, LTE 등 모든 환경에서 중계방송을 시청할 수 있어 언제 어디서나 볼 수 있을 것 같습니다.

3. 아프리카 TV

아프리카 TV도 웹과 모바일로 프로야구 경기를 생중계한다고 합니다.

특정팀을 중심으로 해설을 진행하는 편파방송도 한다고 하니 재미있을 것 같아요.

작년에 판도라TV의 편파방송을 정말 재미있게 봤었는데요. 해설자와 일심동체가 되니 야구가 더욱 재미있더라구요. ^^

프로야구의 인기가 정말 높아지는 것 같습니다.

더구나 올해는 박찬호, 김병현, 이승엽, 김태균등 해외파 선수들의 복귀로 기대가 더욱 크네요~

스마트폰과 함께 재미있는 야구 경기 많이 시청하세요~

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'미니이야기 > 스포츠' 카테고리의 다른 글

모바일로 2012년 프로야구 생중계 시청하는 방법 (0)	2012/04/08

미니의 프로그래밍 이야기

하둡(Hadoop) 설치부터 테스트까지 정리~

하둡(Hadoop) 설치

하둡(Hadoop) 환경 설정

hadoop-env.sh 설정

core-site.xml 설정

hdfs-site.xml 설정

mapred-site.xml

slaves

SSH 설정

네임 노드 포맷

하둡(Hadoop) 실행 및 UI 확인

하둡 (Hadoop) 실행 테스트

'프로그래밍 > Java' 카테고리의 다른 글

[웹표준 #3] 문서 제목의 마크업은 Heading을 쓰자.

HTML에서 문서 제목 부분은 어떻게 쓸까?

HTML Heading 사용하기

검색엔진 최적화

스타일 적용의 용이성

주의할 점

'Beginner > 웹표준' 카테고리의 다른 글

[웹표준 #2] 리스트 태그를 제대로 활용하자.

리스트 태그는 언제 사용할까?

리스트 태그의 종류

Unordered List

Ordered List

Definition List

리스트 태그의 확장

'Beginner > 웹표준' 카테고리의 다른 글

[웹표준 #1] 웹 표준을 어떻게 시작할까?

시작하면서

웹 표준이란?

웹 표준의 필요성

마치면서

'Beginner > 웹표준' 카테고리의 다른 글

HTML 색상(Color) 코드표

'프로그래밍 > Web' 카테고리의 다른 글

안드로이드 디바이스 식별자를 선택하는 방법에 대한 정리

1. Device ID

2. MAC Address

3. Serial Number

4. ANDROID_ID

'프로그래밍 > 안드로이드' 카테고리의 다른 글

웹 페이지 레이아웃을 설정하는 SiteMesh 세팅 및 활용에 대하여~

1. SiteMesh의 정의

2. SiteMesh의 처리 방식

3. SiteMesh의 다운로드 및 설치

4. SiteMesh의 설정

1) web.xml

2) sitemesh.xml

3) decorator.xml

'프로그래밍 > Web' 카테고리의 다른 글

구글 앱 엔진(Google App Engine) 자바 버전 설치 및 프로젝트 생성/실행/배포 ~

1. 이클립스용 구글 플러그인 설치하기

2. 구글 앱 엔진 프로젝트 생성

3. 구글 앱 엔진 프로젝트 실행

4. 구글 앱 엔진 프로젝트 배포

'프로그래밍 > Java' 카테고리의 다른 글

프로그래밍 주석에 대한 정리 및 몇가지 팁~

주석이 왜 필요한가?

주석으로 문서화를 ~

주석 팁 하나~

'프로그래밍 > Java' 카테고리의 다른 글

모바일로 2012년 프로야구 생중계 시청하는 방법

'미니이야기 > 스포츠' 카테고리의 다른 글