하늘과 나의 IT 이야기

[HTML] 수정가능한 SELECT 태그 소스(Editable 'Select' element) 115x175 mm 120x160 mm 120x287 mm 실행결과 위의 소스코드를 실행하면 아래와 같이 나옵니다.익스플로러 10 에서 테스트한 화면입니다. 출처 : http://stackoverflow.com/questions/2141357/editable-select-element

요즘 부트스트랩이 하나의 화두로 떠오르고 있습니다. 웹개발을 부트스트랩을 이용해서 하고 있다는 이야기도 여기저기 들려오구요. 많은 티스토리 블로거들도 운영하고 있는 블로그의 스킨을 부트스트랩(bootstrap)으로 바꾸려고 알아보고 있거나 또는 스킨으로 바꿀 계획 중이신 것 같습니다. 이쯤되면 도대체 부트스트랩이라는 녀석이 무슨 녀석이길래 이렇게 많은 사람들의 입에서 오르내리고 있는지 궁금해지는데요. 이번 포스팅에서 부트스트랩에 대해 알아보도록 하겠습니다. 부트스트랩(bootstrap)이 등장한 이유? 부트스트랩(bootstrap)이 등장한 이유? 웹페이지 개발을 위해 하나의 프로젝트가 시작되는 경우 한두사람에 의해 진행되기 보다는 여러 사람이 한 곳에 모여 개발을 진행하거나 또는 온라인 상의 커뮤니티 ..

[JQUERY] INPUT 박스에 기본값 넣어주고 마우스 클릭시 초기화해주는 소스 오늘은 JQUERY를 이용해서 클릭하면 초기화하고 blur시 디폴트값을 넣어주는 소스코드를 보도록 하겠습니다. 소스코드는 아래와 같습니다. 클래스 이름을 input_click_init이라고 정해주었습니다. 이 클래스를 지정해준 객체는 클릭하면 빈 값이 설정되고 blur가 되면 0을 설정합니다.

자바스크립트를 이용한 요일 구하기 소스 자바스크립트를 이용한 오늘이 무슨 요일인지 구하는 소스를 보도록 하겠습니다. 자바스크립트를 이용해서 요일을 구하기 위해서는 먼저 getDay() 함수를 이용해야 합니다. getDay() 함수로 오늘의 요일(Day of the Week)에 해당하는 숫자를 얻을 수 있습니다. 숫자는 0으로 시작하며 0은 일요일을 의미합니다. 월요일은 1, 화요일은 2, 수요일은 3 이렇게 표현됩니다. 아래의 소스와 같이 먼저 요일 이름이 들어있는 배열을 만들고 요일 이름이 들어 있는 배열에, 이 숫자를 첨자(인덱스)로 넣으면 현재 "요일명"이 나옵니다. 위 소스코드를 실행하면 아래와 같이 오늘이 무슨 요일인지 확인할 수 있습니다.

누구나 한번쯤은 인터넷으로 돈을 벌고 싶어합니다. 중고등학생, 대학생은 학교를 다니면서 직장인은 일을 하면서 부업으로 돈을 벌 수 있기 때문이죠. 저도 그 사람 중에 한 명이죠. 한번은 문서를 받아 타자로 쳐주는 타이핑 아르바이트(?)에 기웃거리기도 해봤고 퍼스트드림이라는 곳에 기웃거리기도 해봤지만 타이핑 아르바이트는 먼저 돈을 내서 뭘 해야한다길래 부모님한테 말씀드렸다가 부모님의 설득으로 못했고 퍼스트드림은 수없이 많은 검색을 거쳐 하면 안되겠다라는 결론을 내렸습니다. 지금와서 보면 결국 잘한 일인 것 같습니다. 인터넷으로 돈을 벌 수 있는 방법이라 하면 요즘은 블로그가 대세이지 않나 싶습니다. 그래서 오늘은 블로그로 돈을 벌 수 있는 방법 몇 가지를 소개해 드리려고 합니다. 블로그를 운영하면서 돈을 ..

웹페이지를 프로그래밍 하다보면 년,월,일 등의 날짜를 입력해야 할 필요가 있는데요. 그런 때 달력이 필요하죠? 그런데 달력을 직접 만들자니 그렇고... 또 인터넷에 있는 소스를 또 그대로 가져다 쓰자니 또 그렇고 여러가지 고민이 되었습니다. 그런데 JQuery에서 제공하는 Datepicker라는 녀석을 이용하니 금방 되더라구요. 디자인은 투박하지만 달력으로의 기능은 문제없으니 간단하게 사용해주면 될 것 같네요. Datepicker라고 해서 소스가 길 것 같다구요? 소스도 간단합니다. Date: 위의 소스를 그대로 복사 & 붙여넣기 하시면 JQuery를 이용한 간단한 달력이 완성됩니다. 소스 응용하기 위의 소스를 조금만 응용해 볼까요?위에 보이는 실행 결과와 조금은 다른 화면임을 알 수 있는데요. 년도와 ..

HTML5, CSS3, JAVASCRIPT 무료 자료를 찾다보면 주로 영어로 된 자료들이 많은데요. 무료로 공개해주신 분이 있어 이렇게 공유합니다.정보를 공개해주신 분은 한국성공회대학교 소프트웨어 학부 외래교수이며, Microsoft Visual C# MVP로 활동하고 계신 원철연 님입니다. 원철연 님이 1년 정도 집필한 책이 우여곡절을 거쳐 출판을 할 수 없게 되자, 누구나 무료로 이 정보를 볼 수 있도록 공개해주신 것입니다. 최근 HTML5와 CSS3, JAVASCRIPT에 대한 새 책이 시중에서 많이 출간되고 있는데, 전문가 분들 중 몇 분은 "그 책들과 비교해서 손색이 없으며 어떤 부분은 이 공개자료가 더 좋기에 그 책들이 영향을 받지 않을까 걱정된다."란 말까지 할 정도라고 하네요. 링크 : h..

비주얼 스튜디오로 작업을 하다가 X버튼을 눌러 화면의 일부 레이아웃이 보이지 않는다면 아래와 같이 진행해 보세요. 비주얼 스튜디오에서 창을 원래대로 복구하는 방법입니다. 메뉴에서 [WINDOW]를 클릭후 [Reset Window Layout]을 선택합니다.

가끔 컴퓨터를 사용하다보면 .hwp파일(한글문서), .docx파일(MS WORD), .xlsx파일(MS EXCEL) 등의 파일들을 PDF파일로 출력해야 할 경우가 있는데요. 이번에 지인에게 전화가 왔습니다. MS 워드에서 문서를 PDF로 변환하려고 하는데 PDF로 인쇄를 할 수가 없다는 것입니다.그래서 원격으로 컴퓨터의 상태를 보았더니 진짜 없었습니다. 그래서 제 한글 2010이 설치되어 있는 폴더에 가보니 PDF 관련한 파일이 있어 압축해서 전달한 다음 실행해 보았더니 잘 되더라구요. 아래의 파일을 다운로드 하셔서 압축을 푸신다음 PDFDriverReset.exe 파일을 실행해 보세요.(파일 안에 악성코드나 애드웨어 그런 거 없습니다. 저 그런거 안 키웁니다.) PDFDriverReset.exe 파일을..

클립보드 내용 자동으로 지우기 아래의 소스는 1초마다 클립보드의 내용을 지우는 자바스크립트 소스입니다. 스크립트로 드래그나 마우스 오른쪽 클릭을 막아도 알툴바나 기타 다른 프로그램을 이용하면 자연스럽게(?) 긁어갈 수 있는데요. 이 소스로 조금이나마 막아볼 수 있지 않나 생각을 해봅니다.

이번에 큰 마음을 먹고 티스토리 스킨을 뚝딱뚝딱 수정해 보았습니다. 물론 이 블로그의 스킨은 아니구요. 다른 블로그의 스킨이었습니다. 그런데 한가지 문제점이 있었습니다. 그것은 바로!!! 티스토리 블로그에서 댓글이나 방명록에서 글을 쓰고 글쓰기 버튼을 누르면 아무 동작도 하지 않는 것이었습니다. 두둥!!! 한참동안 왜 그럴까? 생각했습니다. 티스토리 블로그 스킨을 수정할 때 사용하는 skin.html 소스에도 틀린 부분이 없는데 말이죠. 나중에 발견한 문제는 바로 이것이었습니다. 티스토리 스킨 수정시 댓글, 방명록에 버튼이 동작하지 않을 때 해결법 이 글을 읽는 분들이 이미 아실지도 모르겠지만 라는 태그 때문이었습니다. 알아보니 태그는 티스토리 블로그의 댓글이나 방명록에서 글쓰기 버튼을 눌렀을 때 동작하..

오늘은 블로그에 프로그래밍 소스코드를 올리는 방법에 대해서 포스팅 해 보도록 하겠습니다. 블로그에 프로그래밍 소스코드를 올리는 방법은 여러가지가 있지만 Color Scripter를 이용하면 편리하게 올릴 수가 있더라구요. 블로그에 프로그래밍 소스코드를 올리기 위해 아래의 링크를 클릭하여 Color Scripter 사이트에 접속합니다. Color Scripter - http://prev.kr/app/ColorScripter/ 위의 링크를 클릭하면 아래와 같이 나오는 데요. 블로그에 프로그래밍 소스코드 올리기 첫번째 코스, 오른쪽 상단에 보이는 웹에서 실행을 클릭합니다. 웹에서 실행을 누르면 아래와 같이 언어를 선택하라는 메시지가 나옵니다. 블로그에 올릴 프로그래밍 언어에 맞게 선택해 줍니다. 저는 C++을..

가끔 지인으로부터 컴퓨터가 안된다는 질문을 받고 곧장 달려가곤 합니다. 벌써 이렇게 된 지도 10년이 넘었네요. 언젠가는 그만하겠지 생각을 하곤 있지만 그마저도 제 생각대로 되지는 않네요. 오늘은 한 지인으로부터 마이크로소프트 오피스 2007 제품 중 파워포인트 2007이 안된다는 전화를 받았습니다. 저녁에 연락을 받아서 가기는 어렵고 해서 팀뷰어로 원격을 시도했습니다. 오류를 접하고 보니 아래와 같은 오류더군요. 오류 1407. 레지스트리 키 ...의 값 이름을 찾을 수 없습니다. 레지스트리에 액세스 할 수 있는 권한이 있는지 확인하거나 Microsoft 기술 지원 서비스(PSS)에 문의하십시오. 그래서 곧장 검색에 들어갔습니다. 마이크로소프트 기술지원 페이지에 들어가보니 오피스 2007을 삭제하는 방..

[HTML] FRAMESET, FRAME, iFRAME 태그의 속성 태그의 속성 border="픽셀" 경계선의 두께 설정 bordercolor="색이름/RGB값" 경계선의 색상 설정 cols/rows="픽셀/%" 프레임셋 내의 프레임들을 열/행으로 나눌 때 frameborder="1/0" 프레임 경계선의 표시 유무 설정(1=yes/0=no) framespacing="픽셀" 프레임셋 내에서 프레임간의 간격 태그의 속성 src="url" 연결될 페이지 border="픽셀" 경계선의 두께 설정 bordercolor="색이름/RGB값" 경계선의 색상 설정 frameborder="1/0" 프레임 경계선의 표시 유무 설정(1=yes/0=no) marginheight="픽셀" 프레임내의 문서와 상하 여백을 설정 ma..

한글과 컴퓨터, 한글 시리즈 보안패치 빨리 내려 받으세요 한글 다들 많이 사용하고 계실 텐데요. 한글과 컴퓨터에서 보안패치를 발표했습니다. 이 보안패치는 한글과 컴퓨터에서 출시한 , , , , 버전에 해당합니다. 저는 한글 2010 SE버전을 사용하고 있어서 해당되지 않네요. 지난 11일 정보보안 기업 안랩(대표 김홍선, www.ahnlab.com)은 한글 프로그램에서 보안 취약점이 발견되어 이에 대한 보안 패치를 적용하라고 권고했습니다. 이번에 발견된 취약점은 한글 문서를 실행했을 때 특정 악성코드가 설치, 실행되는 것입니다. 안랩은 7월 5일 취약점을 발견해서 한글과컴퓨터사에 관련 정보를 공유했고, 한글과 컴퓨터사는 10일 보안 패치를 완료해 사용자에게 공지했습니다. 이번 패치에 해당되는 한컴 오피스..