Blog Suspect

[티스토리 스킨] 포토블로그를 위한 1단 스킨을 제작중입니다.

용의자 — Mon, 26 Mar 2012 08:40:40 +0900

클릭하시면 원본 사이즈를 보실 수 있습니다.

Daily Press와 IT premium BG와 같은 형태로 라이센스를 제공할 예정입니다.
디자인이나 기타 기능에 대한 의견있으시면 말씀해주세요~ :)

제주도 여행 (천지연폭포, 정방폭포, 송악산, 외돌개, 테디베어 뮤지엄)

용의자 — Mon, 28 Nov 2011 08:00:00 +0900

[티스토리 사진공모전] 천지연폭포로 들어가는 곳에서 본 하르방들!

해녀복 입고 미션 사진을 찍었던 1박 2일 제주도편(아마도 가파도편) 기억하시나요? 올 봄에 1박 2일을 보다가 갑자기 삘(?)을 받아서 제주도를 다녀왔었습니다.(4월달 쯤이었던 걸로 기억) 티스토리 사진 공모전도 있고 해서 사진을 올려봅니다.

정방폭포

정방 폭포 가기전 해안도로에 있는 가게에서 먹은 갈치회. 갈치회는 태어나서 처음 먹어봤어요. 뭔가 유들유들하면서도 겉은 쫀쫀한 느낌(?) 비리지는 않았지만 회 자체를 별로 안 좋아해서..^^; 같이 먹은 갈치조림과 고등어구이는 엄청 맛있었습니다. (먹는다고 정신이 없어서 사진을 못 찍었네요..ㅋㅋ)

두 번째로 찾은 정방폭포. 예전에 봤때랑 뭔가 다른 느낌이었다. 들어갈 때 커다란 바위가 많으니 구두는 신고가지 맙시다. (부츠신고 갔다가 낭패봤네요..ㅜㅜ)

천지연폭포

천지연폭포와 이름이 비슷한 곳으로 천제연폭포가 있죠? 둘다 제주도에 있고 저희가 간 곳은 천지연폭포였습니다~ 천지연폭포는 정방폭포와 가까운 곳에 있어요.

천지연폭포로 들어가는 길

벗꽃과 다리. 다리에 찍힌 아주머니가 옥의 티네요..ㅜㅜ

천지연폭포~ 실제로 보면 더 멋진데 제가 사진을 잘 못 찍었어요.

외돌개

특별한 이야기가 전해져 온다는 외돌개입니다. 할망바위라고도 한다네요. 대장금 촬영지이기도 합니다. 산책하는 기분으로 갔다 올 수 있어서 좋았습니다. (운동화 필수!)

가는 길에 찍은 사진. 바닷물이 반짝반짝

앞에 우뚝 솟아 있는 작은 바위섬이 외돌개입니다. 이 날 날씨가 좋아서 경치가 너무 멋졌어요.

다음 날 아침, 숙소에서 나오는 해안도로에서...

저희는 해안도로 근처에 있는 한 펜션에서 묵었는데, 둘 째 날 아침 나오는 길에 풍경이 너무 멋져서 차를 세워두고 사진을 몇 장 찍었습니다.

탁 트인 바다가 가슴이 뻥 뚤리는 듯한 느낌이었어요. 몰아치는 파도를 보면서 저 파도가 바위를 때리는 것인지 내 마음을 때리는 것인지 하며 한 20대 처자가 마음속으로 시를 썼다는(?) ㅋㅋㅋㅋ

클로즈업샷~ 물이 너무 맑죠?

반대쪽 풍경~ 이 사진 보니까 정말 다시 가고 싶네요..^^

송악산

우리의 목적지였던 송악산에 도착했습니다~ 도착하자마자 입구에 있던 한 식당에서 해물탕을 먹었는데 예상외로 맛있었어요. 먹기 전에는 그냥 휴게소 쯤 되는 가게로 생각했었거든요. ^^;

해물이 풍성하게 들어있어서 맛있었던 해물탕

내가 유일하게 먹은 반찬인 옥돔구이~ (맞나?) 고기반찬 고기반찬~

마지막 라면사리까지~

식후에 먹은 탐나뽀ㅋㅋ 제주도에서만 판대요. ^^ 감귤맛 쭈쭈바

오른쪽으로 보이는 작은 언덕같은 것이 송악산입니다.

송악산에서 아래로 내려다 본 풍경. 봄이어서 그런지 수학여행 온 학생들이 넘 많더라구요. 배 근처에 까맣게 모여있는 사람들은 가파도로 가기 위해 배를 타려는 사람들입니다. 뒤로 보이는 산은 산방산이라고 하네요.

송악산에서 보이는 산방산

송악산은 산책길처럼 코스가 만들어져 있어 편하게 둘러 볼 수 있었어요.

울타리와 길이 나 있는게 보이시죠?

닦여 있는 길 이외도 산 중앙에 간단하게 올라가 볼 수 있는 곳이 있었어요. 저는 또 부츠를 신고가서 못 올라갔습니다. ㅠㅠㅋ

올라가는 길에 먹은 올레꿀방. 제주도에서만 판다길래 먹어봤는데. 제 입맛에는 안 맞더라구요.

도중에 길을 잃고 헤매었는데, 제주도에 살고 있다는 분들의 도움을 받아 요상한 길로 들어갔습니다. 뭍에서 왔다는 표현을 쓰시더라구요. 신기했음.(따라가면서 좀 무섭긴 했어요 ㅠㅠ) 그런데 가는 길 중간에 생각지도 못한 말떼(?)를 만나게 되었어요.

두둥~ 그냥 말 같이 보이지만 울타리도 없이 방목되어 있는 거라 지나갈 때 어찌나 무섭던지..^^;

용기내어 사진도 찍어보고

많이 먹고 배가 불러서(아마도) 누워있는 말.

말들이 있는 숲속을 빠져나오니 이런 풍경이~ 꽤 높은 곳이라 고소공포증이 있는 분들은 좀 무서울지도 모르겠네요. 앞에 보이는 납작한 섬이 가파도입니다.

테디베어 뮤지엄 보기

플러스~

셋째날 거리풍경. 비도오고 안개가 너무 많이 끼여서 앞에 안보였어요. 장난으로 비오면 펜션에 앉아서 고스톱이나 치지뭐~ 이랬는데 진짜 비가 와서ㅠㅠ 나갔다가 몇 군데 구경못하고 고기 사 들고 펜션으로 들어왔습니다.

우도에 유채꽃이 좋다고 그래서 꼭 가보려고 했는데 셋째날에 비가오는 바람에 못갔네요~ 다음번에는 우도를 목표로! (이번에는 송악산 ㅋ) 갔다와야 겠습니다. 제주도 정말 좋았어요. ^^

제주도 관광지도

[추천 맥 어플] RSS 구독 어플리케이션(RSS 리더) - reeder

용의자 — Thu, 03 Nov 2011 08:00:00 +0900

아이패드에서 플립보드로 구독글을 보다가 컴퓨터에서 보는 것이 불편하게 느껴져(브라우저 키고 로그인 하고..거기다가 예쁘지도 않고..^^;) 맥용 구독 어플리케이션을 하나 구입했는데, 생각보다 너무 괜찮아서 소개를 해드릴까 합니다. 아시는 분들은 아실거라고 생각되네요. 현재 뉴스 카테고리 유료항목 1위인 어플리케이션입니다. reeder라는 어플리케이션이고 가격은 9.99달러입니다. (앱스토어에서 reeder 바로가기)

지금까지 써 온 구글리더. 최근 디자인이 바꼈긴 한데..역시 뭔가 부족하다.

플립보드에서 구글리더 항목을 불러온 화면. 마치 잡지를 보는 것 같다. 무료인게 신기한 어플

reeder는 맥 앱스토어에서 구입할 수 있습니다. ^^

어플을 구동하여 구글리더와 동기화한 모습. 어플을 시작하면 처음에 구글 아이디와 비번을 묻는 화면이 나옵니다. (클릭하시면 큰 이미지가 나와요.)

돈 주고 샀는데 생각한 것과 다르면 어쩌지? 하고 조마조마 해는데 예상보다 더 깔끔하고 예쁜 디자인에 일단 안심했습니다.

글 읽기 화면에서 제목을 클릭하면 브라우저 모드로 볼 수 있습니다.

많은 맥 어플이 그렇듯이 화면이동과 인터페이스 변환이 자연스럽고 부드럽습니다.

폴더를 펼친 모습. 오른쪽 상단에 동그라미 버튼은 읽지않은 항목, 별표는 별표 표시항목, 3줄로 된 아이콘은 모든 항목 보기

목록 오른쪽 마우스 클릭하고 구독해제 가능

하단에 설정 버튼을 클릭하여 구독항목을 추가할 수 있습니다.

RSS 주소를 넣으면 됩니다.

정렬방식 설정

포스트 목록을 어떤방식으로 묶을 것인가 설정

오른쪽 화면에 화살표 버튼을 누르면 나오는 메뉴. 읽고 있는 글을 에버노트, 딜리셔스, 트위터 등으로 바로 보낼 수 있네요.

트위터 글 보내기 화면. title을 누르면 제목이 link를 누르면 링크가 삽입됩니다.

Dock에 있는 reeder 아이콘. 읽지 않은 글 수 만큼 숫자가 표시됩니다. 한 동안 안 읽고 그냥 뒀더니 엄청 쌓여있네요..^^;

설정 - 기본. 구글리더, readability라는 서비스와 연동

설정 - 외관

설정 - 서비스. 화살표 버튼을 눌렀을 때 나오는 메뉴를 설정할 수 있습니다. 자주쓰는 메뉴는 툴바에 표시도 가능하네요.

설정 - 리딩

설정 - 제스쳐. 트랙패드나 매직마우스 용인듯(?)

설정 - 단축키

장점

쓰기 편리하다.
가독성이 좋다.
다른 서비스(딜리셔스, 에버노트, 트위터)와의 연동이 편리하다
단정하면서도 예쁜 UI

단점

아직까지 못 찾음..^^;

맥과 구글리더를 이용하는 분이라면 굉장히 유용하게 쓰일 듯 합니다. (앱스토어에서 reeder 바로가기)

[티스토리 스킨] Daily Press

용의자 — Wed, 21 Sep 2011 08:00:00 +0900

미리보기 http://dailypresspreview.tistory.com
미리보기2 (제가 따로 사용하고 있는 버전입니다.) http://designersnote.tistory.com/
라이센스 문의 epdlwlwhejs@gmail.com

[레이아웃] 2단, 3단 스킨을 만들어 보자

용의자 — Tue, 23 Aug 2011 13:25:56 +0900

2단 스킨 구조와 레이어(div)에 대한 이해

1) 2단 스킨의 구조

2단스 킨은 기본적으로 위와 같은 구조를 가진다고 볼 수 있습니다.

skin.html

<div id="container"><!--블로그 전체 몸통을 감싸는 레이어입니다.-->
  <div id="header">
   1. Header영역
  </div>
  <div id="content">
   2-1.  본문영역
  </div>
  <div id="sidebar">
    2-2. 사이드바 영역
  </div>
  <div id="footer">
    3. Footer영역
 </div>
</div>

style.css

#container	{width:800px;}
#header	{width:800px; height:300px;}
#content	{width:550px; float:left;}
#sidebar	{width:230px; float:right;}
#footer	{width:800px; height:200px; clear:both;}

위에 html, css 소스는 2단 스킨의 레이아웃을 간소화시킨 것입니다. 레이아웃의 구성은 레이어(div)로 이루어 지며 <div>와 </div> 사이에 해당되는 내용(헤더, 본문, 사이드바)이 들어가게 됩니다. style.css코드에 주황색으로 하이라이트를 준 부분은 2단 스킨을 구성하는데 가장 중요한 속성이며 앞으로 설명하게 될 내용과 관련이 있으니 주의깊게 보도록 합시다.

2) 레이어(div)에 대한 이해

<div>로 시작되어 </div>로 닫히는 레이어 태그는 그 사이에 특정한 공간을 할당하는 태그입니다. 이러한 요소를 통칭하여 block요소라고 하는데 block요소의 대표적인 성질은 다음과 같습니다.

가로길이(width)와 세로길이(height)값을 가질 수 있다.
block요소는 각 요소마다 독립된 가로영역을 가진다.

독립된 가로영역을 가진다는 말이 이해가 가지 않은 분들은 아래 그림을 참고하도록 합시다. :)

연속된 세개의 레이어(하늘색, 분홍색, 연두색)가 있을 때, 위의 그림에서 처럼 분홍색 레이어(div)가 하늘색 레이어(div)의 바로 옆에 위치하지 않고 아랫줄에 위치하는 것을 생각해 보시면 될 것 같습니다.

2단 스킨 구성하기 - float속성에 대한 이해

앞에서 우리는 block요소인 레이어가 독립된 가로영역을 가진다는 것을 알게 되었습니다. 그렇다면 [본문][사이드바]형태를 가지고 있는 2단 스킨을 만들기 위해서는 어떻게 해야 할까요? 그러기 위해 사용하는 CSS 속성이 바로 float입니다.

[그림1]

[그림2]

[그림1]의 형태로 구성되어 있는 레이어를 [그림2]와 같이 바꿔 줄 수 있는 것이 float입니다. float은 '띄우다'라는 의미로, 속성이 적용된 레이어를 특정한 공간상에 띄워주게 됩니다.

float:left는 왼쪽으로, float:right는 오른쪽으로

<div class="1">
float :left
</div>

<div class="4">
float :right
</div>

HTML

<div class="1"><!--빨강색상자-->
 float:left
</div>
<div class="4"><!--초록색상자-->
 float:right
</div>

CSS

.1	{width:100px; padding:5px; background-color:#FF0000; float:left;}
.4	{width:100px; padding:5px; background-color:#339900; float:right;}

같은 방향으로 float된 요소는 중첩되어 한 방향으로 쌓인다.

<div class="1">
float :left
</div>

<div class="2">
float :left
</div>

<div class="3">
float :left
</div>

<div class="4">
float :left
</div>

HTML

<div class="1"><!--빨강색상자-->
  float:left
</div>
<div class="2"><!--주황색상자-->
  float:left
</div>
<div class="3"><!--노란색상자-->
  float:left
</div>
<div class="4"><!--초록색상자-->
  float:left
</div>

CSS

.1	{width:100px; padding:5px; background-color:#FF0000; float:left;}
.2	{width:100px; padding:5px; background-color:#FFCC00; float:left;}
.3	{width:100px; padding:5px; background-color:#FFFF00; float:left;}
.4	{width:100px; padding:5px; background-color:#339900; float:left;}

float 버그 1: margin:3px 버그 (익스플로러6)

익스플로러 6에서는 같은 방향으로 float된 요소 사이에 3px의 margin(여백)이 생깁니다. 따라서 몸통레이어의 가로 길이를 800px으로 잡고 그 속에 float된 본문레이어와 사이드바레이어의 가로길이가 각각 600px, 200px일 때 이론적으로는 600+200=800이 되어 몸통 레이어안에 꼭 맞게 들어가야 되지만 익스플로러 6에서 margin이 3px이 생기게 되어 총 600+200+2=802가 되므로 전체 레이어안에 꼭 맞게 들어가지 않고 사이드바가 밑으로 떨어지게 됩니다.

해결방법

float:left와 float:right사용하기
전체 레이어의 가로 길이를 여유있게 잡기

float 버그 2: 더블margin 버그 (익스플로러6)

float된 방향과 같은 방향으로 margin값을 줬을 때(예: float:left; margin-left:20px;) margin값이 두배가 되는 버그입니다.

해결방법

같은 방향으로 margin값을 주지 않는다. (다른 방향 혹은 padding값 사용)

float 버그3: float된 요소가 외곽선을 벗어나는 현상

<div class="1">
float :left
</div>

<div class="2">
float :left
</div>

<div class="3">
float :left
</div>

<div class="4">
float :left
</div>

위와 같이 float된 요소가 자신을 감싸고 있는 레이어를 벗어나는 현상입니다.

해결방법

아래의 소스를 style.css에 넣어 준 뒤, float된 요소의 부모레이어(감싸주는레이어)의 class를 clearfix로 지정해 줍니다.(class="clearfix")

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
* html .clearfix {height: 1%;}

IE8 적용 뉴 버전 (출처)

/* full clearfix */
/* add to floating elements which shall clear floating after themselves */ 
* html .clearfix{
	height: 1%; /* IE5-6 */
}
*+html .clearfix{
	display: inline-block; /* IE7not8 */
}
.clearfix:after{ /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

3단 스킨 구성하기

3단 스킨의 경우 사이드바와 관련된 레이어가 하나 더 추가되었을 뿐, 2단 스킨과 같은 형태로 구현된다고 생각하시면 됩니다.

skin.html

<div id="content">
  본문
</div>
<div id="sidebar1">
  사이드바1
</div>
<div id="sidebar2">
  사이드바2
</div>

style.css

#content	{width:500px; float:left;}
#sidebar1	{width:150px; float:left;}
#sidebar2	{width:150px; float:left;}

위에 주황색으로 표현된 사이드바의 float:left를 블로그 제작자의 취향에 따라 float:right를 사용할 수도 있습니다. 단, float:right를 쓸경우 skin.html상에서 sidebar1레이어와 sidebar2레이어의 위치를 바꿔주어야 합니다. (먼저 float된 요소가 오른쪽 가장자리에 위치하게 되므로 제일 오른쪽에 위치한 sidebar2레이어가 sidebar1레이어보다 먼저 나와야 한다. )

skin.html

<div id="content">
  본문
</div>
<div id="sidebar2">
  사이드바2
</div>
<div id="sidebar1">
  사이드바1
</div>

style.css

#content	{width:500px; float:left;}
#sidebar1	{width:150px; float:right;}
#sidebar2	{width:150px; float:right;}

Footer만들기 - clear속성에 대한 이해

2단 스킨의 구조에 대한 이해에서 보았던 2단 스킨 구조를 다시 한 번 살펴보도록 합시다.

skin.html

<div id="container"><!--블로그 전체 몸통을 감싸는 레이어입니다.-->
  <div id="header">
   1. Header영역
  </div>
  <div id="content">
   2-1.  본문영역
  </div>
  <div id="sidebar">
    2-2. 사이드바 영역
  </div>
  <div id="footer">
    3. Footer영역
 </div>
</div>

style.css

#container	{width:800px;}
#header	{width:800px; height:300px;}
#content	{width:550px; float:left;}
#sidebar	{width:230px; float:right;}
#footer	{width:800px; height:200px; clear:both;}

footer레이어에 clear속성이 both로 지정되어 있는 것을 볼 수 있습니다. footer레이어는 float된 요소인 content레이어와 sidebar레이어의 바로 다음에 위치하고 있습니다. float된 레이어(content, sidebar)는 다음에 오는 block요소(footer)에도 영향을 미치므로 float된 레이어와 별개의 요소로 위치시키기 위해 사용하는 속성이 clear입니다. 아래의 예를 보시면 더 이해가 빠를거라고 생각됩니다.

<div class="1">
float :left
</div>

<div class="2">
float :left
</div>

clear가 적용 되지 않은 레이어

.1	{width:100px; padding:5px; background-color:#FF0000; float:left;}
.2	{width:100px; padding:5px; background-color:#FFCC00; float:left;}
#footer	{background-color:#FFFF00; }

<div class="1">
float :left
</div>

<div class="2">
float :left
</div>

clear가 적용된 레이어

.1	{width:100px; padding:5px; background-color:#FF0000; float:left;}
.2	{width:100px; padding:5px; background-color:#FFCC00; float:left;}
#footer	{background-color:#FFFF00; clear:left; }

clear속성 사용하기

clear속성은 다음과 같은 값을 가집니다.

clear:left /*왼쪽으로 float된 요소에 대해 clear */
clear:right /*오른쪽으로 float된 요소에 대해 clear */
clear:both /*양쪽 모두 clear */
clear:inherit /*부모 요소의 clear 값을 물려 받음 */
clear:none /* clear값을 없앤다. */

익스플로러6(IE6)에서 png파일 사용하기

용의자 — Wed, 29 Dec 2010 18:22:00 +0900

IE6에서 png파일을 사용하는 방법으로 이미 많은 곳에서 소개되고 있지만 영어 울렁증이 있어 사용하지 못하고 계신 분들을 위해 준비(?)했습니다. ^^ img 태그에 직접 png이미지를 사용할 수 있고 CSS에서 background로 지정해서 쓸 수도 있습니다. background-repeat과 background-position기능을 제공합니다.

http://www.dillerdesign.com/experiment/DD_belatedPNG/
위 링크로 들어가셔서 먼저 파일을 받습니다.

둘 중에 아무거나 받습니다.

그림에 있는 부분을 찾아 복사합니다.

HTML문서 중 <head>와 </head> 사이에 붙여넣기를 해줍니다.

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');
  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->

주황색으로 되어 있는 곳이 수정해야 될 부분입니다. HTML문서와 같은 경로에 js파일을 받았다면 DD_belatedPNG.js 부분은 그대로 두고 다른 경로에 넣었다면 경로를 넣어줍니다.

다음 아래 .png_bg라고 적힌 곳은 png이미지가 적용된 부분의 클래스네임(아이디테임, 태그이름)을 넣는 부분입니다. 예를 들어 CSS파일에

#container	{background: url(./images/bgTop.png) no-repeat 0 0;}
#wrapper	{background: url(./images/bgWrapper.png) repeat-y 0 0;}
.point	{background: url(./images/bgPoint.png) no-repeat 0 0;}

라고 들어갔다면 .png_bg부분을 #container, #wrapper, .point 라고 수정해줍니다. (png파일을 사용한 곳이 복수인 경우 쉼표로 구분)

HTML파일에는 아래와 같이 들어가게 됩니다.

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('#container, #wrapper, .point');
  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->

쉽죠? ^^ png파일을 이용해서 더 멋진 디자인 해보세요~~

연관글 보기

배경이 투명한 PNG파일 만드는 방법

[티스토리 스킨] IT premium BG

용의자 — Sat, 27 Nov 2010 23:15:40 +0900

미리보기 http://itpremiumbg.tistory.com
라이센스 문의 epdlwlwhejs@gmail.com

[추천음악] 습관 - 롤러코스터 1집

용의자 — Sun, 10 Oct 2010 07:30:00 +0900

6번트랙 - 습관

트랙정보

내게로 와
내손을 잡아줘
회전목마
어디있나요
습관
내가 배워둔 세상
아슬아슬
비오는 이른새벽 자장가
just one more night
참 잘했어요
the end

음악 CD들을 뒤적거리다가 롤러코스터 CD를 발견했어요. 그 때는 용돈모아 산 CD들이 보물같이 느껴졌었는데...요즘에는 검색 한 번으로 너무 쉽게 노래를 다운 받을 수 있어서 그런지 그 감동이 옛날만 못한 것 같습니다. 몇 번 들으면 질려버리고...금방 다른 곡을 찾게 되고 말이죠..^^;

이 노래는 제가 10대 때 줄기차게 듣던 노랜데...듣고 있으니 2000년대 초반의 분위기나 10대 때 느꼈던 여러가지 감정들이 다시 마음속에서 일렁이네요...^^ 같이 들어요~

[잡담] 요즘 빠져 있는 것

용의자 — Wed, 06 Oct 2010 07:30:00 +0900

얼마 전 tv에서 해주는 영국의 여왕 엘리자베스 1세의 이야기를 담은 골든에이지라는 영화를 보고 영국 전통 의상에 관심이 생겼어요. 영화자체는 그럭저럭이었지만 케이트 블란쳇의 연기와 의상을 보는 재미가 솔솔했습니다.

여왕의 위엄을 느낄 수 있는 화려한 목장식

엘리자베스여왕의 실제 초상화, 저런 의상이 진짜 있긴 있었나보네요~

예쁘긴 한데 이런 의상이 진짜 있었을 까요?

목 둘레의 레이스 장식과 끝이 모아진 소매가 여성스럽다.

머리장식이 굉장히 화려하다. 옆에 있는 남자는 외국에서 온 사절단(?) 같은 거였는데 여왕앞에서 쫄은 모습이 안스러웠다..-.-;;

머리에 꽂아 보고 싶은 깃털장식

비슷한 목장식.

보라색의 아름다운 드레스

영상으로 봤을 때 정말 예뻤던 드레스.

의상과는 상관이 없지만 영화에 나왔던 스코틀랜드의 여왕 메리 스튜어트

케이트 블란쳇이 연기한 엘리자베스 여왕은 매력적인 모습이었지만 실제의 그녀는 그리 아름다운 외모를 갖지 못해 컴플렉스가 있었다고 합니다. 같은 시기에 스코틀랜드를 통치했던 여왕 메리 스튜어트는 그에 반해 여성스러운 미인으로 알려져 있습니다.

메리 스튜어트 여왕

메리 스튜어트는 정통 왕가에서 혈통을 인정받고 태어나 스코틀랜드의 여왕이자 프랑스의 왕세자비로 유럽 사교계의 인기를 독차지 하며 호사스러운 생활을 누립니다. 사생아로 태어난(그녀의 어머니는 앤 블린) 엘리자베스는 혈통과 미모를 가진 그녀에게 굉장한 질투를 표출했다고 합니다. 게다가 처녀여왕으로 알려진 엘리자베스 여왕에 반에 메리 스튜어트는 여성으로서 자신의 사랑을 쟁취하는데 주저함이 없었죠. (슈테판 츠바이크가 집필한 메리 스튜어트의 전기를 읽어보면 그녀는 여왕으로서의 의지보다 여성으로서의 의지가 더 강했다고 나와있다.)

아래 글은 두 사람과 관련된 재미난 일화입니다.

아름다운 메리에 대한 엘리자베스의 질투는 여왕으로서의 체통마저 내팽개치게 했습니다. 스코틀랜드의 사신인 제임스 멜빌 경이 잉글랜드를 방문하였을 때, 엘리자베스는 다른 외교 문제들은 제쳐두고 "나와 메리 중 누가 더 아름다운가?"라는 질문으로 멜빌을 당황하게 만들었습니다.

멜빌 경이 "엘리자베스는 잉글랜드에서 가장 아름답고, 메리는 스코틀랜드에서 가장 아름답다"고 얼버무리려 하자, 엘리자베스는 몹시 화를 내며 한 쪽을 선택하라고 윽박질렀습니다. 고민 끝에 멜빌 경이 "메리가 더 아름답다"고 진실을 말하자, 엘리자베스는 시무룩해하며 "그럼 둘 중 누가 더 키가 크냐?"고 물었습니다. 메리가 더 크다고 답하자, 그녀는 "그럼 메리는 지나치게 큰 거군요!"라고 대꾸했다고 합니다.

어느 외국 외교관이 엘리자베스가 듣는 앞에서 "메리는 정말 사랑스러운 여인"이라는 말을 했다가, "내가 그녀보다 낫다"는 여왕의 무뚝뚝한 지적을 듣기도 했습니다.

재미있게도, 이토록 메리의 외모에 집착을 보였던 엘리자베스는 단 한 번도 메리와 얼굴을 맞댄 적이 없었다고 합니다. 어쩌면, 직접 만나지 못했기에 메리에 대한 '환상'을 가졌던 것일지도 모르지요.
출처

그리고 영국 전통의상에 대한 호기심을 더욱 부채질 하고 있는 것이 제인오스틴의 소설과 그 것을 영화화한 작품들입니다.

영화 센스 앤 센서빌리티의 주인공인 두 자매

영화 센스 앤 센서빌리티 제인 오스틴의 동명의 소설을 원작으로 하고 있는데, 소설을 안봐서 그런지 영화는 알려진 것 보다 재미가 있었어요. ㅎ

엠파이어 스타일의 드레스와 이마로 늘어뜨린 앞머리가 여성스럽다.

제인 오스틴의 소설에는 항상 결혼 적령기의 자매와 그녀들의 신랑감 쯤 되는 남자와 바람둥이 혹은 질 나쁜 남자가 등장하는 데 위 사진 속 남자가 바로 그 질나쁜 남자입니다.ㅋ

굉장한 인기를 끌었던 BBC의 오만과 편견. 가운데 앉은 검은 머리 여자가 주인공인 엘리자베스

BBC 오만과 편견 시리즈는제인 오스틴 소설을 드라마 혹은 영화화 한 것들 중에 가장 재미있게 봤던 시리즈입니다. 엘리자베스와 제인이 생각보다 이쁘지 않아 실망했지만 원작을 읽고도 내용이 재미있었고 무엇보다 남자주인공 미스터 다아시 역을 맡은 콜린퍼스가 정말 멋있게 나와요. 실제로 이 시리즈가 방영될 당시 콜린퍼스의 인기가 하늘을 찔렀다고 합니다.

엘리자베스의 언니로 등장하는 제인. 소설에서는 미인으로 나오는데 글쎄..^^; 그러고 보니 위에 있는 메리 스튜어트와 조금 닮은 듯한 느낌이..

다아시가 소유하고 있는 대궐같은 저택. 신랑감으로 등장하는 남자들은 대게 잘생긴 외모에 좋은 집을 가지고 있다...^^;

제인오스틴의 생애를 각색하여 영화로 만든 작품. 비커밍 제인

영화 설득의 두 주인공

얼마 전 문학동네에서 제인오스틴의 설득이 나왔더라구요. 번역도 괜찮은 것 같고 재미있게 읽었습니다. 오만과 편견, 기타 제인 오스틴 소설을 좋아하는 분이라면 강력추천~ ㅎ

P.S. 혹시 영국전통의상 관련서적이나 잘 정리되어 있는 곳을 알고 계신 분 없나요? ^^; 아무리 찾아봐도 없더라구요..orz