꽃에 대한 사진을 출력해달라는 부탁에

 

 

 

 

Posted by 캠퍼스친구
좋은 글, 좋은 생각2011. 4. 10. 15:44



2011년 대구/경북지역 인터넷서비스 출석수업요점

 

단답형 용어정리

DNS - 인터넷주소인 도메인 이름을 숫자로 된 IP주소체계로 바꾸어주는 시스템 또는 서비스

FTP, 익명 FTP - FTP는 파일전송프로토콜(File Transfer Protocol)의 약어로 네트워크에 연결된 서로 다른 컴퓨터 간에 파일을 주고받을 수 있는 통신 규약이다. 익명 FTP(Anonymous FTP)는 특별한 제한 없이 누구나 이용할 수 있는 FTP이다.

HTML - 인터넷에서 문서 교환을 할 수 있는 웹에서 사용하는 표준화된 언어로 웹서비스에서 기본으로 이용되는 문서 양식인 하이퍼텍스트 문서를 작성할 수 있는 언어이다.

HTTP - Hypertext Transfer Protocol의 줄임말로 하이퍼텍스트를 기반으로 한 프로토콜로 웹의 통신규약이다.

IIS - Internet Information Service의 줄인말로 웹서비스를 제공할 수 있는 윈도우의 웹서버.

IP주소체계 - 인터넷에 연결되니 각각의 컴퓨터를 구별하는데 사용하는 주소로 v432bit 숫자를 8bit4부분으로 나누고 점(.)으로 구분해서 10진수로 나타내며 주소유형은 네트워크의 크기에 따라서 A,B,C,D,E5가지 클래스가 존재한다. v6128bit의 숫자를 16bit8부분으로 나누고 콜론(:)으로 구분해서 16진수로 나타내고 유니캐스트, 멀티캐스트, 애니캐스트의 3가지 유형이 있다.

Protocol - 컴퓨터 시스템 간의 정보를 교환하기 위한 통신 규약

TCP/IP - 이기종의 컴퓨터와 운영체계의 차이점과 문제점을 극복하고 상호통신을 할 수 있는 인터넷 통신규약으로, TCP는 패킷의 전송오류를 복구하는 역할을 하고, IP는 패킷의 송수신 역할을 한다.

XML - eXtensible Markup Language의 줄임말로 HTML의 한계를 극복하고, SGML의 문서표준을 보다 간편하게 만든 확장 가능한 마크업 언어이다.

구글, 네이버 - 검색 엔진이 수집하는 정보를 제공해 주는 사이트로구글은 페이지 순위를 도입한 다양한 검색 기능을 제공하고,네이버는 키워드 분석을 통한 다양한 멀티미디어 검색 기능을 제공한다.

네트워크 - NetWork의 합성어로 2대 이상의 컴퓨터를 유선이나 무선으로 연결하여 유익한 정보나 자원들을 주고받을 수 있는 시스템.

원격접속 - 원거리에 있는 사용자가 다른 곳에 위치한 컴퓨터를 연결하여 사용하는 서비스.

웹브라우저 - 인터넷에 접속하여 웹 서버로 부터 웹서비스를 받고자 해당 서비스를 요청하는 프로그램으로 하이퍼텍스트 문서를 번역하고 동작하는 기능을 제공한다.

웹스토어 - 스마트 폰을 활용한 프로그램을 다운로드 받거나 구매할 수 있는 장터.

인터넷 - INTERnational NETwork의 줄임말로 전세계의 네트워크들을 유선과 무선으로 연결한 네트워크들의 모임이다.

전자우편 Protocol - 전자우편을 주고 받을수 있는 통신규약으로SMTP는 전자우편을 송신하는 역할을 수행하고,POP는 서비스업체에 저장된 우편물을 사용자가 다운로드 받는 것이고,IMAP은 전자우편을 수신하는 역할을 하며,MINE는 멀티미디어 정보를 전송하는 역할을 담당한다.

홈페이지 - 한 개인이나 단체가 다른 사람에게 정보를 표현하고 전달할 수 있는 인터넷 상의 가상공간을 말한다.

 

 

서술형 용어정리

HTML문서의 기본구조 - HTML문서는 처음에 HTML문서라는 것을 <HTML> 태그를 사용하여 선언한 후, 문서의 기본 정보와 링크를 기술한 <HEAD>부와 본문 내용을 표현한 <BODY>부로 구성되어 있다.

IP주소체계 - 인터넷에 연결되니 각각의 컴퓨터를 구별하는데 사용하는 주소로 v432bit 숫자를 8bit4부분으로 나누고 점(.)으로 구분해서 10진수로 나타내며 주소유형은 네트워크의 크기에 따라서 A,B,C,D,E5가지 클래스가 존재한다. v6128bit의 숫자를 16bit8부분으로 나누고 콜론(:)으로 구분해서 16진수로 나타내고 유니캐스트, 멀티캐스트, 애니캐스트의 3가지 유형이 있다.

전자우편 Protocol - 전자우편을 주고 받을수 있는 통신규약으로SMTP는 전자우편을 송신하는 역할을 수행하고,POP는 서비스업체에 저장된 우편물을 사용자가 다운로드 받는 것이고,IMAP은 전자우편을 수신하는 역할을 하며,MINE는 멀티미디어 정보를 전송하는 역할을 담당한다.

원격접속 & FTP 기능의 차이점 - 원격접속은 사용자가 다른 곳에 있는 컴퓨터와 연결하여 컴퓨터의 자원을 사용할 수 있는 서비스이고, FTP는 원격 컴퓨터에 단순히 파일을 업로드하거나 다운로드 할 수 있는 서비스이다.

표본화, 양자화, 부호화 - 아날로그 데이터인 소리를 디지털 데이터로 변환하는 과정을 말하며,표본화는 1초 동안에 취할 수 있는 표본수로 Hz로 나타내며,양자화는 표본점의 정밀도를 말하는 것으로 8, 16비트등으로 표현하며,부호화는 양자화된 신호를 이진수로 변환하는 것을 말한다.

Posted by 캠퍼스친구
<script language="JavaScript" type="text/JavaScript">
var banner=new Array();
banner[0]="<div style='width:426px;border:solid #dedede; border-width:1px 1px 1px 1px;'><embed width='426' height='104' src='/contents/banner/hauzen_kimyuna.swf'></embed></div>";
banner[1]="<div style='width:426px;border:solid #dedede; border-width:1px 1px 1px 1px;'><embed width='426' height='104' src='/contents/banner/ie8.swf'></embed></div>";
var random_banner=Math.floor(Math.random()*(banner.length));
</script>
<script>document.write(banner[random_banner]);</script>
Posted by 캠퍼스친구
홈페이지 관련/HTML2011. 3. 10. 00:20

드림위버를 통해서 본 CSS 속성 알아보기

텍스트 글꼴, 배경 이미지 및 배경색, 간격 및 레이아웃 속성, 목록 요소 모양 등 CSS 규칙의 속성을 정의할 수 있습니다. 새 규칙을 만든 다음 속성을 설정합니다.

 

 

CSS 유형 속성 정의하기

Font-family 스타일의 글꼴을 설정합니다. 브라우저는 사용자의 시스템에 설치된 첫 번째 글꼴을 사용하여 텍스트를 표시합니다. Internet Explorer 3.0과 호환되게 하려면 Windows 글꼴을 목록의 앞쪽에 나열합니다.

Font-size 텍스트의 크기를 정의합니다. 숫자와 측정 단위를 선택하여 특정 크기를 선택하거나, 상대적인 크기를 선택할 수 있습니다. 픽셀 단위를 선택하면 브라우저에서 텍스트가 왜곡되지 않습니다.

Font-style [Normal], [Italic] 또는 [Oblique]를 글꼴 스타일로 지정합니다. 기본 설정은 [Normal]입니다.

Line-height 텍스트를 배치하는 행의 높이를 설정합니다. 이 설정을 일반적으로 줄 간격이라고 합니다. [Normal]을 선택하여 행 높이를 글꼴 크기에 따라 자동으로 계산하거나, 정확한 값을 입력하고 측정 단위를 선택합니다.

Text-decoration 텍스트에 underline, overline 또는 line-through을 추가하거나 텍스트를 깜빡이게(blink) 합니다. 일반 텍스트의 기본 설정은 [none]입니다. 링크의 기본 속성은 [underline]입니다. 링크 설정을 [none]으로 지정할 경우 특수한 클래스를 정의하여 링크의 밑줄을 제거할 수 있습니다.

Font-weight 글꼴의 굵은 문자에 특정한 값이나 상대적인 값을 적용합니다. [normal]400에 해당하고 [Bold]700에 해당합니다.

Font-variant 텍스트를 작은 대문자로 설정합니다. Dreamweaver의 문서 윈도우에는 이 속성이 표시되지 않습니다. Internet Explorer에서는 [Font-variant] 속성이 지원되지만 Navigator에서는 지원되지 않습니다.

Text-transform 선택 영역에 포함된 각 단어의 첫 번째 문자를 대문자로 설정하거나(capitalize) 텍스트를 모두 대문자(upper case) 또는 소문자(lower case)로 설정합니다.

Color 텍스트 색상을 설정합니다.

CSS 스타일 배경 속성 정의하기

[CSS 규칙 정의] 대화 상자의 [배경] 범주를 사용하여 CSS 스타일의 배경 설정을 정의합니다. 웹 페이지의 모든 요소에 배경 속성을 적용할 수 있습니다. 예를 들어, 텍스트 뒤, , 페이지 등의 페이지 요소에 배경색이나 배경 이미지를 추가하는 스타일을 만듭니다. 배경 이미지의 위치를 설정할 수도 있습니다.

Background-Color 요소의 배경색을 설정합니다.

Background-Image 요소의 배경 이미지를 설정합니다.

Background-repeat 배경 이미지 반복 여부와 반복 방식을 지정합니다.[No Repeat]는 요소의 시작 부분에 이미지를 한 번만 표시합니다.[Repeat]는 이미지를 요소의 뒤에 수평 및 수직 방향으로 바둑판식으로 배열합니다.[Repeat-x][Repeat-y]는 각각 이미지를 수평이나 수직 띠 모양으로 표시합니다. 이미지는 요소의 테두리 안에 맞게 잘립니다.참고: [Repeat] 속성을 사용하여 body 태그를 재정의하고 바둑판식으로 배열되거나 반복되지 않는 배경 이미지를 설정합니다.

Background-attachment 배경 이미지를 원래 위치에 고정할지 아니면 내용과 함께 스크롤할지 지정합니다. 일부 브라우저에서는 [fixed] 옵션도 [scroll] 옵션으로 처리합니다. Internet Explorer에서는 이 속성이 지원되지만 Netscape Navigator에서는 지원되지 않습니다.

Background Position(X) Background Position(Y) 배경 이미지의 처음 위치를 요소를 기준으로 지정합니다. 이 속성은 배경 이미지를 수직(Y)및 수평(X) 방향 모두에 대해 가운데에 정렬할 때 사용할 수 있습니다. [Background-attachment] 속성이 [fixed]이면 위치는 요소가 아닌 문서 윈도우에 대한 상대적인 위치로 지정됩니다.

 

 

CSS 스타일 블록 속성 정의하기

[CSS 규칙 정의] 대화 상자의 [블록] 범주를 사용하여 태그와 속성의 간격 및 정렬 설정을 정의합니다.

Word-spacing 단어 사이의 간격을 설정합니다. 특정 값을 설정하려면 팝업 메뉴에서 [value]를 선택하고 숫자 값을 입력합니다. 두 번째 팝업 메뉴에서 px, pt 등의 측정 단위를 선택합니다.참고: 음수 값을 지정할 수도 있지만 그럴 경우 브라우저에 따라 다르게 보입니다. Dreamweaver의 문서 윈도우에는 이 속성이 표시되지 않습니다.

Letter-spacing 문자 사이의 간격을 늘리거나 줄입니다. 문자 사이의 간격을 줄이려면 -4와 같은 음수 값을 지정합니다. 문자 간격 설정은 정렬된 텍스트 설정을 무시합니다. [Letter-spacing] 속성은 Internet Explorer 4 이상 및 Netscape Navigator 6에서 지원됩니다.

Vertical-align 해당 요소의 수직 정렬 방식을 지정합니다. Dreamweaver에서는 이 속성이 <img> 태그에 적용된 경우에만 문서 윈도우에 이 속성을 표시합니다.

Text-align 요소 안에서 텍스트가 정렬되는 방식을 설정합니다.

Text-indent 첫 번째 텍스트 행의 들여쓰기 간격을 지정합니다. 음수를 지정하여 내어쓰기를 할 수도 있지만 그럴 경우 브라우저에 따라 다르게 보입니다. Dreamweaver에서는 해당 태그가 블록 수준의 요소에 적용된 경우에만 문서 윈도우에 이 속성을 표시합니다.

White-space 요소 안의 공백을 처리하는 방법을 지정합니다. [normal], [pre] [nowrap] 옵션 중에서 선택합니다. [normal]은 공백을 축소하고, [pre]은 텍스트가 pre 태그로 둘러싸여 있는 것처럼 공백을 처리합니다. , 스페이스, , 리턴을 포함한 모든 공백들을 그대로 둡니다. [nowrap]br 태그가 있을 때에만 텍스트 줄을 바꾸도록 지정합니다. Dreamweaver의 문서 윈도우에는 이 속성이 표시되지 않습니다.

Display 요소 표시 여부와 표시 방법을 지정합니다. [none]이 할당된 요소는 표시되지 않습니다.

 

 

 

 

CSS 스타일 상자 속성 정의하기

[CSS 규칙 정의] 대화 상자의 [상자] 범주를 사용하여 페이지의 요소 배치를 제어하는 태그와 속성의 설정을 정의합니다. 패딩 및 여백 설정을 적용할 때 요소의 각 측면에 설정을 적용하거나 [모두 동일] 설정을 사용하여 요소의 각 측면에 같은 설정을 적용할 수 있습니다.

Width Height 요소의 폭과 높이를 설정합니다.

Float 텍스트, AP div, 표 등의 다른 요소를 주위에 배치할 요소의 측면을 설정합니다. 일반적으로 다른 요소가 부동 요소 주위를 둘러싸게 됩니다.

Clear AP 요소를 허용하지 않는 측면을 정의합니다. 지운 측면에 AP 요소가 나타나면, clear 설정이 있는 요소가 그 아래로 이동합니다.

Padding 요소의 내용과 테두리 사이의 간격(테두리가 없는 경우에는 여백) 크기를 지정합니다. 요소의 각 측면에 패딩을 설정하려면 [모두 동일] 옵션의 선택을 해제합니다.모두 동일 패딩 속성을 적용할 요소의 Top, Right, Bottom, Left에 동일한 패딩 속성을 설정합니다.

Margin 요소 테두리 사이의 간격(테두리가 없는 경우에는 패딩) 크기를 지정합니다. Dreamweaver에서는 이 속성이 단락, 머리글, 목록 등의 블록 수준 요소에 적용된 경우에만 문서 윈도우에 이 속성을 표시합니다. 요소의 각 측면에 여백을 설정하려면 [모두 동일]의 선택을 해제합니다.모두 동일 여백 속성을 적용할 요소의 Top, Right, Bottom, Left에 동일한 여백 속성을 설정합니다.

 

 

 

CSS 스타일 테두리 속성 정의하기

[CSS 규칙 정의] 대화 상자의 [테두리] 범주를 사용하여 요소 테두리의 폭, 색상, 스타일 등의 설정을 정의합니다.

유형 테두리의 스타일 모양을 설정합니다. 스타일이 표시되는 방식은 브라우저에 따라 다릅니다. 요소의 각 측면에 테두리 스타일을 설정하려면 [모두 동일]의 선택을 해제합니다.모두 동일 요소의 위, 오른쪽, 아래, 왼쪽 테두리에 동일한 테두리 스타일 속성을 적용합니다.

Width 요소의 테두리 두께를 설정합니다. [Width] 속성은 두 브라우저에서 모두 지원됩니다. 요소의 각 측면에 테두리 스타일을 설정하려면 [모두 동일]의 선택을 해제합니다.모두 동일 요소의 Top, Right, Bottom, Left 테두리에 동일한 테두리 폭을 적용합니다.

Color 테두리 색상을 설정합니다. 각 측면의 색상을 별도로 설정할 수 있지만 그럴 경우 브라우저에 따라 다르게 보입니다. 요소의 각 측면에 테두리 색상을 설정하려면 [모두 동일]의 선택을 해제합니다.모두 동일 요소의 Top, Right, Bottom, Left 테두리에 동일한 테두리 색상을 적용합니다.

 

CSS 스타일 목록 속성 정의하기

[CSS 규칙 정의] 대화 상자의 [목록] 범주를 사용하여 목록 태그에 사용할 불릿 크기, 유형 등의 목록 설정을 정의합니다.

List-style-type 불릿이나 숫자 모양을 설정합니다.

List-style-image 불릿에 사용할 사용자 정의 이미지를 지정합니다. [탐색](Windows) 또는 [선택](Macintosh)을 클릭하여 이미지를 찾거나 이미지 경로를 입력합니다.

List-style-Position 목록 항목 텍스트의 줄 바꿈 및 들여쓰기(outside) 여부 또는 왼쪽 여백을 기준으로 텍스트의 줄 바꿈(inside) 여부를 설정합니다.

 

 

 

 

 

CSS 스타일 배치 속성 정의하기

[배치] 스타일 속성은 페이지에서 선택한 CSS 스타일과 연관된 내용을 배치하는 방법을 결정합니다.

Position 브라우저에서 선택한 요소를 배치하는 방법을 다음과 같이 지정합니다.absolute[배치] 상자에 입력한 좌표를 사용하여 가장 가까운 절대 또는 상대 위치 조상이나, 절대 또는 상대 위치 조상이 없는 경우 페이지의 왼쪽 위 모서리에 대한 상대적 위치에 내용을 배치합니다.relative[배치] 상자에 입력한 좌표를 사용하여 문서의 텍스트 흐름에서 블록의 위치에 대한 상대적 위치에 내용 블록을 배치합니다. 예를 들어, 요소의 상대 위치를 각각 20픽셀의 위쪽 및 왼쪽 좌표로 지정하면 요소가 흐름의 일반 위치에서 오른쪽과 아래쪽으로 20픽셀씩 이동합니다. 또한 요소를 좌표의 위쪽, 왼쪽, 오른쪽 또는 아래쪽에 상대적이거나 상대적이지 않게 배치하여 절대 위치 자식의 컨텍스트를 설정할 수 있습니다.fixed[배치] 상자에 입력한 좌표를 사용하여 브라우저의 왼쪽 위 모서리에 대한 상대적 위치에 내용을 배치합니다. 내용은 사용자가 페이지를 스크롤할 때 해당 위치에 고정됩니다.static은 텍스트 흐름에서 해당 위치에 내용을 배치합니다. 이 위치는 배치 가능한 모든 HTML 요소의 기본 위치입니다.

Visibility 내용의 초기 표시 조건을 지정합니다. visibility 속성을 지정하지 않는 경우, 기본적으로 내용은 부모 태그의 값을 상속합니다. body 태그의 기본 visibility[Visible]입니다. 다음 visibility 옵션 중 한 가지를 선택합니다.Inherit는 내용 부모의 가시성 속성을 상속합니다.Visible은 부모의 값에 관계없이 내용을 표시합니다.Hidden은 부모의 값에 관계없이 내용을 숨깁니다.

Z-Index 내용의 겹침 순서를 결정합니다. 높은 Z-Index를 가진 요소가 낮은 Z-Index(또는 인덱스 없음)를 가진 요소 위에 나타납니다. 값은 양수 또는 음수일 수 있습니다. 내용이 절대적으로 배치된 경우 [AP 요소] 패널을 사용하여 간단하게 겹침 순서를 변경할 수 있습니다.

Overflow 컨테이너(: DIV 또는 P)의 내용이 해당 크기를 초과하는 경우 수행할 작업을 결정합니다. 이러한 속성은 다음과 같이 확장을 제어합니다.Visible은 모든 내용이 보이도록 컨테이너의 크기를 늘립니다. 컨테이너는 아래쪽과 오른쪽으로 확장됩니다.Hidden은 컨테이너의 크기를 유지하면서 초과되는 내용을 자릅니다. 스크롤 막대는 제공되지 않습니다.Scroll은 내용이 컨테이너의 크기를 초과하는지 여부에 관계없이 스크롤 막대를 컨테이너에 추가합니다. 스크롤 막대를 추가하면 동적 환경에서 스크롤 막대가 나타나거나 사라짐에 따라 발생하는 혼동을 막을 수 있습니다. 이 옵션은 문서 윈도우에 나타나지 않습니다.Auto는 컨테이너의 내용이 경계를 벗어날 때만 스크롤 막대를 표시합니다. 이 옵션은 문서 윈도우에 나타나지 않습니다.

Placement 내용 블록의 위치와 크기를 지정합니다. 브라우저가 위치를 해석하는 방식은 [Position]에서의 설정에 따라 달라집니다. 내용 블록의 내용이 지정한 크기를 초과하면 [크기] 값이 무시됩니다. 위치와 크기의 기본 단위는 픽셀입니다. pc(파이카), pt(포인트), in(인치), mm(밀리미터), cm(센티미터), ems(전각), exs(반각), %(부모 값에 대한 백분율) 단위를 지정할 수도 있습니다. 약어 앞에는 3mm와 같이 공백 없이 값을 입력해야 합니다.

Clip 내용에서 보이는 부분을 정의합니다. 클립 영역을 지정하면 JavaScript와 같은 스크립트 언어를 사용하여 이 영역에 액세스하고 와이프(wipe)와 같은 특수 효과를 만드는 속성을 조작할 수 있습니다. 이러한 와이프(wipe) 효과는 [속성 바꾸기] 비헤이비어를 사용하여 설정할 수 있습니다.

 

 

CSS 스타일 확장 속성 정의하기

확장 스타일 속성에는 필터, 페이지 분할 및 포인터 옵션이 포함됩니다.참고: Dreamweaver에는 여러 가지 다른 확장 속성이 있으며 [CSS 스타일] 패널을 통해 이러한 속성에 액세스할 수 있습니다. [CSS 스타일] 패널([윈도우] > [CSS 스타일])을 열고 패널 아래에 있는 [범주 보기 표시] 버튼을 클릭한 다음 [확장] 범주를 확장하면 사용할 수 있는 확장 속성 목록을 쉽게 볼 수 있습니다.

Page-break-before 인쇄할 때 해당 스타일로 제어되는 객체의 앞이나 뒤에서 페이지를 나눕니다. 팝업 메뉴에서 설정할 옵션을 선택합니다. 이 옵션은 4.0 브라우저에서는 지원되지 않지만, 4.0 이후 브라우저 버전에서는 지원됩니다.

Cursor 포인터가 해당 스타일로 제어되는 객체 위에 놓일 때 포인터 이미지를 변경합니다. 팝업 메뉴에서 설정할 옵션을 선택합니다. 이 속성은 Internet Explorer 4.0 이상과 Netscape Navigator 6에서 지원됩니다.

Filter 해당 스타일로 제어되는 객체에 흐림, 반전 등의 특수 효과를 적용합니다. 팝업 메뉴에서 효과를 선택합니다.

 


Posted by 캠퍼스친구
홈페이지 관련2011. 3. 4. 19:55

PHP로 개발일을 하다보면 대부분 서버환경에 맞춰서 작업을 하게 됩니다.

서버에 리눅스 와 MySql 설치되어 있고 설치언어가 UTF-8 로 되어 있다면
크게 문제 없이 작업이 가능하지요~ 더욱이 그냥 리뉴얼이 아닌 새로 개발
작업을 한다면 이건 뭐 금상첨화죠~~ ^^;

근런데 항상 예전의 서버에서 새로운 서버로 이전을 하는 과정에서 문제가 불거지는걸 종종 지켜보게 됩니다.

대부분 리눅스 운영체제를 탑재한 서버를 이용했던 업체들에게서 이런 문제를 자주 접하게 되는데
이게 서버의 설치 언어는 UTF-8 이고 MySql 의 데이터는 EUC-KR인 경우(혹은 반대의 경우)
개발자나 서버관리자가 이를 모르고 무리하게 서버이전을 하다가 문제를 일으킨 경우가 많더군요.

이럴경우 MySql 설정인 my.cnf 에서 사용언어를

default-character-set=euckr (혹은 UTF-8)
character-set-server=euckr

변경을 해주거나 MySql 데이터의 백업시 언어를
-default-character-set 옵션을 이용하여 백업을 받고 다시 복원해주면 문제가 해결되는
경우가 대부분 입니다.

그러나 벗뜨~ 세상만사가 이렇게 쉽게 해결되면 얼마나 좋겠습니까? ^^;

서버와 APM 모두 EUC-KR 문자셋 이라면 GD를 이용하여 한글을 표현하는데 있어
에로(?)사항이 꽃을 피우게 됩니다.

PHP의 경우 GD를 이용하여 도표나 이미지를 표시하는 경우가 많은데
특히 EUC-KR 문자셋의 경우는 100% 깨지기 마련입니다.

이럴때 적절한 해결책이 바로 iconv 입니다.

우선 자신이 사용할 서버에 iconv가 설치되었는지 확인이 필요합니다.

우선 파일을 하나 만들어서

<? phpinfo(); ?>

입력하고 저장한 다음 해당 파일을 브라우저로 호출하면

그림과 같이 iconv가 설치되었는지 확인합니다.

만약 설치가 되어 있지 않다면

Yum 을 이용해서 쉽게 설치가 가능한데

iconv 가 설치가 되어 있지 않다면 대부분 gd 및 freetype, libpng 등이 설치되지 않은 경우가
많으므로 콘솔을 열어서

yum -y install zlib, libpng, freetype, gd, libxml, lib, iconv

입력하면 자동으로 관련 라이브러리를 설치합니다.
(단 yum을 이용한 업데이트 및 설치시 방화벽 문제 나 혹은 보안설정에서 yum이 위배되어 있지 않은지 반드시 확인을 하십시요)

이렇게 iconv 가 다 설치되었거나 설치되어 있다면

PHP에서의 사용법은

<?

$string = "뭐래냐?"

$변수 = iconv("EUC-KR","UTF-8", $string);

?>

하시면 됩니다......

의외로 너무 간단한가요?? ^^

PHP 차트로 많이 활용되는 pChart 의 경우 차트 이미지를 그리면 한글이
깨지는 경우가 많은데 이럴때 사용하시면 도움이 되실겁니다.

 
위의 그림이 pChart 와 iconv 그리고 GD 를 이용하여 만든 통계를 PHP로 그린 이미지인데 DB 문자셋이
EUC-KR 임에도 iconv 를 이용하여 한글을 변환하였기에 전혀 깨지지 않고 이쁘게 보여주게 됩니다.

참고로 pChart 의 주소는 http://pchart.sourceforge.net/ 입니다.

무료로 사용이 가능한 차트 프레임웍중에는 단연 최고라고 생각하는데
이 포스팅을 읽으시는 님들도 한번 사용해 보셨으면 하네요~

Posted by 캠퍼스친구
홈페이지 관련/HTML2011. 2. 22. 10:32

위의 내용은 다음과 같이 <body> 태그안에 기술된 내용들이 표현되는 것입니다.
<html> 문서에서 무엇인가 표현하려고 하면 <body>태그안에 기술해 주면됩니다.
우리가 디자인하는 모든 태그들이 <body>내에서 사용되는 것입니다.
다음시간 부터는 <body>에서 사용되는 태그들을 알아보겠습니다.

<body onload="makewindow()">
 <h3>가을 나그네</h3><br>
 <div class="l2">이양우(鯉洋雨)</div><br>
 <div class="l1">그냥 떠나지는 마십시오.<br>
 비가 올 듯 합니다.<br>
 우산을 받쳐드십시오.<br>
 비가 그치면 서리가 내릴 테지요.<br>
 아직 몇 식구는 짐을 챙기지 않았습니다.<br>
 저 북풍이 찬 바람을 보낼 테지요<br>
 그러나 시간은 남았습니다.<br>
 철새들도 먼 길을 떠날 테지요.<br>
 오동 잎은 이미 선발로 떠났습니다.<br>
 피만 마른 억새 꽃도 그냥 피어있습니다.<br>
 서광과 코스모스들도 수근거립니다.<br>
 이젠 꽃씨들을 땅속에 묻고 갈 모양입니다.<br>
 나뭇잎들도 우왕좌왕 발길을 서성이구요.<br>
 매들을 바라보며 눈을 돌립니다.<br>
 헤어지기가 몹시 섭섭한 게지요.<br>
 그래 내년에 보자,<br>
 꼭 돌아올 테야,<br>
 어찌 튼 몸조심들을 해라.<br>
 떠나려는 표정들이<br>
 너무 을씨년스럽다.<p>
 <a href="http://www.barodoum.com">바로도움으로</a></div>
</body>

Posted by 캠퍼스친구
홈페이지 관련/HTML2011. 2. 22. 00:46


윈도우에서 PHP5 설치              
                      
1.PHP 다운로드                 
 PHP5를 다운로드한다.             
                      
2.압축을 풀어 생성되어진 php폴더를 원하는 위치에 이동시킨다.
                      
3.파일 복사                  
 3.1 php5ts.dll                 
  윈도우2000의 경우에는 C:\WINNT에 복사     
  그 이외에는 C:\Windows에 복사        
 3.2 php.ini-dist                
  php.ini으로 이름변경             
  윈도우2000의 경우에는 C:\WINNT에 복사     
  그 이외에는 C:\Windows에 복사

 
        
4.php.ini수정                  
 PEAR을 사용할 경우  include_path = ".;c:/php/includes;c:/php/pear"
 doc_root = "C:/Program Files/Apache Group/Apache/htdocs"
 extension_dir = "c:/php/ext"            
  php4에서는 extensions            
 php_mysql.dll, php_pgsql.dll 주석 해제         
 MySQL을 사용할 경우 libmysql.dll을 아래와 같이 복사   
  Windows 2000 C:\WINNT\system32        
  Windows 98/Me C:\Windows\system        
  Windows XP/Windows Server 2003 C:\Windows\system32

 
 
5. C:\Program Files\Apache Group\Apache\conf 수정    
 LoadModule php5_module c:/php/php5apache.dll 추가   
 AddModule mod_php5.c 추가            
 AddType application/x-httpd-php.php추가       
 AddType application/x-httpd-php-source.phps추가

 
 
 

Posted by 캠퍼스친구
홈페이지 관련2011. 2. 22. 00:04

제로보드 4.1 pl8 에서 Xpress 1.2.4 로 서버를 이전/업그레이드 하며 회원정보와 게시판을 마이그레이션 하고자 합니다.
우선 zeroboard4 data export tool ver 0.2 를 이용해 4.1 의 회원및 게시판을 추출해 새 서버의 Xpress 로 옮기는 작업은 성공적입니다, 그런데 회원이름과 게시판 제목, 내용의 한글이 모두 깨집니다.

 1. 우선 zeroboard4 data export tool ver 0.2를 이용해 제로보드 4.0 을 xml 로 backup 받을때  EUC-KR 로 설정해 백업하면 추출된 xml 에 다음과 같은 에러가 포함되어 있고 추출이 되지 않습니다.

<user_id><br /> <b>Fatal error</b>:  Call to undefined function: iconv()

 그래서 zeroboard4 data export tool ver 0.2 를 UTF-8 로 설정하고 추출하면 잘 추출이 되는데 xpress 에서 복원하면 한글이 깨집니다.
 새 서버의 Xpress 게시판은 언어코드가 UTF-8 이고 이전 서버의 제로보드 4.1 게시판은 EUC-KR 입니다.
 zeroboard4 data export tool ver 0.2 를 이용해 회원/게시판 정보를 추출할때 해당 게시판 character set 이 EUC-KR 인데도 불구하고 EUC-KR로 추출하면 왜 추출된 xml 에 <user_id><br /> <b>Fatal error</b>:  Call to undefined function: iconv()  라고 에러가 나는지, 그래서 할수없이 UTF-8로 추출하여 새 서버의 Xpress 게시판에 복원하면 왜 한글이 께지는지요?


해결방법

제로보드4의 EUC-KR 버전(기본 버전)을 XE(UTF-8)로 이전하시려면 제로보드4의 데이터를 UTF-8로 변환을 해서 XML 파일로 저장을 해야 합니다.

 에러가 난다는 방식(EUC-KR로 선택)이 맞는 것인데 문제는 iconv 라는 함수가 xcam님의 서버에 존재하지 않아서 생기는 문제입니다.

 서버 관리자에게 iconv 적용해달라고 하셔야 할 듯 합니다.


Posted by 캠퍼스친구
홈페이지 관련2011. 2. 21. 23:51

데이터이전 모듈에는 중복닉네임에 대한 처리부분이 있는데 제대로 작동 안하더라구요.
아래처럼 수정해보세요..

파일 : /xe/modules/importer/importer.admin.controller.php
대략 285Line에 보시면 이런부분이 있습니다.

                // 중복되는 nick_name 데이터가 있는지 체크
                $nick_args = null;
                $nick_args->nick_name = $obj->nick_name;
                $nick_output = executeQuery('member.getMemberSrl', $nick_args);
                if(!$nick_output->toBool()) $obj->nick_name .= '_'.$obj->member_srl;

이부분아래처럼 변경하세요.

                // 중복되는 nick_name 데이터가 있는지 체크
                $nick_args = null;
                $nick_args->nick_name = $obj->nick_name;
                $nick_output = executeQuery('member.getMemberSrl', $nick_args);
                if($nick_output->data) $obj->nick_name .= '_'.$obj->member_srl;


Posted by 캠퍼스친구
홈페이지 관련/HTML2011. 2. 20. 00:17

필자소개

Joe Lennon는 아일랜드 코크 출신의 소프트웨어 개발자로 24살 이다. Joe는 Apress의 근간 서적인 Beginning CouchDB의 저자이며 IBM developerWorks에 몇 건의 기술 관련 기사와 튜토리얼을 기고했다. Joe는 여유가 있을 때면 축구를 하거나 전기 기구를 고치며 Xbox 360에 몰두하기도 한다.


Posted by 캠퍼스친구