지난번에 맵리듀스(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을 설정해 줍니다. 

# vi conf/hadoop-env.sh export JAVA_HOME=/usr/lib/jvm/java-6-sun export HADOOP_HOME=/usr/local/hadoop-1.0.0

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

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

core-site.xml 설정

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

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

<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="configuration.xsl"?> <!-- Put site-specific property overrides in this file. --> <configuration> <property> <name>fs.default.name</name> <value>hdfs://localhost:9000</value> </property> <property> <name>hadoop.tmp.dir</name> <value>/usr/local/hadoop-1.0.0/hadoop-${user.name}</value> </property> </configuration>

hdfs-site.xml 설정

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

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

<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="configuration.xsl"?> <!-- Put site-specific property overrides in this file. --> <configuration> <property> <name>dfs.name.dir</name> <value>/usr/local/hadoop-1.0.0/dfs/name</value> </property> <property> <name>dfs.name.edits.dir</name> <value>${dfs.name.dir}</value> </property> <property> <name>dfs.data.dir</name> <value>/usr/local/hadoop-1.0.0/dfs/data</value> </property> </configuration>

mapred-site.xml

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

<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="configuration.xsl"?> <!-- Put site-specific property overrides in this file. --> <configuration> <property> <name>mapred.job.tracker</name> <value>localhost:9001</value> </property> <property> <name>mapred.local.dir</name> <value>${hadoop.tmp.dir}/mapred/local</value> </property> <property> <name>mapred.system.dir</name> <value>${hadoop.tmp.dir}/mapred/system</value> </property> </configuration>

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 대한민국 라이선스에 따라 이용하실 수 있습니다.

클라우드 컴퓨팅 환경에서 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 대한민국 라이선스에 따라 이용하실 수 있습니다.

주석이 왜 필요한가? 

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

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

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

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

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

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

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

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

주석으로 문서화를 ~

또한, Javadoc이나 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 대한민국 라이선스에 따라 이용하실 수 있습니다.

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

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

텍스트 문서를 UTF-8 포맷으로 했는데도 불구하고
javadoc으로 만든 HTML 문서에서 한글이 깨지는 현상이 발견되더라구요..

인터넷을 찾아보니.. javadoc 옵션에 다음과 같이 붙이면 된다고 합니다.

-locale ko_KR -encoding UTF-8 -charset UTF-8 -docencoding UTF-8

그래서 저는 ANT 빌드를 쓰고 있어서.

<javadoc destdir="doc" locale="ko_KR" encoding="UTF-8" docencoding="UTF-8" charset="UTF-8">
...
</javadoc>

요렇게 했더니 잘 되더군요..
참고하시기 바랍니다.

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

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

URL을 기반으로 QRCode를 생성하는 JSP 소스를 간단하게 정리하도록 하겠습니다.

1. QRCode 생성을 위한 jar 파일 설정하기

QRCode를 생성하기 위해서 zxing 라이브러리의 core.jar와 javase.jar 파일을 사용하면 됩니다.
zxing 라이브러리는 http://code.google.com/p/zxing/에서 받을 수 있구요.
위 jar 파일을 생성하기 위해서는 ant build를 활용하면 됩니다. (ant build는 나중에 기회가 되면 한번 정리하도록 하지요.. )

하지만 검색해보면 해당 jar 파일들이 많이 있으니 그걸 사용하셔도 됩니다.
저도 하나 올려놓도록 하지요..


위 zip파일의 압축을 풀고 core.jar와 javase.jar 파일을 웹프로젝트의 WEB-INF\lib에 복사하시면 됩니다.


2. URL 입력 화면 만들기

QRCode를 생성하기 위해서 먼저 입력 화면을 만들어야 겠지요..
간단한 HTML이니 참고만 하시면 됩니다. 파일명은 index.jsp로 했네요.

<%@ page language="java" contentType="text/html; charset=UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>QRCode 생성 - 미니</title> </head> <body> <h1>URL QRCode 생성하기 - 미니</h1> <form action="qrcode.jsp" method="post"> URL 입력: <input type="text" name="url" value="" style="width: 500px" maxlength="200"/> <input type="submit" value="QRCode 생성"/> </form> </body> </html>

실행 화면은 다음과 같습니다.



3. QRCode 생성하기

QRCode를 생성하는 것은 생각보다 간단합니다.
다음 소스를 살펴보면 주석과 함께 적어놨으니 쉽게 이해하실 수 있을 겁니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ page import="java.io.File, java.util.UUID" %> <%@ page import="java.awt.image.BufferedImage, javax.imageio.ImageIO" %> <%@ page import="com.google.zxing.qrcode.QRCodeWriter, com.google.zxing.common.BitMatrix, com.google.zxing.BarcodeFormat, com.google.zxing.client.j2se.MatrixToImageWriter" %> <% String url = request.getParameter("url"); int nCheck = 1; String savedFileName = ""; // url 확인 if (url == null || url.equals("") || !url.startsWith("http")) { nCheck = 0; } else { // 파일 설정 File path = new File(application.getRealPath("/") + "qrcode/images/"); savedFileName = UUID.randomUUID().toString().replace("-", ""); if (!path.exists()) path.mkdirs(); // QRCode 생성 QRCodeWriter writer = new QRCodeWriter(); BitMatrix qrCode = writer.encode(url, BarcodeFormat.QR_CODE, 200, 200); BufferedImage qrImage = MatrixToImageWriter.toBufferedImage(qrCode); ImageIO.write(qrImage, "PNG", new File(path, savedFileName+".png")); } %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>QRCode 생성 - 미니</title> </head> <body> <h1>URL QRCode 생성하기 - 미니</h1> <% if (nCheck == 1) { String qrcode = request.getContextPath() + "/qrcode/images/" + savedFileName + ".png"; out.print("<img src='" + qrcode + "'/><p/>"); } else { out.print("잘못된 URL 입니다.<p/>"); } %> <a href="./index.jsp">다시 생성 </a> </body> </html>

역시 실행 파일은 다음과 같네요..

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

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

전화번호를 입력할 때..

000-0000-0000
(000)000-0000

이런형태로 입력하자나요..
요런걸.. 00000000000 형태로 받고 싶어서 만든 간단한 자바 스크립트입니다.

필요한 분들은 참고하세요~~

<script> function setPhoneNumber(phone) { var retVal = ""; if(phone.length < 1) { return ""; } for(var i=0;i<phone.length;i++) { sBitData = phone.substring(i,i+1); if (sBitData != '(' && sBitData != ')' && sBitData != '-') { iBit = parseInt(phone.substring(i,i+1)); if((iBit > '0') || (iBit < '9')) { } else { return ""; } retVal += sBitData; } } return retVal; } alert(setPhoneNumber('000-0000-0000')); alert(setPhoneNumber('(111)1111-1111')); alert(setPhoneNumber('000-aaaa-0000')); </script>

예제를 웹브라우저에서 열어보면

00000000000
11111111111

요렇게 나올 겁니다.

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

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

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

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

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

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

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

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