야동우`s Story

출처 : http://blog.naver.com/preserde?Redirect=Log&logNo=130021317266

Netscape 4 배제하기
<link rel="stylesheet" type="text/css" href="/css/style.css" media="all" />
Netscape 는 media 속성이 screen 이 아닌 경우 외부 스타일시트를 읽지 못하는 버그가 존재함.

Win IE 3~4, Mac IE 4~4.5, Netscape 4 배제하기
@import url("/css/style.css")
Win IE 4, Mac IE 4 는 인용부호가 "가 아니면 읽지 못하는 버그 존재. IE 3과 Netscape 4는 @import 지원하지 않음.

Mac IE 5 배제하기
H1 { /* \*/ color:red; /* */ }
Holly 핵이라 하며, 주석 안의 내용이 적용되지 않음.

Win IE 4~5 배제하기
H1/**/ { color:red; }
셀렉터 뒤에 /**/ 삽입.

Win IE 4~5, Mac IE 4.5~5 배제하기
H1 { color/* */:red; }
속성과 속성값을 구분하는 콜론(:) 앞에 /* */ 삽입.

Win IE 4~6, Mac IE 4, Netscape 4 배제하기
html>body H1 { color:red; }
셀렉터 앞에 html>body 삽입.

Win IE 6 제외시키기
H1 { color /**/:red; }
속성과 속성값을 구분하는 콜론(:) 앞에 스페이스와 /**/ 삽입.

언더스코어 핵 (_)
H1 { _color:red; }
Win IE 4~6 에 적용.

닷핵 (.)
H1 { .color:red; }
속성 앞에 . 삽입. Win IE 6~7 에만 적용. 타 브라우저는 정확히 확인하지 못했습니다.
이 핵에 대해선 계속 확인중인데 블로그스피어나 여타 서적에는 전혀 언급이 없는 이상한 핵(?)입니다.

해시 핵(#)
H1 { #color:red; }
속성 앞에 # 삽입. Win IE 4~6, Mac IE 5, Opera 7, Mozilla계열, Firefox 에 적용.

스타 핵
*HTML H1 { color:red; }
셀렉터 앞에 *html 삽입. Win IE 4~6, Mac IE 4~5 에 적용.

스타7 핵
HTML*H1 { color:red; }
셀렉터 앞에 html* 삽입(공백없이). Win IE 5.5~6, Mac IE 5, Safari 에 적용.

xmlns 속성 핵
HTML[xmlns] H1 { color:red; }
셀렉터 앞에 속성 선택자를 삽입. Mozilla, Firefox, Opera, Safari 등 속성 선택자를 지원하는 브라우저에 적용.

:root 가상클래스 핵
:root H1 { color:red; }
셀렉터 앞에 :root 가상클래스 삽입. Mozilla, Firefox, Mac IE 5, Safari 등 가상클래스를 지원하는 브라우저에 적용.

Tantek 박스모델 핵
H1 {
    width:500px;
    voice-family: ""}""; 
    voice-family:inherit;
    width:400px;
}
Tantek Celik 이 고안한 유명한 박스모델 핵. Win IE 4~5, Mac IE 4, Netscape 4 에서는 voice-family 속성 이전의 스타일 적용. 그외의 브라우저는 뒤의 속성 적용.

단순 박스모델 핵
H1 {
    width:500px;
    w\idth:400px; //Win IE 6, Mac IE 5, Mozilla, Opera, Safari
    \width:450px; // only Win IE 5
}
속성의 첫번째, 두번째 글자 사이에 \를 삽입하면 Win IE 6, Mac IE 5, Mozilla, Opera, Safari 에 적용.
추가로 속성의 앞에 \를 삽입하면 Win IE 5 에만 적용.

IE 7, Opera 적용하기
*+html body H1 { color:red; }
셀렉터 앞에 *+html body 삽입. IE 7, Opera 8 이후 버전 적용. Opera를 배제한 IE7 전용으로 하고 싶을 때는 *+html>/**/body 로 Opera 전용 속성 기술.

IE 7 적용하기
*:first-child+html H1 { color:red; }
셀렉터 앞에 *:first-child+html 삽입. IE 7에만 적용되고, 이외의 브라우저는 앞에서 기술한 셀렉터의 속성 적용.

Win IE 5 패스필터
@media tty {
i{content:"";/*" "*/}}; @import '/css/style.css'; {;}/*";}
}/* */

Win IE 5.5 패스필터
@media tty {
i{content:"";/*" "*/}}@m; @import '/css/style.css';/*";}
}/* */

Win IE 6 패스필터(?)
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /><![endif]-->

Win IE 7 패스필터(?)
<!--[if gte IE 7]><link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /><![endif]-->

모던브라우저 패스필터 (Win IE 5.5 이하, Mac IE 5, Opera 8 이하, Netscape 4 이하 제외)
@import "null?"{";
@import "/css/style.css";
@import "null?"}";

http://google-code-prettify.googlecode.com/svn/trunk/README.html

통합개발툴이 아닌 콘솔에서 javac로 컴파일 하려는데, 아래 에러메세지가 뜬다.

교재에서 시키는대로 CLASSPATH 에 [톰캣설치디렉터리]\lib\servlet-api.jar 를 입력해주어도 같은 오류가 계속 발생!

하는 수 없이 상기 파일을 [자바설치디렉터리]\jre\lib\ext 폴더 아래로 복사해주었더니 해결.

공감세미나 12회 : 혼자서 프로젝트 수행하기 발표자료

http://blog.outsider.ne.kr/977

http://pixelsdaily.com/

[Nodejs] 무료 호스팅 서버 Heroku 사용하기/소스 올리기 (윈도우)

↑↑↑↑↑↑

포스트에 쓰여진 내용대로 쭉~ 따라서 했는데, 무료 호스팅 서비스를 시작할 수 있게 됐네요 ^^

감사합니다~

이 포스트는 작성 시점이 2012년 2월로 추정(?)되는 『모던 웹을 위한 Node.js 프로그래밍』책으로 실습하던 중,

외부모듈 등 버전이 업그레이드 됨에 따라 오류가 나는 부분을 정리한 것입니다.

실습 시점은 2013년 9월입니다.

==실습 버전==

node.js v0.10.17

mysql module @2.0.0-alpha9

1.  외부모듈인 connect 모듈의 router 기능 사용시 Error

 - conenct 모듈의 버전이 2.0대로 업그레이드 됨에 따라, 교재 작성 시점의 connect 1.8.5 버전과 차이가 있습니다.

   connect의 router 기능은 교재에서 쭉 쓰이므로 npm install connect@1.8.5  명령어로 이전 버전을 설치 후 실습을 진행하는 것이 편할 것입니다.

 - 이 내용은 한빛미디어 사이트의 필독사항 부분에도 명시해두었네요 ^^

   http://www.hanb.co.kr/exam/1888/

2. 외부모듈인 mysql 모듈의 createClient 기능 사용시 Error

- 마찬가지로, 버전차이 때문에 오류가 나는 군요.

--------------------------------------------------

// 모듈을 추출합니다.

var fs = require('fs');

var connect = require('connect');

var mysql = require('mysql');

var ejs = require('ejs');

// 데이터베이스와 연결합니다.

var client = mysql.createClient({

user: 'root',

password: '1234',

database: 'Company'

});

--------------------------------------------------

위 부분을 아래와 같이 바꿔주니 정상적으로 동작하네요 ^^

--------------------------------------------------

// 모듈을 추출합니다.

var fs = require('fs');

var connect = require('connect');

var mysql = require('mysql');

var ejs = require('ejs');

// mysql 연결 설정을 저장합니다.

var mysqlConfig = ({

host: 'localhost',

port: '3306',

        user: 'root',

        password: '1234',

        database: 'company'

});

// 데이터베이스와 연결합니다.

var client = mysql.createConnection(mysqlConfig);

--------------------------------------------------

조금더 간단하게 하자면.....

// 모듈을 추출합니다.

var fs = require('fs');

var connect = require('connect');

var ejs = require('ejs');

// 데이터베이스와 연결합니다.

var client = require('mysql').createConnection({

host: 'localhost',

port: '3306',

user: 'root',

password: '1234',

database: 'company'

});

이 자료는 http://cafe.naver.com/goorume/759 카페의 게시물을 참조하였는데, 직접 접근하려니 가입해야되네요;;

잘 참고했습니다 ^^

다른 IIS 서비스를 설치한 기억이 없는데..... 검색해보니

MS SQL Server 를 설치했을 경우,

MS SQL Reporting Services <<< 이 서비스가 80번 포트를 물고 있을 수 있음.

중지 시켜버리지 잘 설치 된다.

참조 블로그 : http://kyj909.egloos.com/5454678