하츠의 꿈

웹에서 동적인 표현을 하거나 RIA(Rich Internet application)을 구현하는 방법에는 여러가지 있다. 가장 멋지게 구현할 수 있는 것은 어도비 플래시와 MS의 실버라이트다. 이들을 이용하면 멋지기는하나 웹프로그램을 구동하기 위한 별도의 프로그램이 설치되어야 하고 웹페이지가 무거워져서 모바일 등에서는 효과적인 방법이 아니다. 이것 외에 MS의 악명높은 ActiveX나 자바 애플릿을 사용하는 방법이 있지만 플래시나 실버라이트보다 더 무거워서 권할 만한 것이 아니다. 그래서 사용하는 것이 자바스크립트이다. 자바스크립트 언어는 대부분의 웹브라우저에 포함되어 있어서 별도의 프로그램을 구동할 필요가 없고 거의 표준과 같이 사용하므로 여러 환경에서도 잘 돌아간다. 페이스북이나 구글은 이 자바스크립트..

홈페이지에 이미지 테두리나 테이블 또는 그냥 박스를 만들 때 이미지로 하지 않고 스타일시트(CSS)의 border 속성을 이용해서 만들 수가 있다. 간단하게 테두리를 두르는 일반적인 박스는 solid로 하면 되는데, 그 외 것들을 자꾸 까먹어서 정리해 본다. 박스(정확히 말하면 객체의 테두리 선) 만들때의 기본 요소는 선의 모양(border-style), 선의 굵기(border-width), 선의 색상(border-color) 3가지다. 선의 모양(border-style) solid, double, groove, dotted, dashed, inset, outset, ridge, hidden 선의 굵기(border-width)와 선의 색상(border-color)은 별도로 설명할 필요는 없을 것 같아 선..

어찌보면 웹프로그램할 때 Language보다 html이나 스타일쉬트 때문에 시간이 오래걸릴 때가 많다.. 쉽다고 기억을 하지 않고 그때 그때 찾으면서 하니 이보다 비효율적일 수가... 내용이 많은 경우 iframe을 사용하지 않고 div 태그를 이용해서 스크롤바를 만들면 효과적으로 화면에 표시할 수 있으며 많이 사용한다. DIV를 이용해서 테이블에 스크롤바 만들기 아래와 같이 테이블의 td 안에 div 넣고 div에 스타일을 적용하면 많은 내용이라도 width와 height로 지정한 영역안에 내용이 표시되고 스크롤바가 표시된다. 여기서 중요한 것이 overflow 라는 것이다. - 스크롤을 표시하지 않을 경우 : overflow:hidden - 항상 스크롤을 표시할 경우 : overflow:scroll ..

111111111111 이런거나 aaaaaaaaaaa 등의 띄어쓰기가 없는 숫자나 영문이 오면 테이블은 주체를 못하고 벌어진다. 이것을 전에 막았었는데 또 까먹었다... 나이가 먹어서... 한컴IT패스(www.itpass.co.kr) 에 적용할라고 또 검색했다. 검색어를 "테이블 폭 제한"이라고 하니까 별의 별 결과가 다 나온네. "응접시 테이블 폭 제한.." 등.. 다시 검색어를 "html 테이블 폭 고정" 이라고 하니까 제대로 나오네. 결과 11111111111111 아래와 같은 속성이 있다. word-break:break-all word-wrap:break-word word-break:nowrap word-break:keep-all