A4 용지

웹에서 다단나누기.

(순원) — Tue, 18 Aug 2009 16:31:23 +0900

'다단 나누기' 구조는 이미 우리 생활 속에서 상당히 많이 쓰이는
텍스트 레이아웃이다. 대표적인 예가 수 많은 신문들과 잡지들이다.

이러한 다단 나누기 레이아웃은 장/단점이 있는데,
장점을 말하자면,

1. 한줄 한줄이 짧기 때문에 읽는 사람으로 하여금
'읽기의 진행'을 빠르게 한다는 것 (지겹지 않게 읽는다.)

2. 여러가지 글(기사거리)의 제목을 비교적 나란히
배열할 수 있다는 것이다.

단점이라면

1. 한 단에서 그 옆 단으로 넘어갈 때 눈이 많이 움직여야 한다는 것,
2. 인터넷 상에서 구현하기 힘들다는 것 등이 있다.

따라서 신문이나 잡지처럼 읽는 사람으로 하여금
간결하고 빠른 정보 전달을 원하거나, 여러가지 기사의
제목들을 상단에 나란히 표기하고 싶을 때는 다단 나누기가 매우 적당하지만,
소설 책이나 교과서처럼 집중력이 요구되는 장문의 글의 경우
위 아래로 계속 움직여야하는 눈과 목의 귀찮음을 막기 위해서
단을 나누지 않는 것이 일반적이다.

그런데, 현대의 인터넷에서 작성되는 많은 문서들은
소설이나 교과서 같이 집중력이 요구되는 장문의 글이라기 보다는
신문 기사처럼 단시간에 빨리 읽고 싶은 글들이 더 유행이다.

따라서, 나는 웹 상에서 다단으로 글을 작성하는 것이 큰 의미가
있는 일이라고 생각한다. (실제로 이 글도 고의로 줄바꿈을 해서, 글의
폭이 지나치게 넓어지지 않도록 조절하고 있다.)

사실, 이러한 생각을 나만 하고 있는 것은 아니다.
수 많은 웹사이트들이 화면 구성을 컬럼(column) 위주로 디자인하고
있으며, 심지어는 이런 디자인을 초점으로 맞춘 css-framework까지 등장했다.

또, www 상에서 보여지는 웹문서의 레이아웃 기술의 핵심이라 할 수 있는
Cascading Style Sheet (CSS)의 3번째 버젼에서는 이 다단 나누기를
표준 디스플레이 형식 중 하나로 개발하고 있다.
http://www.w3.org/TR/css3-multicol/#columns

그러나 현재 기술로 인터넷 상에서 문서를 다단으로 작성하는데에는 여러가지 문제점이 있다.

그 첫번째는 다단 나누기를 수 많은 브라우져들이 기본적으로 지원하지 않기 때문이다.
이를 해결하기 위해선, 개발자가 <다단> 태그를 이용하여 페이지를 만들고,
이 페이지의 모든 독자는 브라우져에 <다단> 태그를 인식하도록 만드는
새로운 프로그램을 설치해야하는 사실상 '거의 불가능한 일'이 있어야
하거나, 아니면 우리가 수동으로 웹에서 돌아가는 프로그램을 이용해서 다단 나누기를 한 것처럼
만들어 줘야 한다는 것이다.

웹에서 돌아가는 프로그램은 server side와 client side가 있는데,
다행이도, 이 중에서 client side프로그램은 javascript로 이미 만든 사람이 있었다.
편리하게도 이 javascript 개발자는 앞으로 CSS3에서 표준으로 적용할
다단 나누기와 똑같은 사용법을 적용해 놓았기 때문에 매우 유용하게 쓰일 수 있을 것 같다.
http://www.csscripting.com/wiki/index.php?title=CSS3_Multi_Column

이를 사용하면 실제로 다단 나누기를 큰 불편함 없이 만들어 낼 수 있다.

그러나 아직도 문제는 있다. 그것은 이 다단 나누기 방식에서 한 단의 세로 길이를 제한할 수
없다는 것이다.

다행인지 불행인지, 신문은 그 세로의 길이가, 신문지 한장의 세로 길이로 제한되어 있다.

그러나 이와 달리 웹 상에서의 문서는 세로 길이의 제한이 없다.
컴퓨터 모니터 화면의 유한성은 '스크롤'이란 기능으로 보완됐고,
이 기능은 컴퓨터 사용에 있어서 매우 잘 자리 잡았다.

장문의 글일 경우엔 이 스크롤을 해야하며, 현실적으로 이 스크롤이 길다는 것은
글의 내용이 지나치게 긴 것을 의미한다. 사람들은 이러한 긴 글을
'스크롤의 압박'이라는 별명까지 붙여서 상당히 부정적으로 받아들인다.

따라서 한 단에서 그 옆단으로 넘어가게 되는 '한계 세로 길이'를 수동으로 조절할 필요가 있다.
그리고 그 길이를 어떻게 결정하느냐는 것은 무척 중요하다. 한 단의 세로 길이가 화면
안에 모두 들어가지 않는다면, 독자들은 눈동자와 목이 위 아래로 움직여야할 뿐만 아니라
스크롤까지 반복적으로 해야하는 매우 고통스러운 상황이 된다. 이러면
다단나누기를 하는데 의미가 없어진다.

따라서 온라인 상에서 다단나누기를 할 때 우리는 다음 요소들을 고려해야한다.

1. 글의 내용이 다단 나눈기를 사용하는 것으로 이득을 보는가.
2. 한 단의 폭의 길이는 어느 정도로 해야 적당한가.
3. 한 단의 길이는 어느 정도이어야 하는가.

이 세가지 중 첫번째 요소는 컴퓨터 기술로 해결될 수 없는 것이기 때문에
이 글의 고려 대상에서 제외하자.

두, 세번째 요소는 위에서 소개한 CSS3 의 표준을 따라한 javascript 방법으로도
쉽게 수정해가면 설정할 수 있다. 그러나 이 방법으로는 3번째 요소에 해당하는
세로 길이 설정 기능이 없다.

위에서 소개한 CSS3 표준 javascript 보다는 사용하기가 조금 번거롭지만,
한 단의 길이를 조절할 수 있는 다단 나누기 방법이 없는 것은 아니다.

http://13thparallel.com/archive/column-script/

이 javascript는 대상이 되는 글, 가로 폭, 세로 길이를 인풋으로 넣어주면
각 단에 들어가야할 텍스트를 array로 뽑아준다.

이를 이용하면 상당히 보기 좋은 레이아웃을 만들 수 있으리라고 생각한다.
다만, 역시 글이 너무 길어져서 단의 갯수가 많아지게 된다면 곤란하다.

이렇듯 장문의 글일 경우엔 애초에 다단 나누기를 사용하지 않는 것도 방법
이겠지만, 신문처럼 여러 기사의 제목을 나란히 놓고 싶어 다단을 사용한다면,
글의 일부분만 다단 나누기를 하고 나머지 전문은 링크를 걸어주는 것이
바람직하지 않을까 생각한다.

그렇지 않다면, '가로 기반의 스크롤'을 개발하는 것도 큰 도움이 되리라 생각한다.
아래 세 가지 소스를 분석하면 도움이 될 것이라 생각한다.

http://ilgucha.com
http://13thparallel.com/archive/dhtml-scrollbars/
http://techfoolery.com/examples/scroller/?PHPSESSID=f4f9eaf7760bf0192d5dd330eb899cec

발음에 대한 고찰.

(순원) — Wed, 12 Aug 2009 21:42:21 +0900

Ernie// 성의있는 댓글 감사.

나도 비슷한 생각을 많이 해봤다.

사실 발음이 이루어지는 과정에 대해서는

전적으로 동의한다.

다만, 그것들로부터 일반화된 정보를 얻어

새롭게 발음을 generate하는데에는 한계가 있음을

알수 있었다.

내가 접근했던 과정을 말해보면 아래와 같다.

일단 처음에 두 가지 가능성을 염두에 뒀다.

1. 발음은 그 정보가 1 period에 담겨있지 않고, 소리의

amplitude가 시간에 따라서 어떻게 달라지느냐에 달려있다.

즉, 쉽게 말하면 음파를 그래프로 그렸을 때, main frequency를

encapsulate하는 곡선의 모양에 따라 결정된다고 생각했다.

그런데 이 가설은 명백하게 틀렸다.

왜냐하면 발음 '아'를 녹음해서 한 주기만 떼어다가 무한 반복을 해도

'아'라는 음이 잘 인식되기 때문.

1-1. 이건 위의 의견에서 파생된건데, 단순한 amplitude가 시간에 따라서

어떻게 변하느냐가 아니라 소리 각 성분이 시간에 따라서 성분 비율이 어떻게

달라지냐는 것이었다. 역시 다른 말로 하면 시간에 따라서 frequency space에서의

그래프가 어떻게 달라지냐는 것.

그런데 이 가설 역시 틀린게 명백했다. 위에서 말한 실험이

이 가설 또한 반증한다.

2. 위 실험에서 알 수 있듯이 발음에 관한 모은 정보는 1 period 안에 들어있다.

그래서 이론적으로 소리를 frequency space에서 분석만으로 모든 것이 해결되어야만 할 것 같지만,

실제론 그렇지 않다. 왜냐하면 위 실험 결과는 '아' 에만 해당되는 것이기 때문.

'야'를 가지고 실험을 하면, 초/중/종성 중에서 중성 부분만 무한 반복할 때

'아' 소리로 인식이 되었다.

역시 '야' 는 '이' + '아' 였다.

사실 이러한 것에 대해서는 이미 잘 분석이 되어있다.

기억이 잘 날지 모르겠지만 한국 국어시간에 우리는 모음의 종류를 나눈다.

홑모음/겹모음 이런식으로(정확한 용어인지는 자신이 없다.)

아, 어, 오, 우, 으, 이 등이 홑모음에 해당하고 나머지는 다 조합에 의한 것이다.

여기까지만 생각하면, 어니와 내가 생각한 초,중,종성 이론이 맞다고 볼 수 있겠다.

물론 난 아직도 그 이론이 맞다고 생각한다. 하지만 문제는 '일반화'에 있다.

난 먼저 홑모음을 가지고 실험을 했다.

홑모음을 가지고 아, 어, 오, 우, 으, 이// 등등을 "fabricate"할 수 있다면

그 다음에 "ㄱ" 특성, "ㄴ"특성 등을 연구해서 "너가," "가너" 등을 제조해볼 생각이었다.

그런데 첫단계에서부터 막혔다.

왜냐하면 내가 '아'라는 발음을 했을 때랑, 다른 사람이 '아' 했을 때

두 파형의 fourier 분석이 너무나 다르게 나왔기 때문이다.

물론 각각의 경우 major peak만 뽑아서 컴퓨터로 새롭게 sythersize하면

제대로된 '아' 소리를 만들어 낼 수 있는데, 이것은 엄밀하게 말하면

발음을 복제한게 아니라 단지 완전히 똑같은 소리를 재현한 것이다.

똑같은 파를 제조했으니 같은 발음이 나오는 건 당연.

다음엔 같은 사람이 '아' 소리를 다른 음의 높이에서 해봤다.

그래프 상에서 파형은 조금 다르긴 했지만 'interpersonal discrepancy'에 비하면

크게 달라지지 않았다.

진정 '아'라는 소리를 만들기 위해서는 두 사람의 '아' 발음 데이터를 가지고

전혀 다른 목소리의 '아'를 제조할 수 있어야 하는데 그러려면 꽤 많은 사람의

'아'를 가지고 분석을 해볼 필요가 있다고 생각한다.

이것은 발음이란 것이 단순하게 frequency의 특정 비율에 의해 결정되는 것이 아니라,

frequency space picture 중에서 여러 사람의 '아' 발음으로부터

공통 특성을 찾아내야 하기 때문이다.

나중에 시간이 많을 때 하루 정도 투자하면 많은걸 얻을 수 있지 않을까 싶다.

실험을 하는데 시간이 걸리는 작업도 아니니까.ㅋㅋㅋ

적어도 일반화는 못 시켜도 내 발음을 합성할 수 있지 않을까?ㅋ

쉽지 않으려나...

=============================================

그보다 발음에 관해서 실험을 몇 개 해보면 재미난 사실을 발견할 수 있다.

지난번 포스팅 때도 알던 사실이긴 하지만, 글이 길어질까봐 안적었는데.

악기 소리의 정보가 파형만으로 결정되는건 아니란 것이다.

그 전까지 생각으로는 바이올린 소리를 하나 녹음하면,

같은 파형(frequecy element 조합)으로 여러가지 음을 만들어 낼 수 있으리라

생각했다.

이 것은 사실이다.

실제로 해보니까, 비교적 바이올린스럽게 음을 합성해낼 수 있었다.

그런데 이러한 특성은 바이올린이나, 첼로 같은 악기에서만 나타나는 특성이다.

더 구체적으로 말하면 소리가 지속적으로 날 수 있는 악기.

피아노만 해도 피아노 음을 녹음해서, 같은 fourier 성분으로 소리를

만들어봐야 피아노 같다는 느낌이 전혀 들지 않는다.

심지어는 실제 피아노 음 중 1 period를 무한 반복해도 피아노 같은 느낌이 들지 않는다.

피아노 소리를 재현하기 위해서는 소리의 exponential decaying 특성이

필수적이다. (아직 증명해보진 않았지만) 그것도 decaying time constant가 각 element 별로

다름을 고려해줘야 한다. 피아노 음을 녹음했을 때, 초반과 후반의 fourier picture가 꽤 상이하게

나옴을 관찰할 수 있기 때문이다.

아마 grand 피아노의 소리를 작은 디지털 악기로 재현하기 힘든 이유는

피아노의 울림 통 모양과 나무 재질에 의해서 결정되는

각 frequency element 별로 전부 다른 time constant를 전부 independant하게

디지털적으로 처리해주는 프로세싱이 어려워서 그런게 아닐까 싶다.

이것도 더 구체적으로 공부해보면 재밌겠다.

발음에 대한 고찰(Ernest Ryu)

(순원) — Wed, 12 Aug 2009 20:54:52 +0900

댓글이 너무 길어서 퍼왔다..

아래는 경석이가 내 글에 붙인 댓글.

===============================

내가 한글이 상당히 과학적이라고 느끼는 이유 중 하나는 발성을 물리적으로 설명함에 있어서 상당히 편하다는 거야.
발음에 대해서 내가 얼마전에 생각을 좀 해서 나 나름의 결론을 내렸는데 마침 이런 글을 읽게 되네. 내가 한번 내 생각을 적어볼테니 넌 어떻게 생각하는지 feedback을 줘봐.

ㄱㄴㄷㄹㅁㅄㅇㅈㅊㅋㅌㅍㅎㄲㄸㅃㅆ자음 들은 지속적으로 어떤 음이 나는 파가 아니라 하나의 음절이 시작할때 나는 소리야. 예를 들어, 음악에서 베이스기타와 드럼의 베이스가 같은 박자에 음을 낸다고 쳐봐. 그러면 베이스기타는 지속적인 소리를 내지만 드럼베이스는 뚱~ 하면서 한번 소리를 내겠지? 이 비유에서, 베이스는 모음이고 드럼베이스는 자음이야. 자음소리는 주기적인 모양이 아니기 때문에 어떤 한가지 주파수를 가지고 있지 않아. 수학적으로 얘기하면 periodic하지 않기 때문에 Fourier Series가 아닌 Fourier integral로 쪼개야 하고 때문에 base frequency랑 harmonics라는 개념 자체가 존재하지 않지.
그래서 자음은 딱 한번 소리가 하고 그 한번 소리의 모양이 어떻냐에 따라 다르게 들리는 거지. 근데 사실 우리가 드럼 소리를 들어보면은, 드럼이라는건 음악적으로 봤을때 어떤 정해진 음을 가지고 있지 않음에도 불구하고 "높은" 드럼과 "낮은" 드럼 소리가 존재하지. 걔네들의 차이는 Fourier transform을 했을때 highfrequency component의 비중이 얼마나 크냐에 따라 높낮이가 결정되는거라 생각해. 가령 얘를 들어 ㅅ과 ㅈ을 비교했을대 ㅅ이 조금 더 높다는 느낌이 나지 않아? ㅅ에는 높은 주파수가 많이 섞여 있을거야.

그러면 모음으로 넘어가자. 한국어에서 실제로 소리가 "다른" 모음은, 아,어,오,우,으,이 뿐이야. "의"는 "으"를 낸 다음에 "이"가 나는 것이고 야여요유위 같은 것들은 자음이 음의 시작에 들어가 듯이 음의 시작 전에 다른 음이 들어가는 걸거야 ("야"를 내 보면은 "아" 소리가 나기 전에 약간 높은 "이"를 낸 다음에 "아"로 내려가는 것 같아).
그러면 왜 모음의 소리가 다를까? 그건 내 생각에 구강모양을 어떻게 하느냐에 따라 제각기 다른 주파수가 제각기 다른 정도로 resonate하는 걸거야. 내가 느끼기에 다른 모음을 낼때 성대는 똑같이 움직이는 것 같에. 하지만 입 모양이 다를때 성대에서 나는 소리가 울리는 cavity의 모양이 달라지는 거거든. 그럴 때 모음에서 나는 다른 harmonics들이 각각 다른 수준으로 증폭이 되는 거야. 어떤 harmonics들은 입의 모양이랑 wavelength랑 잘 들어맞아서 많이 증폭이 되고 어떤 harmonics들은 잘 안 맞아서 증폭이 안 되는거지. 그래서 네 말대로 harmonics가 얼마나 섞이냐에따라 음색이 결정되는거야.

그리고 받침은 처음에 얘기한 자음과 비슷한데 단지 음의 끝에 나는 소리라는 점만 다르다고 생각하면 분석 끝. 어떻게 생각하냐?

블로거

(순원) — Fri, 22 May 2009 21:02:52 +0900

새룬터 형 블로그에서 퍼 온 만화.

http://sroonter.egloos.com/

이 날, 이 블로그에 방문하고나서 적지 않은 문화 충격을 겪었다.

"이렇게 사는 사람도 있구나."

"멋있다." 등등등

공부한 얘기, 책 읽은 얘기, 놀러간 얘기, 만화 얘기, 때로는 진지한 얘기 등등.

사는 이야기들이 가득했던 블로그.

블로깅이란 이렇게 하는 것이구나!

나도 몇 년 후 이곳을 돌아보았을 때 저렇게 재밌는 공간을 갖고 있길 바란다.

퍼온 만화는 그 중에서 가장 공감 가던 거.

오픈소스 유용한 소프트웨어

(순원) — Mon, 18 May 2009 11:26:03 +0900

오픈소스로 유용한 소프트웨어를 기록용으로 몇 가지 적어본다.

1. InfraRecorder
CD/DVD 굽는 프로그램. 용량이 작고 가볍다.
사용하기 편리한 인터페이스.
현재 윈도우 상에서 사용하는 프로그램이다.

2. Inkscape

Vector Image 편집툴이다.
나 보통 벡터 이미지를 과외나 (LaTeX에 삽입할 그림)
웹페이지에서 쓸 심볼을 제작하기 위해 쓴다.

3. Open Office.

리눅스 상에서 사용을 하긴 하지만.
인터페이스 면에서 Microsoft 제품군에 비해서
(내 생각엔) 아직 부족한 점이 있는듯.

4. VirtualBox.

가상 머신 만들어 돌릴 때 사용한다.
역시 프로그램이 작고 가벼워서 좋다.
윈도/리눅스 둘다 작동하는데
리눅스 상에서 확실히 빠르고 쾌적한 속도를
보여준다. 상당히 쓸만함.

소리와 발음.

(순원) — Fri, 15 May 2009 13:39:45 +0900

소리가 공기의 진동이라는 것은

이제 전국민의 상식이 되었다.

동물이나 악기가 진동을 하면 그 진동이 공기를 매질로

사람의 귀에 전달 되는 것이다.

이 때 1초당 진동하는 횟수를 진동수라고 부르는데,

이 진동수 값이 클수록 고음. 낮을 수록 저음으로 들린다.

가령 1초에 261.63번 진동을하면 우리 귀는 이 소리를

가온 다 (C4) 음으로 인식하는 것이다.

이 때 진동을 하는 공기가 크게 진동하면 큰 소리,

짧은 거리를 작게 진동하면 작은 소리이다.

즉 진폭인 소리의 크기를 결정한다.

그런데 흥미로운 사실은 피아노, 기타, 첼로, 바이올린

사람의 목소리가 모두 가운 다 음을 낼 수 있지만

우리는 그 소리를 서로 다르게 느낀 다는 것이다.

이를 우리는 음색이 다르다고 한다.

무엇이 다른 것일까??

결론부터 말하자면, 그것은 파형이다.

피아노의 다 음과 사람이 내는 도 음은 1초에 진동하는 횟수가 같다.

그러나 1번 진동할 때 떨림을 분석해보면 그 구체적인 모양이 다르다.

그래프로 그려 놓았을 때, 부드러운 계란판 모양의 곡선과

톱니바퀴 모양의 꺽은 선은 둘 다 주기적으로 진동하는 모양이더라도

그 파형이 다른 것이고, 두 파형에 해당하는 음색도 다르게 된다.

이러한 현상은 수학적으로도 분석 가능하다.

한 주기 내에서의 구체적인 모양. 즉 파형은 harmonics 진동에 의해서 결정된다.

쉽게 풀어서 설명하자면 "C"음을 악기로 연주했을 경우,

진동수가 261.63Hz인 진동 뿐만 아니라 다른 진동수도 조금씩

섞이게 되는데, 이 때 섞이는 비율에 따라서 파형이 결정되고

음색 또한 결정된다는 것이다.

이러한 이론은 실험으로 확인 가능하다.

가령, 피아노 음을 녹음하여 파형을 분석하고.

그 파형을 이루기 위해서 어떤 진동수가 얼마만큼 섞였는지를

정확히 파악해 내는 것이다.

만약 인공적으로 소리를 만들어내서 앞서 분석한 비율대로

섞는다면 우리는 피아노 소리를 재현할 수 있을 것이다.

뿐만 아니라 각 성분들이 섞인 비율을 유치한 채로

진동수를 일정한 비율로 바꿔준다면, 피아노의 다른 음 또한

재현 가능하다.

정리해보면,

진동수가 소리의 높낮이를 결정하고

진폭이 소리의 크기를 결정하고

진동 모양이 소리의 색깔을 결정한다.

그렇다면 사람의 발음은 어떤 원리일까?

사람은 음의 높낮이와 크기, 즉 진동수와 진폭을 조절할 수 있다.

그리고 사람마다 목소리가 다르다는 것은 음색이 다르다는 것을

의미한다.

그렇다면 한 사람이 만들어내는 여러가지 발음은 뭐가 다른 것일까?

"아" "어" 두 가지 소리를 같은 크기, 같은 높낮이 같은 음색으로 만들 수 있다.

그렇다면 서로 다른 두 발음은 어떻게 구분되는 것일까??

공부해보면 참 흥미로운 주제가 될 것이라 생각한다.

형준 한솔

(순원) — Thu, 07 May 2009 16:23:36 +0900

2007년 여름 물리 공부를 같이 했던
후배들과 혜화동 일본라면 집에서 점심을 함께 했다.

매주 금요일이면 연건 캠퍼스에 수업이 있어
혜화동에서 점심을 먹곤하는데
마침 내가 있어 연락을 했다고 한다.

이미지 겔러리(테스트)

(순원) — Thu, 07 May 2009 15:25:42 +0900

이미지 겔러리???

홀리아 페페 미아.

(순원) — Thu, 07 May 2009 15:15:22 +0900

내 사무실 책상 위에
새로운 가족이 생겼다.

첫 글.

(순원) — Thu, 07 May 2009 13:46:22 +0900

저도 처음으로 블로그를 만들어 보았습니다.
아직 생소한 것이 많군요.

이 곳을 차곡 차곡 쌓아 나갈 수 있었으면 좋겠습니다.