시험이 끝나면 편히 쉴려고 했더니, 운이 좋은 건지 나쁜 건지 그동안 연락이 없던 곳에서 연락이 왔습니다. 예전부터 꼭 한번 해보고 싶었던 것이라 뛸듯이 기뻤습니다만, 시간적인 압박과 생각외로 분량이 많아서 고심하고 있습니다.

 일단 진행은 하고 있습니다만, 생각보다 쉽지 않네요. ^^;;; 그래도 좋은 경험이라 생각하고 열심히 하고 있습니다. 무슨 일인지는 아직 밝힐 수 없지만, 좋은 결과가 있으면 포스팅할려고 꾹꾹 참고 있다는 ^^;;;;

 올해는 정말 일이 많은 한해인듯 합니다. 하고 싶은 것들은 다 해보네요. 내년에도 올해처럼만 풀리면 좋겠습니다.

 다들 좋은밤 되시길~ >ㅁ<)/~~

예전에 개발하면서 적어놓았던 것인데, 블로그가 이전되서 다시 옮겨왔습니다. ^^

< 2004 05 11 GUI ( Graphic User Interface) >


으옷... @0@/~ 드뎌 네모난 커서에서 벗어났습니다 ㅋㅋㅋ 이틀동안 삽질한 끝에

Icon 파일을 읽어 낼 수가 있게 되었네요.. 화면 중앙에 보시면 콘솔위에 삼각형의

하늘색 커서가 있음을 알 수 있습니다. 요 아래쪽의 스샷을 보시면 파란색 네모가

동동~ 떠있는데, 고게 Icon 파일의 힘으로 삼각형으로.. ㅡ0ㅠ.. 감동..



< 2004 05 08 GUI ( Graphic User Interface) >

윈도우의 폰트가 기존의 래스터에서 돋움체로 바뀌어서 한컷 찍어 올립니다. 양쪽에

는 뽀대를 살리기위한 비트맵 로더가 떠있구요, 가운데 보시면 돋움으로 무장한

GUI Shell이 오랜지색 커서와 함께 두둥 떠 있는 걸 보실 수 있습니다.

으흣.. 폰트가 바뀌니 훨씬 나아 보이는군요.. ㅋㅋㅋ

앗쌀~ 홧팅 @0@/~



< 2004 05 06 GUI ( Graphic User Interface) >


아아.. 오래간만에 한컷 올립니다. 에궁에궁 출장이다 머다 해서 한동안 손을 조금

놓고있었기때문에, 헐헐헐..

이번에 스샷의 관전 포인트(??)는 제 마스코트랑 열혈강호가 올라가있는 BMP Viewer

가 아니라, 요것들이 모두 Application, 즉 User Level의 프로그램들이라는 것에 초점

을 맞추어야 한다고.. 쿠.. 쿨럭..;;;;

그리고 GUI Console에 오랜지색 네모 커서도 넣었고, 윈도우 테두리도 녹색에서

오랜지 빛으로 바꾸었습니다. 이게 더 보기가 좋군요.. ㅋㅋㅋ

일단 곧 커널이랑 하드 이미지도 릴리즈를.. 글고.. 곧 소스도..

쿠.. 쿨럭..;;; 정리는 안하고 지저분하게 삽질만 계속 하고 있는..

까.. 마.. 구.. @0@/~




< 2004 04 11 GUI ( Graphic User Interface) >


위에서 보시는 스샷은 아래의 4월 3일자의 스샷과 별 차이가 없는데요, 사실 비슷하긴

한데, 내부적으로는 상당한 변화가 있었기때문에 기념으로 한컷 올립니다.

으읏 진짜 이번엔 문제가 너무 심각해서 며칠째 고심해서 고쳤는지 ㅡ0ㅠ...

이번에 수정하면서 그런생각이 들더군요.. 과연 이 삽질의 끝에는 머가 있을까..

굉장히 궁금합니다 그려.. ㅋㅋㅋㅋ

4월 3일자에서 있었던 키의 문제는 해결한 스샷입니다. 사실 외관은 똑같군요..

( 아아.. 암것도 안한거 같오.. ㅡ0ㅠ... 억울..크윽.. )





< 2004 04 03 GUI ( Graphic User Interface) >



이번에 구현된 GUI system call을 테스트 하기 위해 만든 Application입니다.

기본적으로 하는일은, CUI에서 보여지는 80 * 25의 Text 화면을 그대로 옮겨서 보여

주는 것이지요.

아직 Key 문제가 확실히 해결되지 않아서 약간 문제가 있지만 그런대로

볼만은 하군요.. ㅋㅋㅋㅋ


< 2004 03 23 ETC ( ^ㅠ^ ) >



제가 목표로 하고 있는 GUI의 모습입니다.

Evil WM 이라고 굉장히 가볍다고 하는군요. 저는 윈도우를 쓰기때문에 잘 모름..

그러나 딱 봤을때 이미 필이 왔죠.. 보면 볼수록 멋집니다.

@0@/~~





< 2004 03 27 CUI ( Console User Interface) >




첫번째 화면은 이번에 릴리즈된 커널을 Bochs에서 돌린 화면입니다.

showdevice 했을때, com1, HDD, RamDisk 순으로 보이는 군요.

기본적으로 다 Mount된 상태로 실행되게 했습니다.

이게 테스트 하긴 더 편하더라구요..

두번째 화면은 KKAMAGUI Editor를 돌린 화면입니다. 간단한 텍스트를 입력하고,

/a.txt로 저장했어요.

세번째 화면은 KKAMAGUI Editor를 돌려 시리얼로 전송받은 소스코드를 읽은

화면이에요. 제가 짠건 아니지만 걍 있길래 전송해서 열어봤죠.. >_<



< 2004 03 24 CUI ( Console User Interface) >


이번에 릴리즈된 커널을 Bochs에서 돌린 화면입니다. showdevice 했을때,

램 디스크 하나랑 시리얼 포트, 그리고 추가된 하드가 보이는군요.

아참 램 디스크( rd0 )는 이번 커널에는 아니고.. 곧 릴리즈될 커널에 있는 건데..

Screen shot이 잘못됬네요.. 여튼 '/'에 Mount 한다음 내용물을 보여준겁니다.

므흣.. 좋네요~ ^0^/~


< 2004 03 23 ETC ( ^ㅠ^ ) >


제가 주로 쓰는 kkamagui를 그려봤습니다. 아마 지난 설인걸로 기억하는데요..

ㅋㅋㅋ 그때 별로 할일이 없어서 그림판으로 그렸던듯 하군요

그냥 한번 웃어보시라구요 ^0^/~



< 2004 03 15 CUI ( Console User Interface) >



CUI Screen shot 입니다. 맨 위에 화면은 처음 부팅했을때 보이는 화면입니다.

오늘 페이지를 추가하면서 생긴 화면이네요.. ^^

두번째 화면은 Worms라고 제가 공유메모리를 구현하고 그걸 테스트하기위해 만든

프로그램입니다. 처음에 녹색 한마리가 이리저리 돌아다니는데요, 이게 일정시간

지나면 상태도 변하고 그에 따라 먹이도 먹고 분열도 하고 싸움도 하는 그런 프로그램

입니다. 머 알고리즘이 그리 복잡하지 않기 때문에 크게 변화는 없구요.

주기적으로 늘었다 줄었다 하는군요. 심심하신 분은 한번 실행해 보심이.. ㅋㅋ


< 2004 03 14 CUI ( Console User Interface) >


CUI Screen shot 입니다. 맨 위에 화면을 보시면 Device 목록에 hda0 및 hdc0 두개의

하드디스크와 시리얼 포트 2개가 있음을 알 수 있습니다.

mount 명령으로 /에 hdc0를 mount하고 ls를 통해 파일을 조회한 화면입니다.

두번째 화면은 B2OS를 만드신 분이 CUI버전으로 테트리스를 제작하셨는데요, 그걸

그대로 포팅해서 제 OS에 돌린 화면입니다. ^^

B2OS 주인장님께 거듭 감사를 드립니다. (_ _)


< 2004 03 14 BoxBox Prototype>

GUI Prototype Screen shot 입니다. 이름은 BoxBox이구요. 사각형으로 이루어진

간단한 GUI를 목표로 하고 있기 때문에 이름을 이렇게 지었습니다.

커서( 가운데의 하얀 사각형 )의 모양까지 현재는 사각형을 띄고 있는데요,

조만간 커서는 삼각형으로 만들어볼까 생각중입니다. ㅋㅋ

윈도우는 evilwm에 영향을 받아서 녹색의 1 pixel로 이루어져 있구요, 내부는

녹색을 약간띄는 어두운 색으로 맞추어놨습니다.

테스트를 위해 여러 윈도우를 겹쳐놨는데, 생각난김에 한컷 잡아서 올립니다.

볼수록 모노크롬 모니터 시절을 생각나게 하는군요. ^^

개인적으로는 아주 맘에 드는데 말이죠. ㅋㅋ

이런 멋진 GUI를 만들게 해주신 Linefeed 님과 Ed 님께 감사를.. ㅎㅎ


 아아... 정말 공부하기 싫습니다. 매 시험때 마다 그래도 성의는 보였는데... 이번에는 무리군요. ㅡ_ㅡa... 공부가 너무 하기 싫어서 아예 거의 책을 안봤다는... 한번 겨우 보고 시험치러 가네요. ㅜ_ㅜ...

 어렸을 때(??)는 나름 열심히 공부했는데... 흑흑... 나이가 들었나 봅니다. 어쨋든 빨리 시험이 끝났으면 좋겠습니다. >ㅁ<)/~!!

 오늘 갑자기 입사가 다됬다는 이야기를 들었습니다. 생각보다 너무 일찍이라 날짜를 듣자마자 머리가 띵해지더군요. ^^;;; 입사 전에 이것 저것 많이 보고 갈려고 했는데, 이제 어렵게 됬습니다.

 왠지 가슴이 허전한 것이... 사이드 이펙트로 PSP를 지르고 싶은 충동도 생기고... ㅡ_ㅡa... NDS가 있어서 별 필요없다고 그동안 지름신을 억누르고 있었는데, 오늘 입사일 발표로 인해 지름신께서 곁에 오셨네요. ㅜ_ㅜ...

 아아~ 정말... ㅜ_ㅜ... 이 일을 어찌한단 말입니까... ㅜ_ㅜ...
 개인의 블로그가 신입 채용에 한몫을 하고 있다는 글을 http://firejune.com/1231 에서 읽었습니다. 개인의 일상을 적는 블로그가 채용에 참고가 되다니... 좋은 점도 있을 것 같고 나쁜 점도 있을 것 같습니다.

 좋은 점이라면, 저 같이 정보를 검색엔진에 공개할 목적으로 오픈해놓은 블로거들에게 +a 가 된다는 겁니다. 프로그래밍이나 프로그램 릴리즈쪽의 내용이 거의 주를 이루니 개발 능력쪽 평가에서는 좋은 점수를 받을 수도 있겠지요.

 나쁜 점이라면, 위의 내용의 반대인데... 블로그라는 것이 원래 개인적인 용도로 사용하는 것이라 개인의 일상이나 관심사에 대한 포스팅이 주를 이룹니다. 따라서 프로그래밍이 아닌 다른 것에 대한 포스팅이 많은 블로거 or 프로그래밍에 대한 포스팅이 드문 블로거들에게는 마이너스가 될 것 같습니다.

 firejun 님의 걱정처럼 이는 위험한 생각인 것 같습니다. 개인의 성향에 따라서 or 정보를 공개하고 싶지 않아서 or 공개할 수 없는 내용들이라 비공개로 포스팅하는 사람들까지도 능력이 낮게 평가될 수 있습니다. 네임 벨류(Name Value)를 위해 포스팅을 남발하는 사람은 오히려 높게 평가될 가능성도 있구요.

 왠지 "업무능력이 높은 사람은 블로그에 관련 포스팅도 많이 한다"라는 이상한 가정에서 시작된 것이 아닌가 하는 생각도 드는데... 물론 블로그의 포스팅을 보면 얼마나 성실히 글을 쓰는가에 대한 평가는 나올 수 있겠지만, 이것이 능력하고 관계가 있을지는.... ^^;;;; 평가 기준을 잘 세우는 것이 중요할 듯 합니다.

 개인적인 공간이 남에 의해 평가되고 반영된다 생각하니 왠지 무서운 생각이 드는군요. ㅜ_ㅜ...


 이제 이것으로 기나긴 학교생활이 끝이나는군요. 달랑 2개밖에 안치지만, 공부하기가 너무 싫어서 기분은 10개 넘게 시험을 보는 듯 합니다. ㅜ_ㅜ...

 일단 시험공부를... ㅜ_ㅜ... (공부하기 싫어서 정말 미치겠다는.. ㅜ_ㅜ)...
 http://teamblog.joinc.co.kr/yundream/184 에서 글을 읽다가 깜짝 놀랄만한 것을 발견했습니다. @0@)/~!!! D 언어에 대해서 글을 읽는 중이었는데, D 언어로 만든 게임이 상당하더군요. 원문은 http://www.asahi-net.or.jp/~cs8k-cyu/windows/ttn.html 에서 보실 수 있습니다.

 아래는 게임의 스크린 샷인데, 폴리곤으로 단순하게 만들었음에도 불구하고 속도감이나 조작감이 장난이 아니더군요. ^^
사용자 삽입 이미지

게임 화면



조작 키는 아래와 같습니다.
방향키 : 아군 비행기의 이동
Control  키 : 총알 발사
Alt or Shift 키 : 적 비행기 훔치기

 적 비행기를 훔치면 아군이 되면서 같이 총알을 발사해준다는 멋진... ㅜ_ㅜ)=b 게임 모드도 Basic, Classic, Morden 이 있는데 Morden이 아주 끝내줍니다. ^^

 정말 시간때우기는 아주 좋은 게임인 듯~, 우리 모두 빠져 보아요~ >ㅁ<)/~!!

 아주 재미있는 글을 읽었습니다. 원문은 http://seanlab.net/tt/?TSSESSION=4d9631fd7eb152d6296d201e1f8a04db 에서 보실 수 있습니다.

 간단히 요약하면 아래와 같습니다.
도전을 해야하는 시기에 도전을 차일 피일 미루게 되면, 도전을 할 수 없는 이유들만 늘어가니, 일단 가볍게(??) 한발 먼저 들여놓고 그 뒤 올인(All-in) 하자.

 이 글을 읽으면서 상당히 공감이 되더군요. 사실 프로그래밍을 하던지 운동을 하던지... 도전의 연속이라고 생각합니다. 프로그래머라면 많은 것을 알아야하고 "배움" 자체가 하나의 도전인데, 저의 경우에는 하고있는 프로젝트라던지 시험이라던지 하는 이유로 "배움"의 우선순위가 상당히 낮았습니다. ^^;;

 시작했을 때 끝을 보는데까지 많은 시간이 드는 것도 이유일지 모릅니다만, 이런 문제로 "배움"을 뒤로했던 저로써는 상당히 충격적인 내용이네요. ^^;;;; 프로젝트의 완료는 또다른 프로젝트의 시작을 알리는 것이고, 중간 고사는 기말고사로 가는 과정이니... 결국 안되는 이유만 자꾸 늘어나서 이때까지 책 몇권 보지 못했다는.... ㅜ_ㅜ....

 "왜 지금까지 책 몇권 보지 못했을까?" 하는 물음에 정타를 날리는 내용입니다. 앞으로 반성을 많이 해야겠습니다. ㅜ_ㅜ...

 저는 지금까지 "GPL은 공개 소스이며 무조건 소스를 공개해야하고 상용으로 판매할 수 없다"고 생각하고 있었는데 그게 아니었군요. GPL에 대한 자세한 내용은 http://teamblog.joinc.co.kr/yundream/37 에서 볼 수 있습니다.

 GPL에 대해서 간단히 요약하자면 아래와 같습니다.
1. GPL 라이센스는 배포 시에 적용되는 라이센스이기 때문에 배포하지 않는 한 소스를 공개할 필요는 없습니다.
2. GPL 라이센스라도 배포시에 소스를 같이 배포한다면 상용이라도 문제 없다.
3. GPL 라이센스 변경은 저작권자 만이 가능하며, 이미 배포된 버전에 대해서는 변경을 가할 수 없고 새로운 버전에 대해서는 변경가능하다.

 요즘 저작권에 대해서 이런 저런 말이 많은데, 시간나면 저작권에 대해서도 알아두는 것이 좋겠군요. ^^

 꽤나 많은 RSS 목록을 가지고 있기 때문에, 나름대로 괜찮은 글들은 다 읽고 있다고 생각했는데... 우연히 링크를 따라 들어갔다가 깜짝 놀랐습니다. http://www.joinc.co.kr/modules/moniwiki/wiki.php/FrontPage 를 보니 정말 대단하더군요.

 각 분야별로 엄청난 글들이 모여있습니다. 공동으로 글을 남기는 블로그도 있던데, 아주 내공이 장난이 아닙니다. 글을 읽고 있으니 시간 가는줄 모르겠군요. ^^;;;

 많이 배워야겠습니다. 아직 멀었군요. ㅜ_ㅜ...

02 CSS(Cascading Style Sheet)-Part1

 원문 : http://kkamagui.springnote.com/pages/623396

 

들어가기 전에...

 

1.CSS(Cascading Style Sheet)?

 CSS는 웹페이지의 외형을 편리하고 능률적으로 바꿀 수 있도록 해준다. 대부분의 웹 브라우져(Web Browser)는 CSS와 HTML 코드를 연동하여 웹 페이지를 표시할 수 있다. 다만 브라우져간의  약간의 차이 때문에 특정 스타일은 정상적으로 표시되지 않을 수 있으나 대부분은 잘 동작한다.

 

 CSS를 사용하여 얻는 장점은 아래와 같다.

  • HTML 코드에서 디자인에 대한 코드를 줄일 수 있음
  • CSS를 수정함으로써 일괄로 페이지의 스타일을 수정 가능 
  • HTML 코드의 크기를 줄임으로써 웹페이지의 로딩 속도를 빠르게 할 수 있음(CSS는 브라우져에 의해 캐슁될 수 있으므로 효율적으로 동작 가능) 

 

 그럼 이제부터 CSS에 대해서 알아보자.

 

2.XHTML

 HTML의 차기버전으로 HTML의 문제점을 보완한 대체 HTML이다.  XHTML의 필수적인 조건은 아래와 같다.

  • Doctype을 반드시 명세해야 함
  • 태그(Tag)는 반드시 짝을 이루어야 함. ex) <p> </p> or <p />
  • 태그는 반드시 소문자로 써야 함. 
  • Attribute는 반드시 " "로 묶어줘야 함. ex) <a href="http://kkamagui.tistory.com" > 까마구의 블로그 </a> 

 

 아래는 XHTML로 구성된 스프링노트 페이지의 한 예이다. DOCTYPE 같은 경우는 거의 고정적이므로 저장해 놨다가 붙여 넣으면 된다.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
  2. <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
  3. <title> kkamagui의 블로그 </title> 
  4. </head> 
  5. <body> 
  6. <p> 페이지의 내용이다. </p> 
  7. </body> 
  8. </html> 

 

3.스타일 시트(Style Sheet)의 종류

3.1 내부 스타일 시트(Internal Style Sheet)

 내부 스타일 시트는 HTML 코드 내에 스타일 시트에 대한 내용이 포함된 것을 의미한다. 일반적으로 스타일 시트 코드는 <head> 태그 안에 포함되며 아래와 같은 형식으로 사용된다.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
     
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=EUC_KR" />
    <title> kkamagui의 블로그 </title>
    <!-- 스타일 코드 시작 -->
    <style type="text/css">
    h1
    {
        color : #FF7643;
        font-family : Arial;
    }
  2. p
    {
        color : red;
        font-size : 0.9em;
    }
    </style>
    </head>
  3. <body>
    <h1 /> 큰 제목입니다. ^^;;
    <p /> 내용 입니다.
    </body>
  4. </html> 

 <style type="text/css"> 태그를 이용해서 아래의 코드가 HTML이 아닌 css 임을 알려주고 해당 Element의 속성을 적어주면 된다.

 

3.2 외부 스타일 시트(External Style Sheet)

 외부 스타일 시트는 스타일 시트가 HTML 코드 외부에 있음을 나타낸다. HTML 코드에는 스타일 코드 대신에 스타일 시트의 경로가 포함된다. 아래는 XHTML의 내용이다.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
     
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=EUC_KR" />
    <title> kkamagui의 블로그 </title>
    <link rel="stylesheet" type="text/css" href="test.css" />
    </head>
  2. <body>
    <h1 /> 큰 제목입니다. ^^;;
    <p /> 내용 입니다.
    </body>
  3. </html> 

 

  아래는 text.css 파일의 내용이다.

  1. h1
    {
        color : #FF7643;
        font-family : Arial;
    }
  2. p
    {
        color : red;
  3.     font-size : 0.9em;

 

 실제 HTML 코드와 스타일 시트가 분리되므로 같은 스타일을 여러 페이지에 걸쳐서 적용하기가 편리한 장점이 있다.

 

4.CSS 기본

4.1 CSS의 스타일 구성

 CSS의 스타일은 2가지로 구분된다. 첫번째는 선택자(Selector)이고 두번째는 선언구간이다. 위의 예제에서 선택자와 선언구간을 나누어 보면 아래와 같다.

  1. h1 // 선택자, 페이지 내의 h1 태그를 의미
    {  // 선언 구간. 속성을 정의
        color : #FF7643;
        font-family : Arial;

  간단히 설명하면 속성을 정의할 태그를 먼저 정의하고 그 하부 속성들을 {}로 감싸면 된다.

 

4.2 클래스 선택자(Class Selector) 및 ID

 태그중 특별한 태그만 속성을 다르게 주고 싶을 때 사용할 수 있는 방법 중에 하나이다. 태그의 클래스를 정의해서 해당 클래스를 가진 태그에만 속성을 적용할 수 있다. HTML 코드에 아래를 추가하고 CSS에 .RedH1의 속성을 추가함으로써 h1의 속성을 재정의 할 수 있다.

  1. <h1 class="RedH1" /> 큰 제목2 입니다. abcdefg ^^;;
    <p /> 내용 입니다.
    </body>

 

 아래는 RedH1 이라는 클래스를 정의한 것이다.

  1. .RedH1 
  2. color : red; 

 주의할 점은 CSS에서 클래스를 정의할때 "." 기호를 사용해야 한다는 점이다.

 

 비슷한 역할을 ID로도 할 수 있다. ID는 #으로 CSS에 표시하며 아래와 같이 사용가능하다.

  1. <h1 ID="BlueH1" /> 큰 제목3 입니다. abcdefg ^^;;
    <p /> 내용 입니다.
    </body> 

 

  1. #BlueH1
    {
        color: blue;
    }

 

4.3 하위, 그룹, 전체 선택자 속성 정의

 위에서 언급했던 방식으로 간단히 스타일 시트를 구성하면 모든 태그 또는 모든 클래스에 스타일이 적용된다. 하지만 특정 태그 하위의 태그만 속성을 다르게 하고 싶다면 어떻게 할가? 클래스를 다 정의해서 클래스를 넣어주면 될까?

 간단히 해결할 수 있는 방법은 하위 선택자를 직접 기술해서 사용하면 된다. 만약 RedP 아래에 div 태그에만 특별한 속성을 주고 싶다면 아래와 같이 입력하면 된다.

  1. .RedP div 
  2.     color : red; 

 

 또 다른 방법으로는 아래와 같이 입력할 수도 있다. 아래는 RedDiv를 클래스명으로 가지는 div에 속성을 적용하는 방법이다.

  1. div.RedDiv 
  2. {
  3.     color : red;

 

 그룹 선택자는 "," 로 구분하며 클래스, ID, 태그 모두 표현 가능하다. 아래는 그룹 선택자의 예제이다.

  1. h1, p, .RedP { color : red; } 

 

 만약 .RedP의 모든 클래스에 속성을 적용하고 싶다면 "*"를 사용하면 된다.

  1. .RedP * { font-wieght : bold; } 

 

 많이 쓰는 태그중에 링크를 빠뜨릴 수 없는데, 링크는 크게 4가지의 상태를 가진다. 각 상태별로 특별한 속성을 지정해 줄 수 있다.

  • a:link : 미방문 링크 또는 마우스가 링크 위에 있을 때의 상태
  • a:visited : 이미 방문한 링크
  • a:hover : 마우스가 링크 위를 움직일 때
  • a:active : 방문자가 링크를 클릭할 때 

 

5.각 태그별 사용가능 속성

5.1 font

 font 태그는 아래과 같은 속성들을 가지고 있다.

  • font-family : 화면에 표시할 글꼴들의 집합. 대체 글꼴을 위해 여러가지 글꼴을 나열할 수 있음

    • font-family : "Arial", "돋움체", "굴림체"; 
  • color : 글자 색을 설정

    • font : #RRGGBB; or balck;
    • font : rgb( 255, 255, 255); or rgb( 100%, 100%, 100% );
  • font-size : 글자의 크기를 변경

    • font-size : 1em; or  100% or 12px;
    • %나 em 계산법은 하위 태그에 상속되므로 주의해서 써야 함 
  • font-style : 이탤릭으로 바꾸거나 되돌림

    • font-style : italic; or normal; 
  • font-weight : 폰트를 bold로 바꾸거나 되돌림

    • font-weight : bold; or normal; 
  • font-decoration : 줄을 긋거나 지움 

    • font-decoration : underline; or overline; or line-through; or none; or underline overline; 
  • letter-spacing : 자간(단어와 단어간의 간격)을 늘리거나 줄임. 양수의 경우 기본 간격보다 넓어지고 음수의 경우 좁아짐

    • letter-spacing : -1px; or 1px; or -.1em; 
  • line-height : 줄간격 조절. 하위 태그에 상속되니 주의해야 함. 단 아무 단위도 없는 숫자는 배수를 의미하므로 글자의 크기에 배수가 됨(많이 씀).

    • line-height : 150%; or 1.5em; or 10px; 1.5;
  • text-align : 글자의 배치를 결정 

    • text-align : center; or left; or right; or justify; 
  • text-indent : 첫줄을 들여쓰거나 내어씀. 양수이면 들여쓰고 음수이면 내어씀

    • text-indent : 25px; or 1em; 
  • margin : 단락 사이의 간격을 조절. left, right, top, bottom 이 있음

    • margin : 0; or margin-left : 0; 

 

5.2 리스트 목록 스타일(ul, ol)

  • list-style-type : 목록 앞의 첨자를 붙이는 방식 정의. square, disk, circle, none, decimal, decimal-leading-zero, upper-alpha, lower-alpha, upper-roman, lower-roman 중에서 선택 가능

    • list-style-type : square; or none; 

 

5.3 테두리(Border)

 테두리는 크게 아래의 3가지 속성을 가진다.

  • color : 테두리의 색깔
  • width : 테두리의 넓이

    • thin, medium, thick와 같은 키워드 사용가능 
    • px 값 사용 가능 
  • style : 테두리의 모양

    • solid, dotted, dashed, double, groove, ridge, inset, outset, none, hidden 사용 가능 

 

 속성을 설정하는 방법은 아래와 같다.

  • border 4px solid red; or border-left : 2px solid black;
  • border-width : 2px; 
  • border-style : double; 
  • border-color : red; 

 

5.4 배경색 및 너비/높이 그리고 오버 플로우(overflow) 처리

  • background-color : 배경색을 정의

    • background-color : red; 
  • height : 높이를 정의

    • height : 20px; or 2em; or 30%;
  • width :  너비를 정의

    • width :  20px; or 2em; or 30%;
  • overflow : content가 영역을 넘어갈 때 표시할 방법

    • overflow : visible; : 아무런 처리를 안함 
    • overflow : scroll; : 무조건 스크롤바 생성 
    • overflow : auto; : 넘어가면 스크롤바 생성. 안 넘어가면 아무 처리 안함
    • overflow : hidden; : 넘어가는 영역 표시 안함 

 

5.5 float and clear

 float는 간단하게 말하면 element를 좌측이나 우측으로 옮겨서 사이드 바와 같은 형태로 만들어 주는 것을 말한다.

  • float : 해당 element를 좌측 or 우측 으로 이동하거나 원래대로 되돌려 놓음

    • float : left; or right; or none; 
  • clear : float element가 여러개가 있을 때 표시 방식을 표시. left, right, both, none 속성을 가짐. 주위의 float element가 아래로 내려가도록 함

    • clear : left; or right; both; none;

 

 아래는 float을 테스트하기위한 간단한 코드이다.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
     
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=EUC_KR" />
    <title> kkamagui의 블로그 </title>
    <link rel="stylesheet" type="text/css" href="test.css" />
    </head>
  2. <body>
    <h1> 큰 제목1 입니다. abcdefg ^^;; </h1>
  3. <div class="subnote">아무것도 없는 허허벌판(??)에서 윈도우 라이브러리를 사용하기가 쉽지 않은데, 그래서 템플릿으로 사용할 수 있는 프로젝트를 올려놓았다. 26 윈도우 라이브러리(Window Library) 사용을 위한 프로젝트(Project) 만들기에서 프로젝트 파일을 찾을 수 있다.</div>
  4. <div class="subnote">아무것도 없는 허허벌판(??)에서 윈도우 라이브러리를 사용하기가 쉽지 않은데, 그래서 템플릿으로 사용할 수 있는 프로젝트를 올려놓았다. 26 윈도우 라이브러리(Window Library) 사용을 위한 프로젝트(Project) 만들기에서 프로젝트 파일을 찾을 수 있다.</div>
  5. <p> NDS에 윈도우 라이브러리가 구현되어있으므로(물론 내가 만들었다. 자세한 내용은 02 NDS 윈도우 시스템(Windows System)을 참고하자) 위에서 설명한 알고리즘 테스트 프로그램의 소스를 크게 수정없이 사용할 수 있다. 차이라면 개인적인 취향 때문에 함수 몇개가 덜 구현되거나 스타일이 조금 다르다는 정도...?</p>
  6. <p> 포팅에 대한 내용은 크게 다루지 않을 것이며 궁금한 사람은 Diff 프로그램으로 위의 테스트 프로그램과 NDS로 포팅된 소스의 내용을 비교해 보면 알 수 있을 것이다. 메인 소스는 거의 바뀌지 않았음을 알 수 있다. 이 얼마나 행복한 일인가... ㅜ_ㅜ </p> 
  7. </body> 
  8. </html> 

 

  1. body *
    {
        font-family : "돋움";
        zoom : 1;
    }
  2. h1
    {
        color : #FFFFFF;
        font-family : "굴림";
        font-size : 1.5em;
        background-color : #000000;
        margin : 20px 0px;
        padding : 10px;
        overflow : hidden;
    }
  3. p
    {
        margin : 5px 20px 5px 20px;
        padding : 0px 0px 0px 0px;
        font-size : 1em;
        color : black;
        line-height : 1.5em;
    }
  4. .subnote
    {
        border : 3px dashed #777777;
        margin : 5px 20px 5px 20px;
        padding : 5px;
        line-height : 1.5em;

 위를 익스플로러로 보면 아래와 같이 표시된다.

float1.PNG

<float 설정 이전>

 

 이제 float 속성을 넣어보자. subnote의 속성을 아래와 같이 float와 width를 추가한 뒤 확인하자.

  1. .subnote
    {
        border : 3px dashed #777777;
        margin : 5px 20px 5px 20px;
        padding : 5px;
        line-height : 1.5em;
        float : right;
        width : 200px;

 

 웹페이지를 확인하면 아래와 같이 div가 좌측으로 이동하고 글이 주위를 감싸는 형태로 표시된다.

float2.PNG

<float 후>

 

 이제 두개의 float element가 같이 나열되는 것이 아니라 순서대로 아래에 위치하도록 해보자. clear: both; 속성을 .subnote에 추가하면 끝이다.

  1. .subnote
    {
        border : 3px dashed #777777;
        margin : 5px 20px 5px 20px;
        padding : 5px;
        line-height : 1.5em;
        float : right;
        width : 200px;
        clear : both;

 화면을 표시해보면 아래와 같이 나온다.

float3.PNG

<clear 사용 후>

 

 float element의 경우 다른 속성들을 위에 표시되기 때문에 뒤에 있는 element가 그대로 표시되어 보기 싫게 되는 경우가 있다. 그런 경우 float element에의해 가려지는 element의 속성에 overflow : hidden; 속성을 추가해주면 된다. 익스플로러 6 이전 버전의 경우 그래도 잘 되지 않는 경우가 있는데 이때는 zoom: 1; 속성을 body에 추가해 주면 된다.

  1. body *
    {
        font-family : "돋움";
        zoom : 1;
    }

  2. h1
    {
        color : #FFFFFF;
        font-family : "굴림";
        font-size : 1.5em;
        background-color : #000000;
        margin : 20px 0px;
        padding : 10px;
        overflow : hidden;

 

 

6.참고

6.1 margin, border, padding 간의 관계

 간단히 설명하면 margin은 객체의 경계선 즉 border와 외부 객체 간의 여유공간을 설정하는 것이고 padding은 border 내부와 내부에 포함되는 Contents 간의 공간을 표시하는 것이다. left, right, top, bottom이 있으며 이것을 그림으로 표현하면 아래와 같이 나타낼 수 있다.

margin,padding,border.gif

<margin, border, content 간의 관계>

 

 

 

이 글은 스프링노트에서 작성되었습니다.

 좋은 이름을 지어야 하는 이유에 대한 글을 읽었습니다. 원문은 http://www.dancingmango.com/blog/2007/11/29/whats-in-a-name/ 에서 보실 수 있습니다. ^^;;;

 대충 내용을 읽어보니 구글 검색 기능 중에 "advanced search" 즉 "고급 검색" 기능을 전체 이용자의 1% 정도가 이용한다고 되어있는데, 이것을 "easy search" 또는 "better search"로 했으면 더 많은 사람들이 이용했을 것이고 더 나은 검색 결과를 얻었을 거라고 하는 군요.

 아래가 구글의 고급검색 버튼인데... 저도 한번도 써본적이 없습니다. ㅜ_ㅜ....
사용자 삽입 이미지

 실제로 어떻게 나오나 싶어서 클릭해 봤더니 약간 복잡한 화면이 나왔는데, 조금 신경써서 읽어보니 괜찮은 옵션들이 있습니다. or and 옵션들을 분리해서 항목으로 만들어놨네요. ^^
사용자 삽입 이미지

 저도 프로그램을 만들때 IT 용어 쪽으로 많이 쓰는 편인데, 일반 유저들을 생각한다면 잘못됬던 것 같습니다. 앞으로 이름을 지을 때 주의를 해야겠습니다. ^^

 틈틈히 만든 닌텐도 DS(이하 NDS)용 한글 입력기와 간단한 메모장 프로그램을 공개합니다. 생각보다 일이 많아서 릴리즈가 조금 늦어졌습니다. NDS용 홈브루(Homebrew)는 많이 있습니다만, 한글 입력이 가능한 홈브루가 없어서 만들어야겠다고 생각만하다가 이제서야 만들었네요. ^^;;;

 프로그램은 아래와 같이 최상단의 페이지 번호와 그 아래의 메모입력 화면, 마지막으로 한글/영문/숫자 키보드로 이루어져있습니다. NDS의 듀얼 스크린의 장점이 여기서 나오더군요. ^^
사용자 삽입 이미지

사용자 삽입 이미지 사용자 삽입 이미지

 이 프로그램이 제공하는 기능은 아래와 같습니다.
1. 완성형 한글/영문/숫자 입력 기능 : 완성형 한글 오토마타를 이용하여 한글 조합 및 출력 가능. 실제 키보드와 거의 동일하게 자판을 배열하고 구성함. Shift 키와 Delete 키를 지원하고 Space바 좌측의 모드 변환 키를 통해서 키보드의 타입 변경 가능.
2. 메모 입력 기능 : 1줄당 최대 영문 42자 or 한글 21자 입력 가능. 최대 10줄까지 입력가능.
3. 메모 페이지 이동 기능 : 메모 페이지를 최대 20장까지 지원. 키보드 상단의 "<<" or ">>" 버튼으로 메모 페이지 이동가능. 최상단에 현재 페이지 번호 표시.
4. 메모 내용 저장 기능 : 페이지 이동 시 or ""저장" 버튼 클릭 시 메모를 저장하는 기능. NDS 재시작 후에도 이전 메모 기록 확인 가능

 프로그램의 기능은 굉장히 간단한데, 글로 쓸려니 길어집니다. ^^ 한번 써보시면 더 쉽게 이해하실 수 있을 겁니다. 아래는 실제 사용하는 동영상입니다.



그럼 좋은하루 되시길~ ^ㅡ^)/~
ps) 아래는 실행파일입니다.


 약 이틀간의 작업끝에 한글 오토마타의 수정을 끝내고 아래와 같은 메모장 프로토타입을 만들었습니다. 이제 상단에 기능 버튼(오늘 일자 표시 및 삭제 기능)만 추가하면 릴리즈해도 괜찮겠군요. 시연 동영상이라도 하나 찍어서 올려야겠습니다. 물론 실행파일도 같이요 ^^)/~
사용자 삽입 이미지

메모장 프로토 타입




 제가 만든 홈브루가 굉장히 많은데, 이번 것 만큼 손이 많이가는 것도 처음인것 같네요. 여튼 진행상태로 보면 오늘 내일 안에 메모장 프로토타입을 완성할 수 있을 것 같습니다. 파일로 저장하고 여러 메모를 관리할 수 있도록 하면 간단한 Todo List 메모용으로 사용해도 되겠네요 ^^;;;

 여유가 좀 된다면 메모 검색화면이나 기타 기능도 넣으면 좋겠는데, 일단 고민을 좀 해봐야겠습니다. 일단은 1차 릴리즈에서 버그가 없는 것이 더 중요하니까요 ^^)/~~


 양치질 하다가 문득 아이디어가 떠올라서 테스트 코드를 작성해 봤는데, 괜찮게 동작해서 팁으로 올립니다. ^^ (양치질 하다가 떠오르다니... 약간 문제가 있다고 생각되네요.. ㅡ_ㅡa.. 코딩을 좀 쉬어야 할지도...)

 아이디어는 간단합니다. 스프링노트에서 보낸 코드는 OL 태그와 함께 class 속성으로 code를 담고 있습니다. 즉 아래와 같이 되어있다는 것이지요. ^^

    <ol name=code>
    코드....
    </ol>


 이것을 자바 스크립트를 이용해서 class 속성은 cpp와 같은 언어 타입으로 바꿔 넣어주고, name 속성을 추가해주면 나머지는 Syntax Highlighter가 알아서 해줍니다. 물론 ol 태크가 먹도록 수정된 Syntax Highlighter가 있어야 한다는 전제가 있습니다. ^^;;;; 

shCore.js 파일을 수정하면 되는데 수정할 부분은 아래와 같습니다.
    FindTagsByName(elements,name,'pre'); FindTagsByName(elements,name,'textarea'); FindTagsByName(elements,name,'ol'); // 추가

    //highlighter.Highlight(element[propertyName])); highlighter.Highlight(element[propertyName].replace( /
    /gi, '\n').replace(/<\/?[^>]+>/gi, '')); // 이렇게 수정
(첨부 파일로도 올려놨습니다. ^^;;;)

    <!-- kkamagui 추가 Syntax Highliter -->
    <script class="javascript">
    <!-- kkamagui 추가 Stringnote 지원 -->
    var tags = document.getElementsByTagName( 'ol' )
    for( var i = 0 ; i < tags.length; i++ )
    {
        if( tags[ i ].attributes['class'].value == 'code' )
        {
            // cpp로 일단 고정함
             tags[ i ].attributes['class'].value = 'cpp';
            tags[ i ].setAttribute( 'name', 'code' )
        }
    }
    </script>
     
 위 코드를 "관리자"->"스킨편집"->"HTML/CSS 편집"으로 가셔서 <script class="javascript" src="./images/shCore.js"> 앞에 붙여넣으시면 됩니다.
 
 스프링노트와 티스토리를 연동하는게 점점 편리해 지는군요. ^^ 티스토리 만세~!!!





예전에 NDS 한글 출력할때 참고했던 완성형 한글 코드입니다. 이제 확장 완성형으로 가야하는데, 참고삼아 이글루스 블로그에서 옮겨옵니다. ^^

실제 한글코드는 아래와 같이 블럭단위로 나누어서 표시되는데 블럭의 제일 첫 부분 xxx0와 블럭의 가장 마지막 부분 xxxF 부분은 사용하지 않으니 맵핑할때 주의해야 합니다.

사용자 삽입 이미지
한글 코드 배치

아래는 전체 2350자의 코드입니다. ^^

KSC5601-1987 한글코드 총 2350자

자음.... 
----------------- 
ㄱ 0xA4A1    ㄲ 0xA4A2    ㄳ 0xA4A3    ㄴ 0xA4A4    ㄵ 0xA4A5 
ㄶ 0xA4A6    ㄷ 0xA4A7    ㄸ 0xA4A8    ㄹ 0xA4A9    ㄺ 0xA4AA 
ㄻ 0xA4AB    ㄼ 0xA4AC    ㄽ 0xA4AD    ㄾ 0xA4AE    ㄿ 0xA4AF 
ㅀ 0xA4B0    ㅁ 0xA4B1    ㅂ 0xA4B2    ㅃ 0xA4B3    ㅄ 0xA4B4 
ㅅ 0xA4B5    ㅆ 0xA4B6    ㅇ 0xA4B7    ㅈ 0xA4B8    ㅉ 0xA4B9 
ㅊ 0xA4BA    ㅋ 0xA4BB    ㅌ 0xA4BC    ㅍ 0xA4BD    ㅎ 0xA4BE


모음... 
----------------- 
ㅏ 0xA4BF    ㅐ 0xA4C0    ㅑ 0xA4C1    ㅒ 0xA4C2    ㅓ 0xA4C3 
ㅔ 0xA4C4    ㅕ 0xA4C5    ㅖ 0xA4C6    ㅗ 0xA4C7    ㅘ 0xA4C8 
ㅙ 0xA4C9    ㅚ 0xA4CA    ㅛ 0xA4CB    ㅜ 0xA4CC    ㅝ 0xA4CD 
ㅞ 0xA4CE    ㅟ 0xA4CF    ㅠ 0xA4D0    ㅡ 0xA4D1    ㅢ 0xA4D2 
ㅣ 0xA4D3

[#M_== 전체 코드 보기(클릭) ==|== 전체 코드 닫기(클릭) ==|
------------------------------------------------------------------------- 
가 0xB0A1    각 0xB0A2    간 0xB0A3    갇 0xB0A4    갈 0xB0A5     
갉 0xB0A6    갊 0xB0A7    감 0xB0A8    갑 0xB0A9    값 0xB0AA 
갓 0xB0AB    갔 0xB0AC    강 0xB0AD    갖 0xB0AE    갗 0xB0AF 
같 0xB0B0    갚 0xB0B1    갛 0xB0B2    개 0xB0B3    객 0xB0B4 
갠 0xB0B5    갤 0xB0B6    갬 0xB0B7    갭 0xB0B8    갯 0xB0B9 
갰 0xB0BA    갱 0xB0BB    갸 0xB0BC    갹 0xB0BD    갼 0xB0BE 
걀 0xB0BF    걋 0xB0C0    걍 0xB0C1    걔 0xB0C2    걘 0xB0C3 
걜 0xB0C4    거 0xB0C5    걱 0xB0C6    건 0xB0C7    걷 0xB0C8 
걸 0xB0C9    걺 0xB0CA    검 0xB0CB    겁 0xB0CC    것 0xB0CD 
겄 0xB0CE    겅 0xB0CF    겆 0xB0D0    겉 0xB0D1    겊 0xB0D2 
겋 0xB0D3    게 0xB0D4    겐 0xB0D5    겔 0xB0D6    겜 0xB0D7 
겝 0xB0D8    겟 0xB0D9    겠 0xB0DA    겡 0xB0DB    겨 0xB0DC 
격 0xB0DD    겪 0xB0DE    견 0xB0DF    겯 0xB0E0    결 0xB0E1 
겸 0xB0E2    겹 0xB0E3    겻 0xB0E4    겼 0xB0E5    경 0xB0E6 
곁 0xB0E7    계 0xB0E8    곈 0xB0E9    곌 0xB0EA    곕 0xB0EB 
곗 0xB0EC    고 0xB0ED    곡 0xB0EE    곤 0xB0EF    곧 0xB0F0 
골 0xB0F1    곪 0xB0F2    곬 0xB0F3    곯 0xB0F4    곰 0xB0F5 
곱 0xB0F6    곳 0xB0F7    공 0xB0F8    곶 0xB0F9    과 0xB0FA 
곽 0xB0FB    관 0xB0FC    괄 0xB0FD    괆 0xB0FE    괌 0xB1A1 
괍 0xB1A2    괏 0xB1A3    광 0xB1A4    괘 0xB1A5    괜 0xB1A6 
괠 0xB1A7    괩 0xB1A8    괬 0xB1A9    괭 0xB1AA    괴 0xB1AB 
괵 0xB1AC    괸 0xB1AD    괼 0xB1AE    굄 0xB1AF    굅 0xB1B0 
굇 0xB1B1    굉 0xB1B2    교 0xB1B3    굔 0xB1B4    굘 0xB1B5 
굡 0xB1B6    굣 0xB1B7    구 0xB1B8    국 0xB1B9    군 0xB1BA 
굳 0xB1BB    굴 0xB1BC    굵 0xB1BD    굶 0xB1BE    굻 0xB1BF 
굼 0xB1C0    굽 0xB1C1    굿 0xB1C2    궁 0xB1C3    궂 0xB1C4 
궈 0xB1C5    궉 0xB1C6    권 0xB1C7    궐 0xB1C8    궜 0xB1C9 
궝 0xB1CA    궤 0xB1CB    궷 0xB1CC    귀 0xB1CD    귁 0xB1CE 
귄 0xB1CF    귈 0xB1D0    귐 0xB1D1    귑 0xB1D2    귓 0xB1D3 
규 0xB1D4    균 0xB1D5    귤 0xB1D6    그 0xB1D7    극 0xB1D8 
근 0xB1D9    귿 0xB1DA    글 0xB1DB    긁 0xB1DC    금 0xB1DD 
급 0xB1DE    긋 0xB1DF    긍 0xB1E0    긔 0xB1E1    기 0xB1E2 
긱 0xB1E3    긴 0xB1E4    긷 0xB1E5    길 0xB1E6    긺 0xB1E7 
김 0xB1E8    깁 0xB1E9    깃 0xB1EA    깅 0xB1EB    깆 0xB1EC 
깊 0xB1ED    까 0xB1EE    깍 0xB1EF    깎 0xB1F0    깐 0xB1F1 
깔 0xB1F2    깖 0xB1F3    깜 0xB1F4    깝 0xB1F5    깟 0xB1F6 
깠 0xB1F7    깡 0xB1F8    깥 0xB1F9    깨 0xB1FA    깩 0xB1FB 
깬 0xB1FC    깰 0xB1FD    깸 0xB1FE    깹 0xB2A1    깻 0xB2A2 
깼 0xB2A3    깽 0xB2A4    꺄 0xB2A5    꺅 0xB2A6    꺌 0xB2A7 
꺼 0xB2A8    꺽 0xB2A9    꺾 0xB2AA    껀 0xB2AB    껄 0xB2AC 
껌 0xB2AD    껍 0xB2AE    껏 0xB2AF    껐 0xB2B0    껑 0xB2B1 
께 0xB2B2    껙 0xB2B3    껜 0xB2B4    껨 0xB2B5    껫 0xB2B6 
껭 0xB2B7    껴 0xB2B8    껸 0xB2B9    껼 0xB2BA    꼇 0xB2BB 
꼈 0xB2BC    꼍 0xB2BD    꼐 0xB2BE    꼬 0xB2BF    꼭 0xB2C0 
꼰 0xB2C1    꼲 0xB2C2    꼴 0xB2C3    꼼 0xB2C4    꼽 0xB2C5 
꼿 0xB2C6    꽁 0xB2C7    꽂 0xB2C8    꽃 0xB2C9    꽈 0xB2CA 
꽉 0xB2CB    꽐 0xB2CC    꽜 0xB2CD    꽝 0xB2CE    꽤 0xB2CF 
꽥 0xB2D0    꽹 0xB2D1    꾀 0xB2D2    꾄 0xB2D3    꾈 0xB2D4 
꾐 0xB2D5    꾑 0xB2D6    꾕 0xB2D7    꾜 0xB2D8    꾸 0xB2D9 
꾹 0xB2DA    꾼 0xB2DB    꿀 0xB2DC    꿇 0xB2DD    꿈 0xB2DE 
꿉 0xB2DF    꿋 0xB2E0    꿍 0xB2E1    꿎 0xB2E2    꿔 0xB2E3 
꿜 0xB2E4    꿨 0xB2E5    꿩 0xB2E6    꿰 0xB2E7    꿱 0xB2E8 
꿴 0xB2E9    꿸 0xB2EA    뀀 0xB2EB    뀁 0xB2EC    뀄 0xB2ED 
뀌 0xB2EE    뀐 0xB2EF    뀔 0xB2F0    뀜 0xB2F1    뀝 0xB2F2 
뀨 0xB2F3    끄 0xB2F4    끅 0xB2F5    끈 0xB2F6    끊 0xB2F7 
끌 0xB2F8    끎 0xB2F9    끓 0xB2FA    끔 0xB2FB    끕 0xB2FC 
끗 0xB2FD    끙 0xB2FE    끝 0xB3A1    끼 0xB3A2    끽 0xB3A3 
낀 0xB3A4    낄 0xB3A5    낌 0xB3A6    낍 0xB3A7    낏 0xB3A8 
낑 0xB3A9    나 0xB3AA    낙 0xB3AB    낚 0xB3AC    난 0xB3AD 
낟 0xB3AE    날 0xB3AF    낡 0xB3B0    낢 0xB3B1    남 0xB3B2 
납 0xB3B3    낫 0xB3B4    났 0xB3B5    낭 0xB3B6    낮 0xB3B7 
낯 0xB3B8    낱 0xB3B9    낳 0xB3BA    내 0xB3BB    낵 0xB3BC 
낸 0xB3BD    낼 0xB3BE    냄 0xB3BF    냅 0xB3C0    냇 0xB3C1 
냈 0xB3C2    냉 0xB3C3    냐 0xB3C4    냑 0xB3C5    냔 0xB3C6 
냘 0xB3C7    냠 0xB3C8    냥 0xB3C9    너 0xB3CA    넉 0xB3CB 
넋 0xB3CC    넌 0xB3CD    널 0xB3CE    넒 0xB3CF    넓 0xB3D0 
넘 0xB3D1    넙 0xB3D2    넛 0xB3D3    넜 0xB3D4    넝 0xB3D5 
넣 0xB3D6    네 0xB3D7    넥 0xB3D8    넨 0xB3D9    넬 0xB3DA 
넴 0xB3DB    넵 0xB3DC    넷 0xB3DD    넸 0xB3DE    넹 0xB3DF 
녀 0xB3E0    녁 0xB3E1    년 0xB3E2    녈 0xB3E3    념 0xB3E4 
녑 0xB3E5    녔 0xB3E6    녕 0xB3E7    녘 0xB3E8    녜 0xB3E9 
녠 0xB3EA    노 0xB3EB    녹 0xB3EC    논 0xB3ED    놀 0xB3EE 
놂 0xB3EF    놈 0xB3F0    놉 0xB3F1    놋 0xB3F2    농 0xB3F3 
높 0xB3F4    놓 0xB3F5    놔 0xB3F6    놘 0xB3F7    놜 0xB3F8 
놨 0xB3F9    뇌 0xB3FA    뇐 0xB3FB    뇔 0xB3FC    뇜 0xB3FD 
뇝 0xB3FE    뇟 0xB4A1    뇨 0xB4A2    뇩 0xB4A3    뇬 0xB4A4 
뇰 0xB4A5    뇹 0xB4A6    뇻 0xB4A7    뇽 0xB4A8    누 0xB4A9 
눅 0xB4AA    눈 0xB4AB    눋 0xB4AC    눌 0xB4AD    눔 0xB4AE 
눕 0xB4AF    눗 0xB4B0    눙 0xB4B1    눠 0xB4B2    눴 0xB4B3 
눼 0xB4B4    뉘 0xB4B5    뉜 0xB4B6    뉠 0xB4B7    뉨 0xB4B8 
뉩 0xB4B9    뉴 0xB4BA    뉵 0xB4BB    뉼 0xB4BC    늄 0xB4BD 
늅 0xB4BE    늉 0xB4BF    느 0xB4C0    늑 0xB4C1    는 0xB4C2 
늘 0xB4C3    늙 0xB4C4    늚 0xB4C5    늠 0xB4C6    늡 0xB4C7 
늣 0xB4C8    능 0xB4C9    늦 0xB4CA    늪 0xB4CB    늬 0xB4CC 
늰 0xB4CD    늴 0xB4CE    니 0xB4CF    닉 0xB4D0    닌 0xB4D1 
닐 0xB4D2    닒 0xB4D3    님 0xB4D4    닙 0xB4D5    닛 0xB4D6 
닝 0xB4D7    닢 0xB4D8    다 0xB4D9    닥 0xB4DA    닦 0xB4DB 
단 0xB4DC    닫 0xB4DD    달 0xB4DE    닭 0xB4DF    닮 0xB4E0 
닯 0xB4E1    닳 0xB4E2    담 0xB4E3    답 0xB4E4    닷 0xB4E5 
닸 0xB4E6    당 0xB4E7    닺 0xB4E8    닻 0xB4E9    닿 0xB4EA 
대 0xB4EB    댁 0xB4EC    댄 0xB4ED    댈 0xB4EE    댐 0xB4EF 
댑 0xB4F0    댓 0xB4F1    댔 0xB4F2    댕 0xB4F3    댜 0xB4F4 
더 0xB4F5    덕 0xB4F6    덖 0xB4F7    던 0xB4F8    덛 0xB4F9 
덜 0xB4FA    덞 0xB4FB    덟 0xB4FC    덤 0xB4FD    덥 0xB4FE 
덧 0xB5A1    덩 0xB5A2    덫 0xB5A3    덮 0xB5A4    데 0xB5A5 
덱 0xB5A6    덴 0xB5A7    델 0xB5A8    뎀 0xB5A9    뎁 0xB5AA 
뎃 0xB5AB    뎄 0xB5AC    뎅 0xB5AD    뎌 0xB5AE    뎐 0xB5AF 
뎔 0xB5B0    뎠 0xB5B1    뎡 0xB5B2    뎨 0xB5B3    뎬 0xB5B4 
도 0xB5B5    독 0xB5B6    돈 0xB5B7    돋 0xB5B8    돌 0xB5B9 
돎 0xB5BA    돐 0xB5BB    돔 0xB5BC    돕 0xB5BD    돗 0xB5BE 
동 0xB5BF    돛 0xB5C0    돝 0xB5C1    돠 0xB5C2    돤 0xB5C3 
돨 0xB5C4    돼 0xB5C5    됐 0xB5C6    되 0xB5C7    된 0xB5C8 
될 0xB5C9    됨 0xB5CA    됩 0xB5CB    됫 0xB5CC    됴 0xB5CD 
두 0xB5CE    둑 0xB5CF    둔 0xB5D0    둘 0xB5D1    둠 0xB5D2 
둡 0xB5D3    둣 0xB5D4    둥 0xB5D5    둬 0xB5D6    뒀 0xB5D7 
뒈 0xB5D8    뒝 0xB5D9    뒤 0xB5DA    뒨 0xB5DB    뒬 0xB5DC 
뒵 0xB5DD    뒷 0xB5DE    뒹 0xB5DF    듀 0xB5E0    듄 0xB5E1 
듈 0xB5E2    듐 0xB5E3    듕 0xB5E4    드 0xB5E5    득 0xB5E6 
든 0xB5E7    듣 0xB5E8    들 0xB5E9    듦 0xB5EA    듬 0xB5EB 
듭 0xB5EC    듯 0xB5ED    등 0xB5EE    듸 0xB5EF    디 0xB5F0 
딕 0xB5F1    딘 0xB5F2    딛 0xB5F3    딜 0xB5F4    딤 0xB5F5 
딥 0xB5F6    딧 0xB5F7    딨 0xB5F8    딩 0xB5F9    딪 0xB5FA 
따 0xB5FB    딱 0xB5FC    딴 0xB5FD    딸 0xB5FE    땀 0xB6A1 
땁 0xB6A2    땃 0xB6A3    땄 0xB6A4    땅 0xB6A5    땋 0xB6A6 
때 0xB6A7    땍 0xB6A8    땐 0xB6A9    땔 0xB6AA    땜 0xB6AB 
땝 0xB6AC    땟 0xB6AD    땠 0xB6AE    땡 0xB6AF    떠 0xB6B0 
떡 0xB6B1    떤 0xB6B2    떨 0xB6B3    떪 0xB6B4    떫 0xB6B5 
떰 0xB6B6    떱 0xB6B7    떳 0xB6B8    떴 0xB6B9    떵 0xB6BA 
떻 0xB6BB    떼 0xB6BC    떽 0xB6BD    뗀 0xB6BE    뗄 0xB6BF 
뗌 0xB6C0    뗍 0xB6C1    뗏 0xB6C2    뗐 0xB6C3    뗑 0xB6C4 
뗘 0xB6C5    뗬 0xB6C6    또 0xB6C7    똑 0xB6C8    똔 0xB6C9 
똘 0xB6CA    똥 0xB6CB    똬 0xB6CC    똴 0xB6CD    뙈 0xB6CE 
뙤 0xB6CF    뙨 0xB6D0    뚜 0xB6D1    뚝 0xB6D2    뚠 0xB6D3 
뚤 0xB6D4    뚫 0xB6D5    뚬 0xB6D6    뚱 0xB6D7    뛔 0xB6D8 
뛰 0xB6D9    뛴 0xB6DA    뛸 0xB6DB    뜀 0xB6DC    뜁 0xB6DD 
뜅 0xB6DE    뜨 0xB6DF    뜩 0xB6E0    뜬 0xB6E1    뜯 0xB6E2 
뜰 0xB6E3    뜸 0xB6E4    뜹 0xB6E5    뜻 0xB6E6    띄 0xB6E7 
띈 0xB6E8    띌 0xB6E9    띔 0xB6EA    띕 0xB6EB    띠 0xB6EC 
띤 0xB6ED    띨 0xB6EE    띰 0xB6EF    띱 0xB6F0    띳 0xB6F1 
띵 0xB6F2    라 0xB6F3    락 0xB6F4    란 0xB6F5    랄 0xB6F6 
람 0xB6F7    랍 0xB6F8    랏 0xB6F9    랐 0xB6FA    랑 0xB6FB 
랒 0xB6FC    랖 0xB6FD    랗 0xB6FE    래 0xB7A1    랙 0xB7A2 
랜 0xB7A3    랠 0xB7A4    램 0xB7A5    랩 0xB7A6    랫 0xB7A7 
랬 0xB7A8    랭 0xB7A9    랴 0xB7AA    략 0xB7AB    랸 0xB7AC 
럇 0xB7AD    량 0xB7AE    러 0xB7AF    럭 0xB7B0    런 0xB7B1 
럴 0xB7B2    럼 0xB7B3    럽 0xB7B4    럿 0xB7B5    렀 0xB7B6 
렁 0xB7B7    렇 0xB7B8    레 0xB7B9    렉 0xB7BA    렌 0xB7BB 
렐 0xB7BC    렘 0xB7BD    렙 0xB7BE    렛 0xB7BF    렝 0xB7C0 
려 0xB7C1    력 0xB7C2    련 0xB7C3    렬 0xB7C4    렴 0xB7C5 
렵 0xB7C6    렷 0xB7C7    렸 0xB7C8    령 0xB7C9    례 0xB7CA 
롄 0xB7CB    롑 0xB7CC    롓 0xB7CD    로 0xB7CE    록 0xB7CF 
론 0xB7D0    롤 0xB7D1    롬 0xB7D2    롭 0xB7D3    롯 0xB7D4 
롱 0xB7D5    롸 0xB7D6    롼 0xB7D7    뢍 0xB7D8    뢨 0xB7D9 
뢰 0xB7DA    뢴 0xB7DB    뢸 0xB7DC    룀 0xB7DD    룁 0xB7DE 
룃 0xB7DF    룅 0xB7E0    료 0xB7E1    룐 0xB7E2    룔 0xB7E3 
룝 0xB7E4    룟 0xB7E5    룡 0xB7E6    루 0xB7E7    룩 0xB7E8 
룬 0xB7E9    룰 0xB7EA    룸 0xB7EB    룹 0xB7EC    룻 0xB7ED 
룽 0xB7EE    뤄 0xB7EF    뤘 0xB7F0    뤠 0xB7F1    뤼 0xB7F2 
뤽 0xB7F3    륀 0xB7F4    륄 0xB7F5    륌 0xB7F6    륏 0xB7F7 
륑 0xB7F8    류 0xB7F9    륙 0xB7FA    륜 0xB7FB    률 0xB7FC 
륨 0xB7FD    륩 0xB7FE    륫 0xB8A1    륭 0xB8A2    르 0xB8A3 
륵 0xB8A4    른 0xB8A5    를 0xB8A6    름 0xB8A7    릅 0xB8A8 
릇 0xB8A9    릉 0xB8AA    릊 0xB8AB    릍 0xB8AC    릎 0xB8AD 
리 0xB8AE    릭 0xB8AF    린 0xB8B0    릴 0xB8B1    림 0xB8B2 
립 0xB8B3    릿 0xB8B4    링 0xB8B5    마 0xB8B6    막 0xB8B7 
만 0xB8B8    많 0xB8B9    맏 0xB8BA    말 0xB8BB    맑 0xB8BC 
맒 0xB8BD    맘 0xB8BE    맙 0xB8BF    맛 0xB8C0    망 0xB8C1 
맞 0xB8C2    맡 0xB8C3    맣 0xB8C4    매 0xB8C5    맥 0xB8C6 
맨 0xB8C7    맬 0xB8C8    맴 0xB8C9    맵 0xB8CA    맷 0xB8CB 
맸 0xB8CC    맹 0xB8CD    맺 0xB8CE    먀 0xB8CF    먁 0xB8D0 
먈 0xB8D1    먕 0xB8D2    머 0xB8D3    먹 0xB8D4    먼 0xB8D5 
멀 0xB8D6    멂 0xB8D7    멈 0xB8D8    멉 0xB8D9    멋 0xB8DA 
멍 0xB8DB    멎 0xB8DC    멓 0xB8DD    메 0xB8DE    멕 0xB8DF 
멘 0xB8E0    멜 0xB8E1    멤 0xB8E2    멥 0xB8E3    멧 0xB8E4 
멨 0xB8E5    멩 0xB8E6    며 0xB8E7    멱 0xB8E8    면 0xB8E9 
멸 0xB8EA    몃 0xB8EB    몄 0xB8EC    명 0xB8ED    몇 0xB8EE 
몌 0xB8EF    모 0xB8F0    목 0xB8F1    몫 0xB8F2    몬 0xB8F3 
몰 0xB8F4    몲 0xB8F5    몸 0xB8F6    몹 0xB8F7    못 0xB8F8 
몽 0xB8F9    뫄 0xB8FA    뫈 0xB8FB    뫘 0xB8FC    뫙 0xB8FD 
뫼 0xB8FE    묀 0xB9A1    묄 0xB9A2    묍 0xB9A3    묏 0xB9A4 
묑 0xB9A5    묘 0xB9A6    묜 0xB9A7    묠 0xB9A8    묩 0xB9A9 
묫 0xB9AA    무 0xB9AB    묵 0xB9AC    묶 0xB9AD    문 0xB9AE 
묻 0xB9AF    물 0xB9B0    묽 0xB9B1    묾 0xB9B2    뭄 0xB9B3 
뭅 0xB9B4    뭇 0xB9B5    뭉 0xB9B6    뭍 0xB9B7    뭏 0xB9B8 
뭐 0xB9B9    뭔 0xB9BA    뭘 0xB9BB    뭡 0xB9BC    뭣 0xB9BD 
뭬 0xB9BE    뮈 0xB9BF    뮌 0xB9C0    뮐 0xB9C1    뮤 0xB9C2 
뮨 0xB9C3    뮬 0xB9C4    뮴 0xB9C5    뮷 0xB9C6    므 0xB9C7 
믄 0xB9C8    믈 0xB9C9    믐 0xB9CA    믓 0xB9CB    미 0xB9CC 
믹 0xB9CD    민 0xB9CE    믿 0xB9CF    밀 0xB9D0    밂 0xB9D1 
밈 0xB9D2    밉 0xB9D3    밋 0xB9D4    밌 0xB9D5    밍 0xB9D6 
및 0xB9D7    밑 0xB9D8    바 0xB9D9    박 0xB9DA    밖 0xB9DB 
밗 0xB9DC    반 0xB9DD    받 0xB9DE    발 0xB9DF    밝 0xB9E0 
밞 0xB9E1    밟 0xB9E2    밤 0xB9E3    밥 0xB9E4    밧 0xB9E5 
방 0xB9E6    밭 0xB9E7    배 0xB9E8    백 0xB9E9    밴 0xB9EA 
밸 0xB9EB    뱀 0xB9EC    뱁 0xB9ED    뱃 0xB9EE    뱄 0xB9EF 
뱅 0xB9F0    뱉 0xB9F1    뱌 0xB9F2    뱍 0xB9F3    뱐 0xB9F4 
뱝 0xB9F5    버 0xB9F6    벅 0xB9F7    번 0xB9F8    벋 0xB9F9 
벌 0xB9FA    벎 0xB9FB    범 0xB9FC    법 0xB9FD    벗 0xB9FE 
벙 0xBAA1    벚 0xBAA2    베 0xBAA3    벡 0xBAA4    벤 0xBAA5 
벧 0xBAA6    벨 0xBAA7    벰 0xBAA8    벱 0xBAA9    벳 0xBAAA 
벴 0xBAAB    벵 0xBAAC    벼 0xBAAD    벽 0xBAAE    변 0xBAAF 
별 0xBAB0    볍 0xBAB1    볏 0xBAB2    볐 0xBAB3    병 0xBAB4 
볕 0xBAB5    볘 0xBAB6    볜 0xBAB7    보 0xBAB8    복 0xBAB9 
볶 0xBABA    본 0xBABB    볼 0xBABC    봄 0xBABD    봅 0xBABE 
봇 0xBABF    봉 0xBAC0    봐 0xBAC1    봔 0xBAC2    봤 0xBAC3 
봬 0xBAC4    뵀 0xBAC5    뵈 0xBAC6    뵉 0xBAC7    뵌 0xBAC8 
뵐 0xBAC9    뵘 0xBACA    뵙 0xBACB    뵤 0xBACC    뵨 0xBACD 
부 0xBACE    북 0xBACF    분 0xBAD0    붇 0xBAD1    불 0xBAD2 
붉 0xBAD3    붊 0xBAD4    붐 0xBAD5    붑 0xBAD6    붓 0xBAD7 
붕 0xBAD8    붙 0xBAD9    붚 0xBADA    붜 0xBADB    붤 0xBADC 
붰 0xBADD    붸 0xBADE    뷔 0xBADF    뷕 0xBAE0    뷘 0xBAE1 
뷜 0xBAE2    뷩 0xBAE3    뷰 0xBAE4    뷴 0xBAE5    뷸 0xBAE6 
븀 0xBAE7    븃 0xBAE8    븅 0xBAE9    브 0xBAEA    븍 0xBAEB 
븐 0xBAEC    블 0xBAED    븜 0xBAEE    븝 0xBAEF    븟 0xBAF0 
비 0xBAF1    빅 0xBAF2    빈 0xBAF3    빌 0xBAF4    빎 0xBAF5 
빔 0xBAF6    빕 0xBAF7    빗 0xBAF8    빙 0xBAF9    빚 0xBAFA 
빛 0xBAFB    빠 0xBAFC    빡 0xBAFD    빤 0xBAFE    빨 0xBBA1 
빪 0xBBA2    빰 0xBBA3    빱 0xBBA4    빳 0xBBA5    빴 0xBBA6 
빵 0xBBA7    빻 0xBBA8    빼 0xBBA9    빽 0xBBAA    뺀 0xBBAB 
뺄 0xBBAC    뺌 0xBBAD    뺍 0xBBAE    뺏 0xBBAF    뺐 0xBBB0 
뺑 0xBBB1    뺘 0xBBB2    뺙 0xBBB3    뺨 0xBBB4    뻐 0xBBB5 
뻑 0xBBB6    뻔 0xBBB7    뻗 0xBBB8    뻘 0xBBB9    뻠 0xBBBA 
뻣 0xBBBB    뻤 0xBBBC    뻥 0xBBBD    뻬 0xBBBE    뼁 0xBBBF 
뼈 0xBBC0    뼉 0xBBC1    뼘 0xBBC2    뼙 0xBBC3    뼛 0xBBC4 
뼜 0xBBC5    뼝 0xBBC6    뽀 0xBBC7    뽁 0xBBC8    뽄 0xBBC9 
뽈 0xBBCA    뽐 0xBBCB    뽑 0xBBCC    뽕 0xBBCD    뾔 0xBBCE 
뾰 0xBBCF    뿅 0xBBD0    뿌 0xBBD1    뿍 0xBBD2    뿐 0xBBD3 
뿔 0xBBD4    뿜 0xBBD5    뿟 0xBBD6    뿡 0xBBD7    쀼 0xBBD8 
쁑 0xBBD9    쁘 0xBBDA    쁜 0xBBDB    쁠 0xBBDC    쁨 0xBBDD 
쁩 0xBBDE    삐 0xBBDF    삑 0xBBE0    삔 0xBBE1    삘 0xBBE2 
삠 0xBBE3    삡 0xBBE4    삣 0xBBE5    삥 0xBBE6    사 0xBBE7 
삭 0xBBE8    삯 0xBBE9    산 0xBBEA    삳 0xBBEB    살 0xBBEC 
삵 0xBBED    삶 0xBBEE    삼 0xBBEF    삽 0xBBF0    삿 0xBBF1 
샀 0xBBF2    상 0xBBF3    샅 0xBBF4    새 0xBBF5    색 0xBBF6 
샌 0xBBF7    샐 0xBBF8    샘 0xBBF9    샙 0xBBFA    샛 0xBBFB 
샜 0xBBFC    생 0xBBFD    샤 0xBBFE    샥 0xBCA1    샨 0xBCA2 
샬 0xBCA3    샴 0xBCA4    샵 0xBCA5    샷 0xBCA6    샹 0xBCA7 
섀 0xBCA8    섄 0xBCA9    섈 0xBCAA    섐 0xBCAB    섕 0xBCAC 
서 0xBCAD    석 0xBCAE    섞 0xBCAF    섟 0xBCB0    선 0xBCB1 
섣 0xBCB2    설 0xBCB3    섦 0xBCB4    섧 0xBCB5    섬 0xBCB6 
섭 0xBCB7    섯 0xBCB8    섰 0xBCB9    성 0xBCBA    섶 0xBCBB 
세 0xBCBC    섹 0xBCBD    센 0xBCBE    셀 0xBCBF    셈 0xBCC0 
셉 0xBCC1    셋 0xBCC2    셌 0xBCC3    셍 0xBCC4    셔 0xBCC5 
셕 0xBCC6    션 0xBCC7    셜 0xBCC8    셤 0xBCC9    셥 0xBCCA 
셧 0xBCCB    셨 0xBCCC    셩 0xBCCD    셰 0xBCCE    셴 0xBCCF 
셸 0xBCD0    솅 0xBCD1    소 0xBCD2    속 0xBCD3    솎 0xBCD4 
손 0xBCD5    솔 0xBCD6    솖 0xBCD7    솜 0xBCD8    솝 0xBCD9 
솟 0xBCDA    송 0xBCDB    솥 0xBCDC    솨 0xBCDD    솩 0xBCDE 
솬 0xBCDF    솰 0xBCE0    솽 0xBCE1    쇄 0xBCE2    쇈 0xBCE3 
쇌 0xBCE4    쇔 0xBCE5    쇗 0xBCE6    쇘 0xBCE7    쇠 0xBCE8 
쇤 0xBCE9    쇨 0xBCEA    쇰 0xBCEB    쇱 0xBCEC    쇳 0xBCED 
쇼 0xBCEE    쇽 0xBCEF    숀 0xBCF0    숄 0xBCF1    숌 0xBCF2 
숍 0xBCF3    숏 0xBCF4    숑 0xBCF5    수 0xBCF6    숙 0xBCF7 
순 0xBCF8    숟 0xBCF9    술 0xBCFA    숨 0xBCFB    숩 0xBCFC 
숫 0xBCFD    숭 0xBCFE    숯 0xBDA1    숱 0xBDA2    숲 0xBDA3 
숴 0xBDA4    쉈 0xBDA5    쉐 0xBDA6    쉑 0xBDA7    쉔 0xBDA8 
쉘 0xBDA9    쉠 0xBDAA    쉥 0xBDAB    쉬 0xBDAC    쉭 0xBDAD 
쉰 0xBDAE    쉴 0xBDAF    쉼 0xBDB0    쉽 0xBDB1    쉿 0xBDB2 
슁 0xBDB3    슈 0xBDB4    슉 0xBDB5    슐 0xBDB6    슘 0xBDB7 
슛 0xBDB8    슝 0xBDB9    스 0xBDBA    슥 0xBDBB    슨 0xBDBC 
슬 0xBDBD    슭 0xBDBE    슴 0xBDBF    습 0xBDC0    슷 0xBDC1 
승 0xBDC2    시 0xBDC3    식 0xBDC4    신 0xBDC5    싣 0xBDC6 
실 0xBDC7    싫 0xBDC8    심 0xBDC9    십 0xBDCA    싯 0xBDCB 
싱 0xBDCC    싶 0xBDCD    싸 0xBDCE    싹 0xBDCF    싻 0xBDD0 
싼 0xBDD1    쌀 0xBDD2    쌈 0xBDD3    쌉 0xBDD4    쌌 0xBDD5 
쌍 0xBDD6    쌓 0xBDD7    쌔 0xBDD8    쌕 0xBDD9    쌘 0xBDDA 
쌜 0xBDDB    쌤 0xBDDC    쌥 0xBDDD    쌨 0xBDDE    쌩 0xBDDF 
썅 0xBDE0    써 0xBDE1    썩 0xBDE2    썬 0xBDE3    썰 0xBDE4 
썲 0xBDE5    썸 0xBDE6    썹 0xBDE7    썼 0xBDE8    썽 0xBDE9 
쎄 0xBDEA    쎈 0xBDEB    쎌 0xBDEC    쏀 0xBDED    쏘 0xBDEE 
쏙 0xBDEF    쏜 0xBDF0    쏟 0xBDF1    쏠 0xBDF2    쏢 0xBDF3 
쏨 0xBDF4    쏩 0xBDF5    쏭 0xBDF6    쏴 0xBDF7    쏵 0xBDF8 
쏸 0xBDF9    쐈 0xBDFA    쐐 0xBDFB    쐤 0xBDFC    쐬 0xBDFD 
쐰 0xBDFE    쐴 0xBEA1    쐼 0xBEA2    쐽 0xBEA3    쑈 0xBEA4 
쑤 0xBEA5    쑥 0xBEA6    쑨 0xBEA7    쑬 0xBEA8    쑴 0xBEA9 
쑵 0xBEAA    쑹 0xBEAB    쒀 0xBEAC    쒔 0xBEAD    쒜 0xBEAE 
쒸 0xBEAF    쒼 0xBEB0    쓩 0xBEB1    쓰 0xBEB2    쓱 0xBEB3 
쓴 0xBEB4    쓸 0xBEB5    쓺 0xBEB6    쓿 0xBEB7    씀 0xBEB8 
씁 0xBEB9    씌 0xBEBA    씐 0xBEBB    씔 0xBEBC    씜 0xBEBD 
씨 0xBEBE    씩 0xBEBF    씬 0xBEC0    씰 0xBEC1    씸 0xBEC2 
씹 0xBEC3    씻 0xBEC4    씽 0xBEC5    아 0xBEC6    악 0xBEC7 
안 0xBEC8    앉 0xBEC9    않 0xBECA    알 0xBECB    앍 0xBECC 
앎 0xBECD    앓 0xBECE    암 0xBECF    압 0xBED0    앗 0xBED1 
았 0xBED2    앙 0xBED3    앝 0xBED4    앞 0xBED5    애 0xBED6 
액 0xBED7    앤 0xBED8    앨 0xBED9    앰 0xBEDA    앱 0xBEDB 
앳 0xBEDC    앴 0xBEDD    앵 0xBEDE    야 0xBEDF    약 0xBEE0 
얀 0xBEE1    얄 0xBEE2    얇 0xBEE3    얌 0xBEE4    얍 0xBEE5 
얏 0xBEE6    양 0xBEE7    얕 0xBEE8    얗 0xBEE9    얘 0xBEEA 
얜 0xBEEB    얠 0xBEEC    얩 0xBEED    어 0xBEEE    억 0xBEEF 
언 0xBEF0    얹 0xBEF1    얻 0xBEF2    얼 0xBEF3    얽 0xBEF4 
얾 0xBEF5    엄 0xBEF6    업 0xBEF7    없 0xBEF8    엇 0xBEF9 
었 0xBEFA    엉 0xBEFB    엊 0xBEFC    엌 0xBEFD    엎 0xBEFE 
에 0xBFA1    엑 0xBFA2    엔 0xBFA3    엘 0xBFA4    엠 0xBFA5 
엡 0xBFA6    엣 0xBFA7    엥 0xBFA8    여 0xBFA9    역 0xBFAA 
엮 0xBFAB    연 0xBFAC    열 0xBFAD    엶 0xBFAE    엷 0xBFAF 
염 0xBFB0    엽 0xBFB1    엾 0xBFB2    엿 0xBFB3    였 0xBFB4 
영 0xBFB5    옅 0xBFB6    옆 0xBFB7    옇 0xBFB8    예 0xBFB9 
옌 0xBFBA    옐 0xBFBB    옘 0xBFBC    옙 0xBFBD    옛 0xBFBE 
옜 0xBFBF    오 0xBFC0    옥 0xBFC1    온 0xBFC2    올 0xBFC3 
옭 0xBFC4    옮 0xBFC5    옰 0xBFC6    옳 0xBFC7    옴 0xBFC8 
옵 0xBFC9    옷 0xBFCA    옹 0xBFCB    옻 0xBFCC    와 0xBFCD 
왁 0xBFCE    완 0xBFCF    왈 0xBFD0    왐 0xBFD1    왑 0xBFD2 
왓 0xBFD3    왔 0xBFD4    왕 0xBFD5    왜 0xBFD6    왝 0xBFD7 
왠 0xBFD8    왬 0xBFD9    왯 0xBFDA    왱 0xBFDB    외 0xBFDC 
왹 0xBFDD    왼 0xBFDE    욀 0xBFDF    욈 0xBFE0    욉 0xBFE1 
욋 0xBFE2    욍 0xBFE3    요 0xBFE4    욕 0xBFE5    욘 0xBFE6 
욜 0xBFE7    욤 0xBFE8    욥 0xBFE9    욧 0xBFEA    용 0xBFEB 
우 0xBFEC    욱 0xBFED    운 0xBFEE    울 0xBFEF    욹 0xBFF0 
욺 0xBFF1    움 0xBFF2    웁 0xBFF3    웃 0xBFF4    웅 0xBFF5 
워 0xBFF6    웍 0xBFF7    원 0xBFF8    월 0xBFF9    웜 0xBFFA 
웝 0xBFFB    웠 0xBFFC    웡 0xBFFD    웨 0xBFFE    웩 0xC0A1 
웬 0xC0A2    웰 0xC0A3    웸 0xC0A4    웹 0xC0A5    웽 0xC0A6 
위 0xC0A7    윅 0xC0A8    윈 0xC0A9    윌 0xC0AA    윔 0xC0AB 
윕 0xC0AC    윗 0xC0AD    윙 0xC0AE    유 0xC0AF    육 0xC0B0 
윤 0xC0B1    율 0xC0B2    윰 0xC0B3    윱 0xC0B4    윳 0xC0B5 
융 0xC0B6    윷 0xC0B7    으 0xC0B8    윽 0xC0B9    은 0xC0BA 
을 0xC0BB    읊 0xC0BC    음 0xC0BD    읍 0xC0BE    읏 0xC0BF 
응 0xC0C0    읒 0xC0C1    읓 0xC0C2    읔 0xC0C3    읕 0xC0C4 
읖 0xC0C5    읗 0xC0C6    의 0xC0C7    읜 0xC0C8    읠 0xC0C9 
읨 0xC0CA    읫 0xC0CB    이 0xC0CC    익 0xC0CD    인 0xC0CE 
일 0xC0CF    읽 0xC0D0    읾 0xC0D1    잃 0xC0D2    임 0xC0D3 
입 0xC0D4    잇 0xC0D5    있 0xC0D6    잉 0xC0D7    잊 0xC0D8 
잎 0xC0D9    자 0xC0DA    작 0xC0DB    잔 0xC0DC    잖 0xC0DD 
잗 0xC0DE    잘 0xC0DF    잚 0xC0E0    잠 0xC0E1    잡 0xC0E2 
잣 0xC0E3    잤 0xC0E4    장 0xC0E5    잦 0xC0E6    재 0xC0E7 
잭 0xC0E8    잰 0xC0E9    잴 0xC0EA    잼 0xC0EB    잽 0xC0EC 
잿 0xC0ED    쟀 0xC0EE    쟁 0xC0EF    쟈 0xC0F0    쟉 0xC0F1 
쟌 0xC0F2    쟎 0xC0F3    쟐 0xC0F4    쟘 0xC0F5    쟝 0xC0F6 
쟤 0xC0F7    쟨 0xC0F8    쟬 0xC0F9    저 0xC0FA    적 0xC0FB 
전 0xC0FC    절 0xC0FD    젊 0xC0FE    점 0xC1A1    접 0xC1A2 
젓 0xC1A3    정 0xC1A4    젖 0xC1A5    제 0xC1A6    젝 0xC1A7 
젠 0xC1A8    젤 0xC1A9    젬 0xC1AA    젭 0xC1AB    젯 0xC1AC 
젱 0xC1AD    져 0xC1AE    젼 0xC1AF    졀 0xC1B0    졈 0xC1B1 
졉 0xC1B2    졌 0xC1B3    졍 0xC1B4    졔 0xC1B5    조 0xC1B6 
족 0xC1B7    존 0xC1B8    졸 0xC1B9    졺 0xC1BA    좀 0xC1BB 
좁 0xC1BC    좃 0xC1BD    종 0xC1BE    좆 0xC1BF    좇 0xC1C0 
좋 0xC1C1    좌 0xC1C2    좍 0xC1C3    좔 0xC1C4    좝 0xC1C5 
좟 0xC1C6    좡 0xC1C7    좨 0xC1C8    좼 0xC1C9    좽 0xC1CA 
죄 0xC1CB    죈 0xC1CC    죌 0xC1CD    죔 0xC1CE    죕 0xC1CF 
죗 0xC1D0    죙 0xC1D1    죠 0xC1D2    죡 0xC1D3    죤 0xC1D4 
죵 0xC1D5    주 0xC1D6    죽 0xC1D7    준 0xC1D8    줄 0xC1D9 
줅 0xC1DA    줆 0xC1DB    줌 0xC1DC    줍 0xC1DD    줏 0xC1DE 
중 0xC1DF    줘 0xC1E0    줬 0xC1E1    줴 0xC1E2    쥐 0xC1E3 
쥑 0xC1E4    쥔 0xC1E5    쥘 0xC1E6    쥠 0xC1E7    쥡 0xC1E8 
쥣 0xC1E9    쥬 0xC1EA    쥰 0xC1EB    쥴 0xC1EC    쥼 0xC1ED 
즈 0xC1EE    즉 0xC1EF    즌 0xC1F0    즐 0xC1F1    즘 0xC1F2 
즙 0xC1F3    즛 0xC1F4    증 0xC1F5    지 0xC1F6    직 0xC1F7 
진 0xC1F8    짇 0xC1F9    질 0xC1FA    짊 0xC1FB    짐 0xC1FC 
집 0xC1FD    짓 0xC1FE    징 0xC2A1    짖 0xC2A2    짙 0xC2A3 
짚 0xC2A4    짜 0xC2A5    짝 0xC2A6    짠 0xC2A7    짢 0xC2A8 
짤 0xC2A9    짧 0xC2AA    짬 0xC2AB    짭 0xC2AC    짯 0xC2AD 
짰 0xC2AE    짱 0xC2AF    째 0xC2B0    짹 0xC2B1    짼 0xC2B2 
쨀 0xC2B3    쨈 0xC2B4    쨉 0xC2B5    쨋 0xC2B6    쨌 0xC2B7 
쨍 0xC2B8    쨔 0xC2B9    쨘 0xC2BA    쨩 0xC2BB    쩌 0xC2BC 
쩍 0xC2BD    쩐 0xC2BE    쩔 0xC2BF    쩜 0xC2C0    쩝 0xC2C1 
쩟 0xC2C2    쩠 0xC2C3    쩡 0xC2C4    쩨 0xC2C5    쩽 0xC2C6 
쪄 0xC2C7    쪘 0xC2C8    쪼 0xC2C9    쪽 0xC2CA    쫀 0xC2CB 
쫄 0xC2CC    쫌 0xC2CD    쫍 0xC2CE    쫏 0xC2CF    쫑 0xC2D0 
쫓 0xC2D1    쫘 0xC2D2    쫙 0xC2D3    쫠 0xC2D4    쫬 0xC2D5 
쫴 0xC2D6    쬈 0xC2D7    쬐 0xC2D8    쬔 0xC2D9    쬘 0xC2DA 
쬠 0xC2DB    쬡 0xC2DC    쭁 0xC2DD    쭈 0xC2DE    쭉 0xC2DF 
쭌 0xC2E0    쭐 0xC2E1    쭘 0xC2E2    쭙 0xC2E3    쭝 0xC2E4 
쭤 0xC2E5    쭸 0xC2E6    쭹 0xC2E7    쮜 0xC2E8    쮸 0xC2E9 
쯔 0xC2EA    쯤 0xC2EB    쯧 0xC2EC    쯩 0xC2ED    찌 0xC2EE 
찍 0xC2EF    찐 0xC2F0    찔 0xC2F1    찜 0xC2F2    찝 0xC2F3 
찡 0xC2F4    찢 0xC2F5    찧 0xC2F6    차 0xC2F7    착 0xC2F8 
찬 0xC2F9    찮 0xC2FA    찰 0xC2FB    참 0xC2FC    찹 0xC2FD 
찻 0xC2FE    찼 0xC3A1    창 0xC3A2    찾 0xC3A3    채 0xC3A4 
책 0xC3A5    챈 0xC3A6    챌 0xC3A7    챔 0xC3A8    챕 0xC3A9 
챗 0xC3AA    챘 0xC3AB    챙 0xC3AC    챠 0xC3AD    챤 0xC3AE 
챦 0xC3AF    챨 0xC3B0    챰 0xC3B1    챵 0xC3B2    처 0xC3B3 
척 0xC3B4    천 0xC3B5    철 0xC3B6    첨 0xC3B7    첩 0xC3B8 
첫 0xC3B9    첬 0xC3BA    청 0xC3BB    체 0xC3BC    첵 0xC3BD 
첸 0xC3BE    첼 0xC3BF    쳄 0xC3C0    쳅 0xC3C1    쳇 0xC3C2 
쳉 0xC3C3    쳐 0xC3C4    쳔 0xC3C5    쳤 0xC3C6    쳬 0xC3C7 
쳰 0xC3C8    촁 0xC3C9    초 0xC3CA    촉 0xC3CB    촌 0xC3CC 
촐 0xC3CD    촘 0xC3CE    촙 0xC3CF    촛 0xC3D0    총 0xC3D1 
촤 0xC3D2    촨 0xC3D3    촬 0xC3D4    촹 0xC3D5    최 0xC3D6 
쵠 0xC3D7    쵤 0xC3D8    쵬 0xC3D9    쵭 0xC3DA    쵯 0xC3DB 
쵱 0xC3DC    쵸 0xC3DD    춈 0xC3DE    추 0xC3DF    축 0xC3E0 
춘 0xC3E1    출 0xC3E2    춤 0xC3E3    춥 0xC3E4    춧 0xC3E5 
충 0xC3E6    춰 0xC3E7    췄 0xC3E8    췌 0xC3E9    췐 0xC3EA 
취 0xC3EB    췬 0xC3EC    췰 0xC3ED    췸 0xC3EE    췹 0xC3EF 
췻 0xC3F0    췽 0xC3F1    츄 0xC3F2    츈 0xC3F3    츌 0xC3F4 
츔 0xC3F5    츙 0xC3F6    츠 0xC3F7    측 0xC3F8    츤 0xC3F9 
츨 0xC3FA    츰 0xC3FB    츱 0xC3FC    츳 0xC3FD    층 0xC3FE 
치 0xC4A1    칙 0xC4A2    친 0xC4A3    칟 0xC4A4    칠 0xC4A5 
칡 0xC4A6    침 0xC4A7    칩 0xC4A8    칫 0xC4A9    칭 0xC4AA 
카 0xC4AB    칵 0xC4AC    칸 0xC4AD    칼 0xC4AE    캄 0xC4AF 
캅 0xC4B0    캇 0xC4B1    캉 0xC4B2    캐 0xC4B3    캑 0xC4B4 
캔 0xC4B5    캘 0xC4B6    캠 0xC4B7    캡 0xC4B8    캣 0xC4B9 
캤 0xC4BA    캥 0xC4BB    캬 0xC4BC    캭 0xC4BD    컁 0xC4BE 
커 0xC4BF    컥 0xC4C0    컨 0xC4C1    컫 0xC4C2    컬 0xC4C3 
컴 0xC4C4    컵 0xC4C5    컷 0xC4C6    컸 0xC4C7    컹 0xC4C8 
케 0xC4C9    켁 0xC4CA    켄 0xC4CB    켈 0xC4CC    켐 0xC4CD 
켑 0xC4CE    켓 0xC4CF    켕 0xC4D0    켜 0xC4D1    켠 0xC4D2 
켤 0xC4D3    켬 0xC4D4    켭 0xC4D5    켯 0xC4D6    켰 0xC4D7 
켱 0xC4D8    켸 0xC4D9    코 0xC4DA    콕 0xC4DB    콘 0xC4DC 
콜 0xC4DD    콤 0xC4DE    콥 0xC4DF    콧 0xC4E0    콩 0xC4E1 
콰 0xC4E2    콱 0xC4E3    콴 0xC4E4    콸 0xC4E5    쾀 0xC4E6 
쾅 0xC4E7    쾌 0xC4E8    쾡 0xC4E9    쾨 0xC4EA    쾰 0xC4EB 
쿄 0xC4EC    쿠 0xC4ED    쿡 0xC4EE    쿤 0xC4EF    쿨 0xC4F0 
쿰 0xC4F1    쿱 0xC4F2    쿳 0xC4F3    쿵 0xC4F4    쿼 0xC4F5 
퀀 0xC4F6    퀄 0xC4F7    퀑 0xC4F8    퀘 0xC4F9    퀭 0xC4FA 
퀴 0xC4FB    퀵 0xC4FC    퀸 0xC4FD    퀼 0xC4FE    큄 0xC5A1 
큅 0xC5A2    큇 0xC5A3    큉 0xC5A4    큐 0xC5A5    큔 0xC5A6 
큘 0xC5A7    큠 0xC5A8    크 0xC5A9    큭 0xC5AA    큰 0xC5AB 
클 0xC5AC    큼 0xC5AD    큽 0xC5AE    킁 0xC5AF    키 0xC5B0 
킥 0xC5B1    킨 0xC5B2    킬 0xC5B3    킴 0xC5B4    킵 0xC5B5 
킷 0xC5B6    킹 0xC5B7    타 0xC5B8    탁 0xC5B9    탄 0xC5BA 
탈 0xC5BB    탉 0xC5BC    탐 0xC5BD    탑 0xC5BE    탓 0xC5BF 
탔 0xC5C0    탕 0xC5C1    태 0xC5C2    택 0xC5C3    탠 0xC5C4 
탤 0xC5C5    탬 0xC5C6    탭 0xC5C7    탯 0xC5C8    탰 0xC5C9 
탱 0xC5CA    탸 0xC5CB    턍 0xC5CC    터 0xC5CD    턱 0xC5CE 
턴 0xC5CF    털 0xC5D0    턺 0xC5D1    텀 0xC5D2    텁 0xC5D3 
텃 0xC5D4    텄 0xC5D5    텅 0xC5D6    테 0xC5D7    텍 0xC5D8 
텐 0xC5D9    텔 0xC5DA    템 0xC5DB    텝 0xC5DC    텟 0xC5DD 
텡 0xC5DE    텨 0xC5DF    텬 0xC5E0    텼 0xC5E1    톄 0xC5E2 
톈 0xC5E3    토 0xC5E4    톡 0xC5E5    톤 0xC5E6    톨 0xC5E7 
톰 0xC5E8    톱 0xC5E9    톳 0xC5EA    통 0xC5EB    톺 0xC5EC 
톼 0xC5ED    퇀 0xC5EE    퇘 0xC5EF    퇴 0xC5F0    퇸 0xC5F1 
툇 0xC5F2    툉 0xC5F3    툐 0xC5F4    투 0xC5F5    툭 0xC5F6 
툰 0xC5F7    툴 0xC5F8    툼 0xC5F9    툽 0xC5FA    툿 0xC5FB 
퉁 0xC5FC    퉈 0xC5FD    퉜 0xC5FE    퉤 0xC6A1    튀 0xC6A2 
튁 0xC6A3    튄 0xC6A4    튈 0xC6A5    튐 0xC6A6    튑 0xC6A7 
튕 0xC6A8    튜 0xC6A9    튠 0xC6AA    튤 0xC6AB    튬 0xC6AC 
튱 0xC6AD    트 0xC6AE    특 0xC6AF    튼 0xC6B0    튿 0xC6B1 
틀 0xC6B2    틂 0xC6B3    틈 0xC6B4    틉 0xC6B5    틋 0xC6B6 
틔 0xC6B7    틘 0xC6B8    틜 0xC6B9    틤 0xC6BA    틥 0xC6BB 
티 0xC6BC    틱 0xC6BD    틴 0xC6BE    틸 0xC6BF    팀 0xC6C0 
팁 0xC6C1    팃 0xC6C2    팅 0xC6C3    파 0xC6C4    팍 0xC6C5 
팎 0xC6C6    판 0xC6C7    팔 0xC6C8    팖 0xC6C9    팜 0xC6CA 
팝 0xC6CB    팟 0xC6CC    팠 0xC6CD    팡 0xC6CE    팥 0xC6CF 
패 0xC6D0    팩 0xC6D1    팬 0xC6D2    팰 0xC6D3    팸 0xC6D4 
팹 0xC6D5    팻 0xC6D6    팼 0xC6D7    팽 0xC6D8    퍄 0xC6D9 
퍅 0xC6DA    퍼 0xC6DB    퍽 0xC6DC    펀 0xC6DD    펄 0xC6DE 
펌 0xC6DF    펍 0xC6E0    펏 0xC6E1    펐 0xC6E2    펑 0xC6E3 
페 0xC6E4    펙 0xC6E5    펜 0xC6E6    펠 0xC6E7    펨 0xC6E8 
펩 0xC6E9    펫 0xC6EA    펭 0xC6EB    펴 0xC6EC    편 0xC6ED 
펼 0xC6EE    폄 0xC6EF    폅 0xC6F0    폈 0xC6F1    평 0xC6F2 
폐 0xC6F3    폘 0xC6F4    폡 0xC6F5    폣 0xC6F6    포 0xC6F7 
폭 0xC6F8    폰 0xC6F9    폴 0xC6FA    폼 0xC6FB    폽 0xC6FC 
폿 0xC6FD    퐁 0xC6FE    퐈 0xC7A1    퐝 0xC7A2    푀 0xC7A3 
푄 0xC7A4    표 0xC7A5    푠 0xC7A6    푤 0xC7A7    푭 0xC7A8 
푯 0xC7A9    푸 0xC7AA    푹 0xC7AB    푼 0xC7AC    푿 0xC7AD 
풀 0xC7AE    풂 0xC7AF    품 0xC7B0    풉 0xC7B1    풋 0xC7B2 
풍 0xC7B3    풔 0xC7B4    풩 0xC7B5    퓌 0xC7B6    퓐 0xC7B7 
퓔 0xC7B8    퓜 0xC7B9    퓟 0xC7BA    퓨 0xC7BB    퓬 0xC7BC 
퓰 0xC7BD    퓸 0xC7BE    퓻 0xC7BF    퓽 0xC7C0    프 0xC7C1 
픈 0xC7C2    플 0xC7C3    픔 0xC7C4    픕 0xC7C5    픗 0xC7C6 
피 0xC7C7    픽 0xC7C8    핀 0xC7C9    필 0xC7CA    핌 0xC7CB 
핍 0xC7CC    핏 0xC7CD    핑 0xC7CE    하 0xC7CF    학 0xC7D0 
한 0xC7D1    할 0xC7D2    핥 0xC7D3    함 0xC7D4    합 0xC7D5 
핫 0xC7D6    항 0xC7D7    해 0xC7D8    핵 0xC7D9    핸 0xC7DA 
핼 0xC7DB    햄 0xC7DC    햅 0xC7DD    햇 0xC7DE    했 0xC7DF 
행 0xC7E0    햐 0xC7E1    향 0xC7E2    허 0xC7E3    헉 0xC7E4 
헌 0xC7E5    헐 0xC7E6    헒 0xC7E7    험 0xC7E8    헙 0xC7E9 
헛 0xC7EA    헝 0xC7EB    헤 0xC7EC    헥 0xC7ED    헨 0xC7EE 
헬 0xC7EF    헴 0xC7F0    헵 0xC7F1    헷 0xC7F2    헹 0xC7F3 
혀 0xC7F4    혁 0xC7F5    현 0xC7F6    혈 0xC7F7    혐 0xC7F8 
협 0xC7F9    혓 0xC7FA    혔 0xC7FB    형 0xC7FC    혜 0xC7FD 
혠 0xC7FE    혤 0xC8A1    혭 0xC8A2    호 0xC8A3    혹 0xC8A4 
혼 0xC8A5    홀 0xC8A6    홅 0xC8A7    홈 0xC8A8    홉 0xC8A9 
홋 0xC8AA    홍 0xC8AB    홑 0xC8AC    화 0xC8AD    확 0xC8AE 
환 0xC8AF    활 0xC8B0    홧 0xC8B1    황 0xC8B2    홰 0xC8B3 
홱 0xC8B4    홴 0xC8B5    횃 0xC8B6    횅 0xC8B7    회 0xC8B8 
획 0xC8B9    횐 0xC8BA    횔 0xC8BB    횝 0xC8BC    횟 0xC8BD 
횡 0xC8BE    효 0xC8BF    횬 0xC8C0    횰 0xC8C1    횹 0xC8C2 
횻 0xC8C3    후 0xC8C4    훅 0xC8C5    훈 0xC8C6    훌 0xC8C7 
훑 0xC8C8    훔 0xC8C9    훗 0xC8CA    훙 0xC8CB    훠 0xC8CC 
훤 0xC8CD    훨 0xC8CE    훰 0xC8CF    훵 0xC8D0    훼 0xC8D1 
훽 0xC8D2    휀 0xC8D3    휄 0xC8D4    휑 0xC8D5    휘 0xC8D6 
휙 0xC8D7    휜 0xC8D8    휠 0xC8D9    휨 0xC8DA    휩 0xC8DB 
휫 0xC8DC    휭 0xC8DD    휴 0xC8DE    휵 0xC8DF    휸 0xC8E0 
휼 0xC8E1    흄 0xC8E2    흇 0xC8E3    흉 0xC8E4    흐 0xC8E5 
흑 0xC8E6    흔 0xC8E7    흖 0xC8E8    흗 0xC8E9    흘 0xC8EA 
흙 0xC8EB    흠 0xC8EC    흡 0xC8ED    흣 0xC8EE    흥 0xC8EF 
흩 0xC8F0    희 0xC8F1    흰 0xC8F2    흴 0xC8F3    흼 0xC8F4 
흽 0xC8F5    힁 0xC8F6    히 0xC8F7    힉 0xC8F8    힌 0xC8F9 
힐 0xC8FA    힘 0xC8FB    힙 0xC8FC    힛 0xC8FD    힝 0xC8FE
 아이팟 터치(iPod Touch)의 한글 지원 소식에 감명받아서 새벽에 잠깐 짬을내서 Nintendo DS( NDS )용 한글 입력기를 만들어봤습니다. ^^;;; 아직은 테스트 상태라서 많이 불안정한데, 일단 동작은 하니까 스크린 샷을 올려봅니다. ^^

사용자 삽입 이미지

한글 입력 테스트


 

 아이팟 터치의 키보드가 너무 예뻐서 그대로 올려봤는데, NDS에 올리니 약간 포스가 떨어지는군요. ^^;;;
 
 오늘 테스트 덕분에 한글 출력에 한가지 문제를 발견했습니다. 제가 NDS에 올린 폰트는 완성형이었는데, 윈도우에서는 확장 완성형 폰트를 사용했습니다. @0@)/!!! 왠지 '틍'과 같은 단어를 입력할때 깨어진다 싶었더니... 확장 완성형에서 지원하는 문자라서 그랬습니다.

 확장 완성형 폰트를 만들어 넣는 것은 큰 문제가 안되지만.... 폰트 데이터가 너무 커지면 용량의 한계때문에 문제가 발생할 소지가 있어서 상당히 조심스럽습니다. 이 문제는 좀더 고민해본 다음 결정해야겠습니다. ^^;;;

 벌써 해가뜨네요... ㅜ_ㅜ... 오늘도 일찍 일어나기는 힘들 것 같습니다. ㅜ_ㅜ...
 
=== 2007/11/26 추가 ===

 너무 많은 분들이 이 글을 보러 오셔서, 오늘까지 진행상황을 더 추가했습니다. ^^ 폰트를 더 추가할까 하다가 NDS의 용량이 그리 크지 않아서 포기하고 한글을 조합하는 오토마타를 조금 손봐서 2360자용 한글 입력기를 만들었습니다.

 현재 한글/영어 대소문자/숫자 및 특수문자 모두 입력 가능하며 특수문자는 자판 숫자 및 배열 때문에 빠진 것이 좀 있습니다. 추후 작업을 조금 더 진행하여 특수문자를 다 추가해야 할 예정입니다. (혹시 아이팟 가지고 계신분 있으시면 특수문자쪽 키보드 자판 배열 좀 알려주세요 ^^;;;)

 완성형 한글 입력 및 영어, 숫자 입력을 캡쳐한 화면입니다. 다음에 작업이 완료되면 새글을 통해 릴리즈하겠습니다. ^^
사용자 삽입 이미지

영어 대문자 입력

사용자 삽입 이미지

영어 소문자 입력



사용자 삽입 이미지

한글 입력

사용자 삽입 이미지

한글 및 숫자/특수문자 입력


 ps) 작업을 하다보니 어느새 날이 밝아오는군요. ㅜ_ㅜ...


=== 2007/12/01 추가 ===

 프로토타입 개발을 완료했습니다. ^^ 자세한 내용은 http://kkamagui.tistory.com/238 에서 확인하실 수 있습니다. 동영상과 프로그램을 포함하고 있습니다. ^^
 압축된 자바스크립트 소스를 예쁘게 복원시켜주는 사이트가 있네요. ^^ 안그래도 자바스크립트를 분석할일이 있었는데, 이것이 압축되어있어서 알아보기가 굉장히 힘들었습니다. ㅜ_ㅜ...


 위 사이트로 이동하면 아래와 같은 화면이 나옵니다. 위쪽의 에디트박스에 예쁘게 볼 소스코드를 붙여넣고 아래쪽의 "Beautify" 버튼을 누르면 코드가 예쁘게 변환되서 나옵니다.
사용자 삽입 이미지

압축된 자바스크립트 소스


사용자 삽입 이미지

예쁘게 수정된 자바스크립트 소스


 자바스크립트 소스 분석할때 아주 유용하게 쓸 수 있겠군요. ^^;;; 멋집니다. ^^)/~

 애플 iPod 터치용 한글 입력기가 나왔답니다. ^ㅡ^)/~!! 일반 유저인 서성진씨(http://coryas.com/ipod)가 만들었다니 대단하군요. 아래는 시연 동영상입니다. ^^

 
 저도 NDS에 비슷한 방식의 한글 입력기를 생각하고 있었는데, 오토마타쪽에 약해서 도중에 포기했습니다. 이 동영상을 보니 왠지 저도 하나 해야할듯한 기분이 드는군요. 오늘부터 한글입력기 제작에 들어가야겠습니다. ^^

 같은 한국인으로써 왠지 뿌듯하네요 ^^)/~
 학교 과제때문에 DICOM에 대해서 공부하다가 찾은 링크입니다. 의료 정보쪽이라서 앞으로 다시 볼까 의심이 들지만 혹시나 해서 올립니다.


 정말 깔끔하게 잘 정리되어있군요. ^^)/~
 중국산 모피가 많은 것은 알고 있었지만 이런식으로 생산되는 것인지는 몰랐군요. ㅜ_ㅜ... 상당히 끔찍합니다. 동물들이 산채로 껍질이 벗겨지는군요. 하다못해 최소한의 자비라도...
 

 상당히 충격적입니다. 많이들 보시고 모피 수요가 좀 줄어서 이런 일이 없어졌으면 합니다. 동영상의 주소는 입니다.

mms://a805.v9135e.c9135.g.vm.akamaistream.net/7/805/9135/0022/peta.download.akamai.com/9135/
downloads/fur_farm_med.wmv


 ps) 죽은 동물에게 묵념....

 다음주 초까지 발표 자료를 만들어야되서 관련 문서를 읽고있는데, 영어에다가 도메인 영역이 병원이라서 이해가 쉽게 안됩니다. ㅜ_ㅜ.... 시간은 촉박하고 하고싶은 것은 많아서 몸이 근질 근질 거리고... 하루에도 몇번씩 자료를 놓았다가 다시 들었다가를 반복하네요 ^^;;;;

 티스토리로 블로그를 갈아타면서 자바스크립트와 HTML을 배워야겠다는 생각이 들었습니다. 그동안 이글루스나 네이버 블로그를 쓰면서 자바스크립트는 넣을 일이 없었기때문에 거의 모르고 지냈는데, 이번에 코드에 하일라이트를 넣는 자바스크립트 보니 상당히 강력하더군요.

 배울 것이 점점 늘어나서 좀 문제긴 하지만, 시간이 날때마다 조금씩 정리해서 올려야겠습니다. 일단 숙제부터 끝내놓구요~ ㅎㅎ

 자바 스크립트 만세~!!!

얼마전부터 구글 문법 하일라이터(Syntax Highlighter)를 티스토리에 적용해서 사용하고 있습니다. Syntax Highlighter에 대한 내용은 http://kkamagui.tistory.com/notice/28 에서 볼 수 있습니다. 이것을 사용하면 코드가 예쁘게 나오는 것은 물론이고 붙여넣기 및 출력도 지원하기때문에 상당히 편리한데, 문제가 하나 있습니다.

티스토리만 사용한다면 큰 문제가 안되겠지만 저같이 스프링노트와 티스토리를 같이 사용하는 사람에게는 거의 무용지물입니다. 개발하면서 주로 로그를 남기고 코드를 붙여넣는 것은 티스토리가 아니라 스프링노트쪽이고, 티스토리는 개발이 완료되었을 때 스프링노트의 보내기 기능을 써서 포스팅합니다.

이렇게 되면 스프링노트가 코드를 보낼 때 아래와 같이 OL 태그를 써서 보내게 되는데, 그 안에는 각종 HTML 태그들과 함께 인코딩된 형태로 코드가 뒤섞여있습니다.

<OL class=code>  
<LI>&lt;textarea name="code" class="cpp" cols="60" rows="10"&gt;<br />... some code here ...<br />&lt;/textarea&gt;<br /></LI></OL>

Syntax Highlighter를 사용하려면 TEXTAREA 태그나 PRE 태그를 사용해야하는데, OL 태그를 단순히 TEXTAREA 또는 PRE 태그로 교체하면 HTML 코드와 실제 내용이 어우러지는 아주 아름다운 코드를 보게 됩니다. ㅡ_ㅡ;;;;;;

그래서 어제부터 Syntax Highlighter의 소스를 고쳐보려고 자바스크립트를 공부하기 시작했는데, 너무 코드가 어려워서 포기했다가 강규영 님의 도움을 받아 해결했습니다(강규영님께 감사드립니다. ^^).

수정할 부분은 크게 두가지인데, 한가지는 shCore.js 파일을 수정하는 것입니다. shCore.js 파일의 내용중에 아래 부분을 간단히 수정한 뒤, "관리"의 "HTML/CSS 소스보기"로 가서 수정된 shCore.js 파일을 올리기만 하면 됩니다.

 ... 생략 ...

 // 기존 코드
 FindTagsByName(elements, name, 'pre');
 FindTagsByName(elements, name, 'textarea');

 // kkamagui 추가, 아래 부분을 추가해 줍니다.
 FindTagsByName(elements, name, 'ol');

 ... 생략 ...

 // 기존 코드
 //highlighter.Highlight(element\[propertyName\]);
 // 수정된 코드
 highlighter.Highlight(element\[propertyName\].replace( /<br>/gi, '\\n').replace(/<\\/?\[^>\]+>/gi, ''));
 ... 생략 ...

위의 코드가 나오는 부분은 한군데 밖에 없으니 원본 파일은 백업하시고 과감히 수정하시면 됩니다.
이제 남은 것은 스프링노트에서 보낸 글을 약간 손보는 것입니다. 스프링노트에서 보낸 글을 선택하여 수정모드로 갑니다. 수정모드에서 아래에서 보는 것과 같이 좌측 상단에 있는 "EDIT" 버튼을 눌러서 HTML 편집 모드로 변경합니다.

사용자 삽입 이미지
HTML 수정 모드로 변경

그후 "OL class=code" 를 찾아서 "OL name=code class=cpp" 와 같은 형식으로 수정합니다.

사용자 삽입 이미지
수정 전
사용자 삽입 이미지
수정 후

그리고 저장 버튼을 누른 후 해당 페이지로 이동해서 Control + F5를 눌러 캐쉬된 내용과 관계없이 화면을 갱신하면 아래와 같이 Syntax Highlight가 적용된 코드를 볼 수 있습니다. ^^

사용자 삽입 이미지
적용된 화면

수정한 shCore.js 파일을 첨부해 놓았으니 필요하신 분은 다운 받아서 바로 적용하시면 됩니다. 문제를 해결할 수 있게 도움을 주신 강규영 님께 거듭 감사드립니다. ^ㅡ^)/~

ps) 아래는 shCore.js 파일입니다.

 파이썬을 공부하고 싶으시다면 http://www.diveintopython.org/ 사이트를 한번 들려보세요. 책 Dive Into Python 의 내용을 PDF 및 각가지 포맷으로 무료 제공하고 있으며, 소스코드까지 주는군요. ^ㅡ^)/~

 후배가 발견한 사이트인데, 어디서 이런 사이트를 찾는지 모르겠군요(그놈 참 능력 좋네~ ㅎㅎ). 세컨트 프로그래밍 언어로 파이썬을 쓰시는 분이 많을꺼라 생각하는데, 특히 C/C++을 쓰시는 분들이라면 더욱 그럴꺼라 생각합니다.
 
 제 개인적인 소견으로 무척이나 C/C++에 가깝더군요. 그러면서도 유연하고 C의 라이브러리를 그대로 당겨쓸 수 있는 것이 아주 매력적인 언어였습니다. 물론 GUI 프로그래밍에는 좀 많이 약했지만... ^^;;; 텍스트 처리에는 굉장한 능력을 가진듯 보였습니다.

 한참 파이썬 프로그래밍을 하다, 새로운 NDS 홈브루를 개발하다보니 다시 C/C++로 돌아왔네요. 어느정도 정리되고나면 파이썬 공부를 다시 해야겠습니다. ^^
 블로거팁 닷컴의 주인장님께서 멋진 정보를 올려주셨네요. ^^ 외국에 DIGG 팟캐스트를 이용해서 현지 영어를 배울 수 있는 방법에 대한 내용인데 원문은 http://bloggertip.com/entry/learning-english-with-digg-podcast 에서 보실 수 있습니다.

 요즘 안그래도 영어가 조금 걱정되서 귀가 트이는 영어 를 간간히 듣고있는데, 그것만큼이나 유용한 것 같습니다. 현지인의 대화나 관심사 같은 것을 생생히 들을 수 있으니 좋고, 외국인이 영어로 다른 언어를 강의하는 강좌도 있다고 하니 2개의 언어를 동시에 배울 수 있는 기회도 있어서 좋은 것 같습니다.

 컴퓨터 앞에 앉아계신 시간이 많은 프로그래머에겐 정말 좋은 정보인 것 같네요. 음악 대신 DIGG 팟캐스트를 들어보시는 건 어떨까요? ^^
 제 블로그는 http://code.google.com/p/syntaxhighlighter/ 에서 제공하는 Syntax Highlighter를 사용하고 있습니다. 페이지 로딩 속도가 조금 느리다는 단점이 있지만 코드를 예쁘게 보여줄 수 있다는 장점때문에 사용하고 있는데요, 한가지 아쉬운 점은 스프링노트에서 보낸 코드가 적용이 안된다는 점입니다.

 이참에 한번 적용해보고 싶어서 자바 스크립트 책을 한권 옆에 끼고, 차근 차근 분석을 시작했는데 쉽지 않더군요. 일단 스프링노트에서 보낸 코드를 티스토리로 보내서 소스보기를 하니 아래와 같이 코드가 나왔습니다.

<OL class=code>
<LI>&lt;textarea name="code" class="cpp" cols="60" rows="10"&gt;<br />... some code here ...<br />&lt;/textarea&gt;<br /></LI></OL>


일단 < 기호와 > 기호가 인코딩 되어있고 OL 태그로 둘러싸져있더군요. 갑자기 든 생각이 자바스크립트를 이용해서 위 태그를 Syntax Highlighter에서 인식할 수 있는 <textarea> 태그로 바꿔주면 간단히 해결할 수 있을 듯 싶어서 살짝 바꿔봤더니 뒤에 <br/>가 그대로 출력되더군요. ㅜ_ㅜ..

 결국 하려면 인코딩된 태그를 다 살려주고 <br/> 같은 것은 개행문자로 바꿔주고 등등의 일을 해야할 듯한데... 자바 스크립트는 오늘부터 본지라 중도 포기... ㅜ_ㅜ...

 스프링노트에 플러그인이 나올때까지 기다리던가 해야겠군요. ㅜ_ㅜ... 흑흑... 역시 프로그래밍은 쉽지 않은 것 같습니다.
 인터넷을 뒤지다가 상당히 재미있는 글을 발견했습니다. 제목은 완벽한 콘솔 폰트였는데, 보니 자기가 쓰고있는 폰트가 콘솔에 아주 좋다는 내용이더군요. http://duncandavidson.com/archives/654 에서 원문을 보실 수 있습니다.

 무슨 폰트인가 봤더니 Bitstream Vera 폰트라고 하더군요. 폰트는 http://www.gnome.org/fonts/ 에서 다운 받으실 수 있고 폰트 파일을 받아서 압축을 풀면 ttf 폰트들이 생깁니다. 이 파일들을 제어판을 열어서 글꼴을 클릭하시고 글꼴 목록이 나오면 다 붙여 넣으시면 설치가 끝납니다.

 제가 주로쓰는 폰트는 Lucida console 폰트인데, 글자가 멋지게 보입니다. ^^ 아래를 한번 보시죠.
사용자 삽입 이미지

lucida console 폰트

 
 소문자 L과 대문자 I의 구분이 쉽고 늘씬해 보여서 주로 쓰는 폰트입니다. 그런데 여기에 도전장을 던지는 폰트가 나왔으니 Bitstream Vera Sans Mono Bold 폰트가 그것입니다. ^^ 아래가 그 폰트를 적용한 코드인데, Lucida와 한번 비교해보시면 비슷하게 늘씬하면서도 문자들의 구분이 쉬운걸 알 수 있습니다.
사용자 삽입 이미지

Bitstream Vera Sans Mono Bold


 멋지지 않습니까? 단점이라면 약간 굵어 보인다는 것인데, 적응하면 괜찮을 듯 합니다. ^^ 앞으로 폰트는 이걸로 다 바꿔야겠습니다.

 멋진 폰트를 발견하게 되서 아주 행복하군요. (프로그래머에겐 더할 나위 없이 좋은 폰트인 것 같습니다. ^ㅡ^)
 아는 후배에게 방금 들었습니다. POC 2007 세미나에서 NDS를 이용한 해킹을 주제로 "Hacking with Nintendo DS" 를 발표하셨던 i3eat 님께서 제 사이트를 참고하셨다더군요. 세미나에 참석했던 후배가 물어봤는데 그렇게 말씀하셨답니다.

 POC 2007에 직접 가지 못해서 자세한 내용은 알지 못하지만, 왠지 큰 세미나에 제가 한몫 한 것 같아서 기분이 좋군요.(사실 많이 뿌듯하다는 ^ㅡ^). 나중에 기회가되면 POC 2007 세미나 자료를 봐야겠군요.

 NDS 홈브루(Homebrew) 개발에 대한 내용은 http://kkamagui.tistory.com/category/NDS%20홈브루(Homebrew)에서 보실 수 있습니다. ^^

 나중에 i3eat 님을 만나게되면 인사라도 드려야겠습니다. ^^  
 왠지 오늘은 잠이 잘 올것 같네요~ 다들 좋은밤 되시길~ ^^
 정말 충격적인 사실입니다. 슈퍼마리오가 공주님께 농락당하며 수십년을 혹사 당했다네요. ^^;;; 일단 말이 필요 없습니다. 아래의 동영상을 한번 보시죠. ^ㅡ^)/~!!!

 ACM 대회 준비를 위해 4문제 정도를 골라 풀었습니다만, 테스트를 위해 올렸을 때 Accept는 하나밖에 못받았습니다. ㅜ_ㅜ.. 뭐가 문제가 있던 것인지.... 대회는 끝났지만 그래도 푼 김에 소스를 한번 올려봅니다. 하드에 썩히기에는 왠지 아까워서 ^^;;;
 
 그렇다고 풀이가 상당이 완성도가 높거나 멋지거나 하진 않습니다. Accept가 안된걸 보면 무슨 문제가 있거나 오답인 것이겠지요 ^^;;;그러고 보니 올리기가 좀 부끄럽군요. (* ㅡ_ㅡ*)

 ACM 문제 데이터베이스는 http://icpcres.ecs.baylor.edu/onlinejudge/index.php 사이트에서 보실 수 있습니다. 그럼 아래에 코드 나갑니다. ^^;;;;

* 100번 문제에 대한 코드 보기
* 121번 문제에 대한 코드 보기
*151번 문제에 대한 코드 보기
* 821번 문제에 대한 코드 보기

+ Recent posts