전체 글 151

iframe 태그 사용법

⑴ iframe 태그 사용하는 이유 iframe 태그를 이용하면 HTML 문서에 다른 HTML 문서를 삽입해 넣을 수 있기 때문에 복잡한 웹 응용프로그램을 구성하려는 경우에 사용하려는 이유가 가장 크다고 하겠다. ⑵ iframe 태그 속성 ① align 내용의 정렬 방향을 기술한다. - 세로 방향 값 : bottom , middle, top,가로 - 가로 방향 값 :right, left ② frameborder 프레임 보더의 사용여부 기술한다. - 값은 : yes, no,1, 0 ③ height 프레임을 높이를 기술한다. - 단위 : 픽셀 혹은 전체 화면 대비 비율 ④ width 프레임을 폭을 기술한다. - 단위 : 픽셀 혹은 전체 화면 대비 비율 ⑤ marginheight 프레임의 보더와 내용 사이의 ..

html 2009.12.22

인코딩 관련 내용.

urlencode() / urldecode(): 하나의 특수문자, 한글, multi-byte 문자를 %XX 형식으로 변환합니다. 길이가 좀 길어진다는게 단점입니다. 또한 [0-9a-zA-Z] 등은 encode 하지 않아 그대로 보인다는 단점(?) 도 있습니다. 보안성이 없거나 크게 요구되지 않는 경우나 일반적으로 많이 사용하는 방법이며, URL GET 방식으로 어떤 값을 넘길때도 많이 사용됩니다. base64_encode() / base64_decode() 변환된 문자는 [0-9a-zA-Z+/=] 문자들로 구성되어지며 역시 약간 길이가 길어집니다. 쉽게 눈으로 판독(decode)할 수 없다는 장점(?)도 있습니다. 저수준의 보안성이 요구될때 사용하는 경우가 많습니다. URL GET 방식으로 어떤 값을 넘..

웹 보안 2009.12.11

자바스크립트] 숫자 여부 판단 함수; 숫자인지 문자인지; isNum, isNumeric, isNumber JavaScript

어떤 문자열이, "숫자로만 이루어진 문자열"인지, 그래서 숫자로 변환될 수 있는 문자열인지 아니면, 'ABC가나다' 등의 문자로 이루어진 문자열인지 판단해야 할 때가 있습니다. 그렇지만 isNum 같은 함수가 없어서, isNaN() 함수를 사용하여 별도의 함수를 만들어 주어야 했습니다. JavaScript: 숫자/문자 여부 알아내기 예제: Numeric Validation isNaN() 함수는 불린 값을 반환하는데, 참(true)을 반환하면 "숫자가 아니라는 뜻이고", 거짓(false)을 반환하면 숫자라는 뜻입니다. 이 논리값을, isNumber() 함수에서는, 뒤집어 주었습니다. 그리고 isNaN() 함수는, 빈 문자열과 공백도 숫자로 간주하는 문제가 있어서 이 부분도 처리했습니다. isNaN() 은 ..

스크립트 2009.10.29

버튼클릭시 레이어창 띄우는 팁입니다.

버튼클릭시 레이어창 띄우는 팁입니다. 여러가지 방법이 있지만, 그중에 한방법입니다. 클릭할 버튼을 아래와 같이 작성합니다. layer 은 클릭시 보여질 id 명 (내용) 입니다. 버튼클릭시 보여질 내용은 아래와 같이 작성합니다. 보여질 내용입니다. 보여질 내용부분에는 ul 이 들어갈수도 있고, table 등이 들어갈수도 있겠군요. 마지막으로 스타일을 입혀주시면 됩니다. (외부/내부/인라인 상관없습니다.) 단, 스타일쪽에 display:none; 이 들어가야합니다. #layer {display:none; width:200px; border:1px solid #ccc;} 대충 위처럼 꾸미고자 하는 스타일을 주시면 됩니다. 기본적으로 레이어창이 보이지 않고 버튼을 클릭할경우 보이기되며, 다시 한번 누르면 레이..

html 2009.10.28

레이어 위치 관련 자료

레이어 left,top ................................................. 레이어 위치를 잡으려면 left,top 을 사용한다. absolute에서 이 값을 사용하면 브라우저 창을 기준으로 위치를 잡기 때문에 기존 본문내용과 동 떨어져 따로 움직일 수가 있다. 특히 본문이 가운데 정렬일 경우 !!! relative에서는 상위태그 기준이므로 상위태그내에서 항상 일정한 위치에 레이어가 놓이지만.... absolute 에서 레이어를 브라우저 기준이 아닌 항상 본문 내용의 일정한 부분에 위치시키고 싶다면 left, top 을 지정하지 않는게 좋은 방법이다!!!!! ■ absolute 에서 본문내용의 원하는 위치에 레이어 놓기 * 아래는 같은 레이어를 3개의 칸을 가진 테이블..

html 2009.10.28

[css]스타일쉬트 여백 지정시 꼭 알아야 할 padding, margin, width 정리

[css]스타일쉬트 여백 지정시 꼭 알아야 할 padding, margin, width 정리 일반적으로 사용하는 스타일쉬트에 대해서만 간략하게 정리하려고 했는데 생각보다 그리 녹녹치가 않네요! 이미 시작을 했으니 끝내긴 끝내야겠는데.. ^^ 그래도 이웃분들의 염려와 걱정덕분에 힘 받아서 또 열심히 정리를 시작해보겠습니다. 편의상 지금부터는 평어체를 사용할것이므로 양해 바라겠습니다. css의 사용법을 모르는 분은 이 글을 읽기 전에 "스타일시트(CSS) 이해하기 for 티스토리를 먼저 읽기를 권한다. 오늘은 padding, margin 그리고 적용되는 범위와 width에 대해서 알아볼까 한다. padding이나 margin은 둘다 컨텐츠의 상하좌우에 여백(공백)을 줄때 사용하는 속성이다. padding, ..

html 2009.10.23