네이버에서 블로그나 카폐등을 돌아 다니다 보면 불펌 방지가 되어 있는 글을 볼 수 있다.
필요한 내용이 있을 경우, 특히 소스 등의 경우 타이핑으로 복사하는건 너무 힘든일이다.
이런 불편을 IEToy에서 해결 하기 위한 방법을 설명해보겠다.
1. http://userscripts.org/scripts/show/61326 에 install버튼을 클릭한다.
2. 파일 이름을 antidisablerfornaver.user.js 로 변경해서 IEToy설치 폴더의 gmm_Scripts폴더에 이동한다.
3. IEToy 환경 설정(Win+I)에서 사용사 스크립트 항목에서 "Anti-Disable for Naver"을 체크한다.
4. 위의 사이트가 문제가 있을 경우 아래의 링크를 다운받아서 2~3번의 절차를 거친다.
간혹 Javascript코딩을 하다보면 특정 영역의 내용을 치환해야하는 경우가 있다
이럴때 주로 innerHTML을 사용하게 되는데
이 innerHTML 사용시에 "알 수 없는 런타임 오류"가 발생하는 경우가 있다.
주로 아래와 같은 경우에 에러가 발생한다.
특히 IE에서 발생하고 FF에서는 발생하지 않는다면
읽기 전용 속성을 가진 태그의 innerHTML을 변경하려고 할 경우이다.
IE에서의 innerHTML의 읽기 전용의 엘리먼트는 다음과 같다.
COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.
관련 MSDN : http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx
div 태그로 만든 영역을 보이지 않게 하는 방법은 2가지가 있다.
div의 style의 속성을 아래와 같이 두가지로 설정할 수 있는데
쓸때마다 차이점이 아리송해서 정리해둔다.
1. display:none <-> block
영역 자체가 존재하지 않는다.
none였던 영역을 block시키면 layout에 따라서 하단 div가 밀려나거나 위치가 변경된다.
즉 존재가 없다가 추가된다.
2. visibility:hidden <-> visible
영역자체는 존재하나 내용은 보이지 않는다.
즉 빈영역이 존재하고 hidden에서 visible로 변경하게 되면 그 영역의 내용이 채워진다.
추가적으로 display속성이 더 존재하지만 아직 파악은 하지 않았으나
필요시 찾아서 참고해보도록 하자
none,block,inline,inline-block,list-item,table-header-group,table-footer-group
Web 개발을 위해서는 고려해야할 변수가 많이 존재한다.
특히 ajax, javascript 나 flash등을 작업하는데 있어서는 다양한 유저층을 위해서 crossbrowser를 지원해야하는데
IE외의 타브라우저들(Firefox, Crome)은 IE와 함께 설치해서 테스트를 하는 것이 가능한데
IE는 여러가지 버전을 동시에 PC에 설치할 수가 없다
이런 문제점을 해결하기 위해서
다중의 IE를 설치 할 수 있는 툴이 있어서 소개를 해본다.
Multiple IEs(http://tredosoft.com/Multiple_IE) 라는 툴인데
간략하게 설치 방법을 정리해본다.
간단하게 끝난다.
하지만 위의 방법을 통해서 Win7에서는 정상작동이 안되는 것을 확인했다 OTL
또한 IE7.0은 지원을 하지 않는데 이부분은 관련된 기사 링크를 파악해보길 바란다.
실제로 프로젝트를 진행하다 보면 소스이외의 많은 문서들과 설계 자료를 만들고
관련된 참고자료를 수집하게 된다.
이러한 문서자료를 관리를 위한 방법에 대해서 마소에 2006년 4월에 게재되었던
기사를 참고로 나름대로 정리를 해보았다.
우선 요구사항
프로젝트 진행용 파일 관리법
antidisablerfornaver.user.js