본문 바로가기

개발121

Javascript 를 이용해 동적으로 CSS 스타일 추가하기 자바스크립트를 이용해서 동적으로 스타일을 추가하는 방법입니다.여기서 소개하는 방법은 DOM 객체 하나 하나에 스타일을 추가하는 것이 아니라, 규칙 자체를 head 안에 넣는 방법입니다.태그를 생성해 준다고 보면 되겠네요. IE7,8,9,11 과 Chrome, Firefox, Safari 에서 테스트 해봤습니다. [출처:http://stackoverflow.com/questions/524696/how-to-create-a-style-tag-with-javascript][원본 코드에서 약간의 수정이 가해졌습니다.] 위와 같은 형태로 태그 하단부에 작성해 주시면 됩니다.볼드 처리된 부분을 보시면 아시겠지만, 위 스크립트를 실행하면 배경색을 빨갛게 만들어 줍니다. 규칙 자체를 추가하는 방법이기 때문에, 동적인 .. 2014. 3. 20.
VirtualBox를 이용해 구버전 IE 테스트하기! Internet Explorer(이하 IE)는 다양한 버전이 공존하는 골치아픈 브라우저 입니다.아직도 많은 곳에서 Windows XP 를 사용하고 있고, XP 가 아니라 Windows 7 을 사용한다 하더라도 브라우저는 IE 7, 8, 9 버전에서 업그레이드 하지 않는 분들이 많이 있습니다. 최신 버전을 사용하지 않는 분들은 굳이 업그레이드 할 필요성도 못 느끼고, 괜히 업그레이드 했다가 안되는게 있거나 느려지면 어쩌나 하는 불안 때문이 아닐까 싶습니다. 개발자 입장에서는 최대한 많은 분들에게 좋은 화면으로 보여주어야 하기 때문에 여러 환경에서 테스트 할 수밖에 없는데요, 그렇다고 컴퓨터를 여러개 설치해 두고 테스트용으로 쓰기에도 어느정도 한계가 있습니다. IE6-11 까지 총 6개의 브라우저가 현재 사.. 2014. 2. 26.
Python 개발환경 구축하기! _ Windows, Eclipse 0. 시작하기 전에 Python(이하 파이썬)에 대해서 초! 간단하게 몇가지 적어 보겠습니다.파이썬은 인터프리터 언어입니다.많은 사람들이 사용하는 인기 있는 언어이기도 하고, 저는 PHP를 대체할 목적으로 배우기 시작했습니다.(물론 100% 대체할건 아니고 병용해야죠)플랫폼 독립적이라는 것도 특징 중 하나입니다. 여기서는 Windows에 Eclipse를 활용해서 개발 환경을 구축해 보려고 합니다.거의 글로 설명이 되어 있는데, 설치하는 과정 중에서 모르는 부분만 참고하시라고 적은 문서라서, 크게 불편함은 없으리라 생각됩니다. 1. 파이썬 설치http://python.org/download/ 에서 원하는 버전으로 다운받으시면 됩니다.전 64비트 윈도우를 사용하고 있어서 "Python 3.3.3 Window.. 2014. 1. 15.
브라우저 이탈 방지! 브라우저를 새로고침 하거나, 그냥 브라우저를 닫는 경우 데이터의 손실을 막기 위해 메세지 창이 뜨는걸 보신 적이 있을 겁니다.대표적으로 Facebook에서 글을 쓰다가 이탈할 경우에 뜨는 창이죠!페이스북에서 글을 쓰다가 새로고침을 하면 "아직 글을 올리지 않았습니다. 올리지 않은 채로 다른 페이지로 가시겠어요?"라는 메세지와 함께 사용자를 멈칫 하게 만들어 줍니다. 이런 기능은 의외로 쉽게 구현이 가능한데요, jQuery를 사용하는 경우의 코드는 다음과 같습니다. function beforeUnloadHandler(){ return 'message' ;}$(window).bind('beforeunload', beforeUnloadHandler);// unbind//$(window).unbind('befo.. 2013. 11. 8.

티스토리툴바