Blog: 2월 2011

2011년 2월 27일 일요일

[CSS/웹표준] DOCTYPE 선언

태그명 : DOCument TYPE Declaration - 도큐먼트 타입 선언

브라우저가 좀 더 빠르고 정확하게 문서를 분석하여 표현, 제약이 걸린다.

<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Strict//EN"

"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

- 가장 표준이 되는 DTD

- 문서는 XHTML1.0을 따르고 Strict 방식에 따라 영문으로 제작

- http://www.w3.org/TR/xhtml/DTD/xhtml-Strict.dtd라는 DTD정의를 참조

- Strict는 문서에 확장된 속성을 제공하지 않고 제약을 걸어둔다는 뜻인데, 이것은 모바일기기나 장애인을 위한 브라우저등 모든 브라우저에서 사용가능한 최소한의 태그만을 사용한다는 것이다. 그래서 최소한의 태그만을 유지하고 화면상의 표현을 하기 위해서는 CSS를 사용해야 한다. 배경색 , 글자색등의 일정한 조건에 따른 어트리뷰트(bgcolor 라던가 font태그의 color속성)을 인정하지 않는다.

<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Strict//EN"

"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

최상위엘리먼트네임

html이나 xhtml의 가장 최상위는 무조건 <html>태그 이기 때문에 html로 작성합니다. 하지만 예외적으로 내부용일경우에는 다른 코드가 삽입될수도 있지만. 여기에서는 국제적인 코드를 생각해서 html이 삽입됩니다.

(PUBLIC | SYSTEM)

문서가 국제적으로 쓰이는 문서인지. 내부적으로 쓰이는 문서인지를 설정합니다. 내부적일 경우에는 DTD든 최상위엘리먼트든 작성자 마음대로 작성하거나 지정할수 있습니다.

ISO공인인증기관 | ISO비공인인증기관

본 문서가 어디에서 만든 DTD를 사용하는가에 대한 내용입니다. 공인인증기관일경우 " + " 모양을 비공인인증기관일경우엔 " - ' 를 사용합니다. W3C는 비공인인증기관이므로 " - " 값이 들어갑니다.

기관명
DTD를 작성한 기관명입니다.

DTD 작성 타입
DTD XHTML (version) Strict => 권장 표준 안
DTD XHTML (version) Transitional => Strict 보단 완화된 표준안
DTD XHTML (version) Frameset => 프레임을 나눌경우 프레임페이지에 사용

인코딩언어
xml:lang일때 같이 ISO에서 인증한 언어코드로 문서를 출력합니다.
(모든 html DTD는 영문이기 때문에 EN이 거의 기본화 되어있습니다. / 실제로 DTD는 한글로 작성할수도 있습니다. 물론 선언은 영문으로 해야 하지만요.

DTD URL

실제로 이 문서를 파싱할(유효한지 하지 않은지 판단) DTD를 지정합니다.

출처 http://www.redbrush.co.kr/board_view.red?page=&searchType=&searchKeyword=&id=redshoptips&bid=27

리눅스 퍼미션

퍼미션(권한)이란?

Owner			Group			Other			Owner와 Group은 파일소유자자신과 자신이 속한그룹. Other은 제3자, 웹사이트 방문객은 제3자로 nobody로 취급.
r	w	x	r	w	x	r	w	x	r은 파일 읽기(4), w는 파일 쓰기(2), x는 파일 실행(1)
7			5			5			파일소유자는 그것을 읽고 쓰고 실행시킬 수 있지만, 제3자는 읽고 실행만 시킬 수 있다.
7			7			7			제3자도 쓰기 권한이 주어진다.

*.html *.cgi, *.pl *.txt등의 파일은 업로드시 반드시 ascii로 하고 나머지 그림(*.gif *.jpg)이나 자바 애플릿(*.class), 실행파일(*.exe *.zip *.rar)등은 binary mode로 업로드 할 것.

r은 read, w는 write, x는 excute

출처 http://www.mireene.com/webimg/linux_tip1.htm

2011년 2월 25일 금요일

INKSCAPE tutorial 5

시도해 본 모습 입니다.

출처 http://noclayto.deviantart.com/art/Clouds-Uhh-31751187

INKSCAPE tutorial 4

완성 모습

freehand line tool로 호박을 그립니다. (smoothing 70)

원하는 형태로 조절해 보세요.

(형태를 복제해 도큐먼트 바깥에 놓습니다. 차후에 호박의 질감에 사용하게 됩니다.)

호박의 주름을 그립니다.

주름을 복제하고 방향을 바꿉니다. (H키)

두개의 주름에 Extensions>Generate From Path>Interpolate를 적용 합니다.

주름의 모양을 만져 줬습니다.

호박에 그라디언트를 적용합니다.

블러와 투명도를 조절 합니다.

주름 레이어를 가립니다.

새로운 레이어를 만들고 하이라이트와 그림자를 그립니다.

투명도와 블러를 적용 합니다.

주름 레이어를 보이게 합니다.

선을 두개로 복제 합니다.

두개의 선을 shift키를 누른 상태로 선택하고 CTRL + K로 연합 합니다.

선의 끝 점을 선택하고 join selected nodes를 선택해 이어 줍니다.
형태가 만들어 졌습니다.

형태를 제자리에 복제 합니다. (Ctrl+C 후에 Ctrl+Alt+V)

edit paths by nodes툴로 복제된 형태의 선을 끄집어 냅니다.

형태에 하이라이트와 그림자를 그라디언트로 적용 합니다.

새로운 레이어를 만들어 호박 레이어 위에 위치 시킵니다.
도큐먼트 밖에 복제해 놓은 형태를 가져 옵니다.
두개의 형태를 중첩 시킵니다.

오렌지색을 고르고 Filters>Texture>Rough Paper를 적용 합니다.

(Filters>Filter Editor > rough paper filter에서 거칠기를 조절할 수 있습니다.)

screen모드와 투명도로 자연스럽게 합성합니다.

줄기 레이어를 만듭니다.

어두운 녹색/회색을 위에서 아래로 적용

하이라이트와 그림자를 그립니다.

호박 밑에 그림자를 그립니다.

하이라이트를 추가 합니다.

본문은 http://tutorialgeek.blogspot.com/2010/11/draw-pumpkin-using-inkscape.html의 내용을 번역 및 수정 하였습니다.

2011년 2월 23일 수요일

홈페이지 오류

도메인뒤에 자꾸 start.asp가 따라 붙는다.

도큐먼트 루트안에 그런게 없는데 말이다.

수정

----------------

정확한 방법인지 모르겠지만 됩니다.

가상호스트에서 8000포트를 지정하고, 공유기 포트포워드에서

내부ip의 외부포트80, 내부포트를 8000으로 잡아 주었습니다.

내부 클라이언트 웹브라우저에서 192.168.0.7:8000으로 연결하니 됩니다..

다른 방법으론 연결이 안됩니다.

2011년 2월 22일 화요일

창업

관련기사
http://news.nate.com/view/20110221n30057

베플
http://news.nate.com/view/20110222n19654

자기 회사 시작하기는 참 쉽죠.
근데 성공은 커녕 살아남기도 정말 어려워요.
오죽하면 망하지 않고 돈도 못 벌었지만 5년이상 버틴 CEO를 대단하다고 하겠어요.
왠만한 중소기업 창업가 (보통 Entrepreneur라고 하죠)가 최고 기업 월급쟁이 CEO보다
더 위대하다고 평가하는 경우도 미국에는 많답니다.
그만큼 창업해서 유지하는 것은 너무너무 힘들다는 겁니다.
직장인으로 승승장구해도 창업해서 성공하는 경우는 매우 드문것도 이때문이죠.
그럼 미국에서 발표한 "기업가의 11가지 잔혹한 현실"을 볼까요.

- 창업 아이디어는 대부분 시장 진출 초기에 실패한다.
따라서 고객에게 귀를 기울여 개선을 거듭해야 한다.

- 가장 가까운 가족조차 당신이 정확히 뭘 하는지 이해하지 못한다.
(특히 B2B 사업의 경우)

- 창업후 상당기간 동안 평균 이하의 생활비를 벌게 될 것이다.

- 모든 것이 생각보다 2배 이상 걸린다.

- 50명 이하의 지원스탭 (직원이 아님)을 보유할 정도의 기업 규모가 될때까지
사내에서 당신의 직함은 의미가 없다. 겸손해라. 무조건 몸을 낮추고 솔선수범하라.

- 한방에 성공을 보르는 고객이나 거래는 없다. 창업의 성공은 작은 성공으로 나타나는 행운이 지속적으로 누적되야 가능.

- 당신에게 돈을 벌어다 주는 고객은 사실 끊임없이 당신을 괴롭힐 것이다.
정확하고 변함없는 고객응대기준을 가지고 고객을 대하라.

- 당신 혼자 할 수 있는 것은 아무것도 없다. 팀웍을 최대한 장려하라.

- 하룻밤에 이루어지는 성공은 사기다.
창업의 성공은 수년간의 노력에 의해서만 이루어진다.

- 당신과 시장이 원하는 임직원 팀을 구성하기란 하늘에 별따기로 어렵다.
제대로 된 팀의 구성없이 성공가도를 달리는 때가 오히려 바로 망하는 지름길이다.

- 불가항력은 도처에 널려있다. 그러나 멈추자 말라.
많은 기업들은 창업가들이 단지 "그만 두고 포기하기 때문에" 문 닫는다.

2011년 2월 20일 일요일

GIMP tutorial 2

완성 모습

정사각형 도큐먼트를 만듭니다.
Step 1

메뉴 목록에서 Filters>Render>Clouds>Solid Noise를 선택 합니다.다음과 같이 지정합니다.
Step 2

메뉴 목록에서 Colors>Levels을 선택 합니다.명도를 슬라이더로 조정해 주세요.
Step 4

메뉴 목록에서 Filters>Blur>Motion Blur를 선택 합니다.다음과 같이 지정합니다.
Step 5

메뉴 목록에서 Filters>Distorts>Whirl and Pinch를 선택해 주세요.
Step 6

레이어를 복사해 주세요.
Step 7

단축키 Shift+Control(Command on Mac)+F를 선택 합니다.다음과 같이 설정 합니다.
Step 8

상단 레이어의 블랜드 모드를 Lighten Only를 바꾸어 줍니다.
그리고 오른쪽 버튼을 누르고 flatten image를 선택합니다.
Step 9

메뉴 목록에서 Colors>Curves를 선택 합니다.채널의 색상을 자유롭게 변화시켜 보세요.
Step 11

완성

2011년 2월 19일 토요일

GIMP tutorial 9

1
500×500 px의 레이어를 만듭니다.
2
Filters>Render>Clouds>solid noise, parameter를 그림처럼 적용 하세요.
3
Filters>Artistic>Cubism
그림과 같이 설정값을 줍니다.

Filters>Edge-Detect>Edge
기본 설정값을 줍니다.
4
적용 모습
5
Filters>Map>Map Object
그림처럼 설정값을 줍니다.

Lightsource type을 no light로 선택
6
적용 모습
7
Filters>Distorts>Polar Coordinates
그림처럼 설정값을 줍니다.
8
Image> Transform>Rotate 90 anti clock wise

Filters>Distorts>Wind
그림처럼 설정값을 줍니다.

Ctrl+F를 눌러서 두번 적용 합니다.
9
Image>Transform>Rotate 90 anti clock wise

Filters>Distorts>Polar Coordinates
그림처럼 설정값을 줍니다.
10
레이어을 복사해서 screen모드를 줍니다.
화이트 영역이 강해 졌을 것 입니다.
11
이런 모습 입니다.
12
우클릭 후 Merge down.
Colors>Colorize로 컬러를 조정 합
13
새로운 레이어를 만듭니다.
Filters>Light Effects>GradientFlare를 선택하고 그림과 같이 설정 합니다.
빛이 충분치 않습니다. Ctrl+F로 반복 합니다.
두번째 레이어를 만든 뒤, 위 내용을 반복 합니다.
행성 레이어 사이에 배치합니다.
14
검은색 배경 레이어를 만듭니다.
15
글씨를 추가해 줍니다.
16
글자에도 빛 효과를 줍시다.
17
글에 Filters>Light-Effects>Lighting을
적용 합니다.
18
Script-Fu>Shadow>Drop-Shadow를 적용 합니다.
19
완성 모습

본 내용은 http://fwebde.com/web-design/creating-awesome-website-design-gimp/의 내용을 수정 및 번역 하였습니다.