출처] https://www.facebook.com/bookworm.kr/posts/254987591330926






영어공부를 하기 위해서 꼭 비싼 돈을 지불할 필요가 있을까요... 인터넷과 IT의 발달로 집에서도 무료로 영어공부할 수 있는 기회가 점차 늘어나고 있습니다. 저는 즐겨찾기에 이런 사이트들을 차곡 차곡 저장해두고 있는데요, 여러분께 그 사이트들을 쏵~ 다 공개합니다!

 
[1] VOA News Special English
http://www.voanews.com/specialenglish/index.cfm

Voice of America(=VOA)는 워낙 유명한 곳이라서 다 알고 계시겠지만 혹시 모르시는 분들을 위해 이곳에 소개해둡니다. 다른 사이트는 다 잊어버리더라도 VOA News 만큼은 꼭 기억해두시면 좋겠습니다. 동영상 뉴스의 자세한 이용방법은 [voanews 동영상 시청하는 곳!] 포스팅을 참고해주세요.

VOANews.com은 미국영어를 학습하는데 최적화된 사이트입니다. 미국의 역사, 문화, 정치, 시사 관련 신문 기사를 '쉬운 영어'로 접하실 수 있습니다. 여기서 말하는 '쉬운 영어'란 정확한 영어문장을 구사하되, 독해를 어렵게 만드는 난해한 단어, 복잡한 언어구조의 사용이 최대한 배제된 상태의 영어를 일컫습니다.

원어민이 천천히, 그리고 또박또박 기사를 읽어주기 때문에 아직 CNN과 같은 고급 영어듣기에 부담을 느끼시는 분들께 적극 추천하는 뉴스 사이트입니다.

물론 mp3 다운로드 서비스도 함께 제공됩니다. 아침에 기사 2~3개를 공부한 뒤, 출퇴근 혹은 등하교 시간을 이용하여 mp3 플레이어로 그 기사들을 복습해보세요. 짜투리 시간을 활용하여 많은 듣기 연습을 하실 수 있을 겁니다.

 
[2] Repeat After Us
http://repeatafterus.com/genre.php?g=childrensstories&s=a

미국 어린이들이 읽는 영어 동화를 무료로 마음껏 즐기실 수 있는 사이트입니다. 예전에 영어소설 읽기와 관련된 글을 올렸을 때 (2009/08/29 - [영어공부] - 영어소설로 영어공부한다? 5가지 노하우), 많은 분들께서 두꺼운 영어소설 대신 영어동화부터 시작해보겠다는 댓글을 남겨주셨는데요, 그 분들께 유용한 사이트가 되지 않을까 생각됩니다.

페이지 상단의 Fable Aesop이 바로 '이솝 우화'입니다. 짧고 쉬운 내용들로 가득하기 때문에 부담없이 영어공부를 시작하실 수 있습니다. 'Read by'라고 적혀 있는 동화의 경우 원어민이 직접 동화를 읽어줄 뿐만 아니라 mp3도 다운받을 수 있습니다.

 
[3] Audio English
http://www.audioenglish.org

영어회화를 공부하기에 정말 좋은 사이트입니다. 개인적으로 메뉴에 있는 Dialogues 섹션을 추천합니다. 일상 생활에서 쉽게 접할 수 있는 대화가 가득합니다. 현재 186개의 짧은 대화가 올라와있습니다.

다른 사이트와 달리 mp3를 다운받을 수 없다는 점이 좀 아쉽지만, 재생 버튼만 누르면 버퍼링 없이 원어민들의 대화를 마음껏 청취하실 수 있습니다. 대학수학능력시험이나 토익 정도의 시험을 준비하시는 분들께 많은 도움이 되리라 생각됩니다.

 
[4] ESL Lab
http://www.esl-lab.com

영어듣기를 하며 직접 문제까지 풀어보고 싶으신 분들을 위한 사이트입니다. Easy, Medium, Difficult와 같이 수준별로 영어듣기과제가 나누어져 있습니다. 자신에게 맞는 레벨을 선택해서 문제풀이에 도전하시면 됩니다.

문제를 풀고 [Final Score] 버튼을 누르시면 바로 채점결과가 나옵니다. 틀린 문제가 있다면 대화를 2~3번 더 들어보도록 하세요. 그래도 잘 모르겠다면 [Quiz Script]를 클릭하셔서 대본을 확인하셔도 좋습니다.

 
[5] NPR.org
http://www.npr.org/templates/rundowns/rundown.php?prgId=2

영어듣기에 어느 정도 자신감이 생기신 분들께 추천하는 사이트입니다. NPR은 미국 공영 라디오 방송입니다. 고급 어휘가 많을 뿐더러 진행자의 말하는 속도도 상대적으로 빠릅니다. 수준 높은 영어를 공부하기에 딱 좋은 사이트입니다.

대본이 제공되지 않는다는 점이 좀 아쉽지만, NPR 역시 mp3 다운로드 기능을 제공합니다. mp3 플레이어를 활용하여 틈틈이 영어듣기를 연습해 보세요.

 
[6] Project Gutenberg
http://www.gutenberg.org

영어소설을 무료로 다운받을 수 있는 사이트입니다. 2만권 이상의 책을 보유하고 있습니다. 책이 너무 많아서 어떤 책을 다운받아야 할지 고민된다면 [Top 100 downloads] 페이지를 이용하시면 됩니다. 지난 7일 동안 가장 많이 다운로드 된 책 목록을 보여주기 때문에 선택의 폭이 좀 줄어들 것입니다. 그 중에서 가장 흥미로워 보이는 영어책을 선택해 보세요.

PDF, HTML, TXT 파일 형태로 책을 다운받아 보실 수 있습니다. [여기]에 들어가시면 책을 읽어주는 서비스인 오디오북 mp3의 다운로드도 가능합니다. MP3 플레이어에 넣어 틈틈이 들으면 영어듣기 실력을 향상시키는 데 많은 도움이 됩니다.

 
[7] Voices in the Dark
http://voicesinthedark.com

Project Gutenberg처럼 영어소설을 무료로 다운받을 수 있는 사이트입니다. Gutenberg 사이트보다 책 수가 적은 편입니다. 하지만 구텐베르그 사이트가 일부 책에만 mp3를 제공하는 것과는 달리, voices in the dark에서는 모든 영어책의 mp3 파일을 마음껏 다운받으실 수 있습니다.

[Transcript]를 클릭하시면 영어소설의 본문이 뜹니다. 따로 워드파일과 같은 텍스트 파일을 제공하지 않기 때문에 프린트를 하시려면 한글 파일에 따로 복사를 한 뒤 출력을 하도록 하세요. (종이와 잉크를 아끼기 위해서죠! ㅎㅎ)

 
[8] LoudLit.org
http://www.loudlit.org

사이트 이름이 암시하듯, LoudLit.org는 영어소설을 읽어주는 사이트입니다. [WEB: Listen & Read] 혹은 [MP3: Listen]을 선택하실 수 있는데요, WEB을 선택하시면 짧은 단위로 소설을 읽을 수 있기 때문에 (동시 듣기도 가능함) 부담없이 영어소설을 즐기실 수 있습니다. 마치 진짜 책장을 한장 한장 넘기면서 소설을 읽는 듯한 느낌이 납니다.

책을 읽어주는 외국인 발음도 상당히 정확하고 알아듣기 쉽습니다.

 
[9] FullBooks.com
http://www.fullbooks.com

최근에 알게 된 영어소설 사이트입니다. 검색기능이 없는 것이 단점이지만, 상당히 많은 책을 보유하고 있습니다. 검색을 하시려면 인터넷 익스플로러 자체 검색기능인 ctrl+f를 활용하도록 하세요. 군더더기없이 깔끔한 인터페이스가 마음에 듭니다.

 
[10] Electronic Text Center
http://etext.lib.virginia.edu/ebooks

 
미국 버지니아 대학에서 만든 무료 ebook 사이트입니다. 현재 2100권의 책이 인터넷으로 무료로 제공되고 있습니다. 검색은 [여기]를 이용하시고, 인기 책 목록은 [여기]에서 확인 가능합니다.
미국 대학에서 만든 사이트이다 보니 미국 역사, 미국 문화와 관련된 책을 많이 보유하고 있습니다.

 
[11] USA Learns
http://www.usalearns.org

미국 연방 정부에서 제작한 사이트이기 때문에 상당히 믿음직스러운(?) 사이트입니다. 페이지에 접속하셔서 'start now' 버튼을 눌러보세요. Beginning, Low-Intermediate, Intermediate 총 3개의 단계로 나누어진 강의가 제공되고 있음을 확인하실 수 있을겁니다.

영어공부자료를 이용하는데 있어 따로 회원가입은 필요없지만, 회원가입을 하시면 현재 진도와 획득 점수 등을 저장할 수 있다는 이점이 있습니다.

직접 사이트 이용해 보시면 아시겠지만 웬만한 영어회화 교재 저리가라 할 정도의 분량과 양질의 수업자료가 제공되고 있습니다. 동영상 화질도 깨끗하고... 아무튼 정부가 직접 만든 사이트는 뭔가 다르다는 생각이 드네요.

 
[12] IT Conversations
http://itc.conversationsnetwork.org

IT 업종에 종사하시거나 IT에 관심이 많은 분들이 활용하기에 좋은 영어공부 사이트입니다. 사이트 내의 모든 자료가 IT와 관련되어 있다보니 IT를 좋아하시는 분들이 자연스럽게 영어공부를 하게끔 만드는 사이트이지요.

IT Conversations의 경우 따로 영어학습을 위해 만들어진 사이트는 아닙니다. 하지만 제가 이 사이트를 추천하는 이유는 사이트 내의 모든 듣기자료를 mp3 파일 형태로 무료로 다운받을 수 있기 때문입니다.

Play 버튼을 누르면 오디오 파일이 실시간으로 재생되며, Download 버튼을 누르면 별도의 추가과정 없이 mp3 파일을 바로 다운받을 수 있습니다.

왼쪽 메뉴에 보시면 현재 진행되고 있는 각종 토크쇼 목록이 나옵니다. 마음에 드는 주제를 선택하셔서 바로 영어듣기 연습을 시작해 보세요.

 
[13] JS 영어회화사전
http://www.jsenglish.com/conver/conver.htm

JS English란 곳에서 무료로 제공하고 있는 영어학습자료입니다. 왼쪽 목차를 보시면 아시겠지만 일상회화 표현이 주제별로 잘 정리되어 있습니다.

PRINT 메뉴를 통하여 자료를 출력하기가 매우 편리하며, 듣기도 실시간으로 연습할 수 있어 영어회화를 처음 학습하고자 하는 초보분들께 많이 추천해드리는 사이트입니다. 

특히 Speaking Tip에 괜찮은 내용들이 잘 정리되어있으니 공부하실 때 이 부분 꼭 참고해주세요.

 
[14] 영어학습사전
http://dic.impact.pe.kr

인터넷으로 영어공부자료를 조금이라도 찾아보신 분들이라면 다 아는 사이트죠. 개인이 개발한 인터넷 사전임에도 불구하고, 단어 뜻을 찾아볼때 이 사이트만큼 간편한 곳이 따로 없습니다.

특히 숙어 등의 phrase 검색 기능에 제공되기 때문에 영문번역 및 영작 시 매우 유용하게 사용할 수 있습니다. 실시간 공개채팅방을 통해 실시간으로 모르는 내용을 질문할 수도 있습니다.

 
[15] Archive.org
http://www.archive.org

Archive.org는 웹사이트의 과거 모습을 볼 수 있는 사이트로 국내 네티즌들 사이에서 많이 알려져 있습니다. 사실 이 사이트는 웹사이트 과거 모습 뿐만 아니라 인터넷 상에 올려진 각종 영상/음악/음성/텍스트 파일을 DB로 저장해 몇년간 보관해오고 있습니다.

메인페이지에 보시면 Web(=웹사이트 과거 모습), Moving Images(=동영상), Live Music Archive(=음악), Audio(=오디오파일), Texts(=텍스트 문서) 총 5개의 섹션으로 사이트가 이루어져 있음을 알 수 있는데요, 말 그대로 영어로 된 각종 형태의 자료가 모조리 무료로 제공되고 있습니다.

5개의 메뉴 중 하나에 들어가면 다시 세부 주제를 선택하실 수 있습니다. 여러분이 좋아하는 분야를 선택하셔야 오랫동안 흥미를 가지고 영어공부에 임할 수 있습니다.

 
[16] CNN Video
http://www.cnn.com/video

CNN 공식 홈페이지 내의 Video 섹션으로서 CNN 방송을 무료로 즐기실 수 있습니다. CNN에서 방영된 뉴스 클립(대략 1분~5분짜리 영상)이 주제별로 잘 정리되어 있습니다. 저는 주로 Tech와 Health 관련 영상을 많이 본답니다.

 
[17] 해커스 무료 강의
http://www.hackers.co.kr/Html/S_Lec/index.html

토플 공부할 때 해커스 교재로부터 많은 도움을 받았는데, 해커스 홈페이지에 가보시면 무료 강의도 많이 준비되어 있습니다. 개인적으로 '해커스AP뉴스받아쓰기'를 추천합니다. 받아쓰기 분량이 작기 때문에 매일 매일 부담없이 받아쓰기 연습을 하실 수 있습니다.

 
[18] BBC Learning English
http://www.bbc.co.uk/worldservice/learningenglish

영국방송 BBC에서 제공하는 영어학습 관련 컨텐츠입니다. 문법, 어휘, 발음 등의 자료가 잘 정리되어 있는데요, 각 자료마다 스스로를 테스트 할 수 있는 Exercise가 제공되므로 복습에 용이합니다.

 
[19] Watch TV Online
http://www.tvchannelsfree.com

심심할때마다 들어가보는 사이트입니다. 3000개가 넘는 전세계 곳곳의 TV 채널을 무료로 시청할 수 있다죠. 진지한 영어공부를 위해서라면 BBC World News를 추천하지만, 스포츠 채널과 같이 자신의 관심사가 반영된 채널을 시청하는 것도 영어공부에 많은 도움이 됩니다. 
과거 글에서도 여러번 강조한바 있지만 일상 속에서 영어공부를 하는 것만큼 효과적인 영어공부법이 따로 없습니다. 구체적인 노하우는 [영어공부 혼자하기, 일상에서 재미있게 영어 공부하는 노하우 3가지] 포스팅을 참고해주시길 바랍니다.

 
[20] Zinio
http://www.zinio.com/browse/publications/free-samples.jsp?categoryId=1177

영어 잡지를 무료로 읽을 수 있는 사이트입니다. 왼쪽에 보면 [free]라는 메뉴가 있는데요, 클릭하면 사이트에서 제공되는 총 36개의 무료 잡지를 확인하실 수 있습니다. 회원가입 후 자신의 아이디로 잡지를 신청하면 이메일로 잡지를 읽을 수 있는 사이트 링크가 보내집니다. 저는 Reader's Digest를 신청해서 보았는데, 영어공부에 많은 도움이 되더라구요.

출처: http://thinknow.tistory.com/255

---
책벌레 블로그: http://bookwormkorea.wordpress.com
책벌레 운영자: https://facebook.com/fbsocialholic 소셜홀릭

'다른 공부 > 영어' 카테고리의 다른 글

필기체 연습 사이트  (0) 2015.09.29
11년 3월 고리더 체크리스트  (0) 2011.03.10
09년 12월 Check List !!  (0) 2009.12.20
영어 듣기 사이트  (1) 2009.12.14
Posted by 야동우
,



아래 링크는 www.sqler 사이트의 tip과 강좌 링크입니다.









MSSQL과 Oracle 함수 비교 - 첫번째 10가지 함수





MSSQL과 Oracle 함수 비교 2탄 - 9가지 함수





MSSQL과 Oracle 함수 비교 3탄 - 9가지 함수(마지막)













Posted by 야동우
,



<!DOCTYPE html>

<html>

<head>

<script>

function loadXMLDoc() {

var xmlhttp;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

} else {// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}


xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState==4 && xmlhttp.status==200) {

alert('true');

}

}

xmlhttp.open("GET","http://www.naver.com",true);

xmlhttp.send();

}

</script>

</head>

<body>


<div id="myDiv"><h2>Let AJAX change this text</h2></div>

<button type="button" onclick="loadXMLDoc()">Change Content</button>


</body>

</html>






출처 : http://www.w3schools.com/ajax/ajax_xmlhttprequest_onreadystatechange.asp








'P/L > JavaScript' 카테고리의 다른 글

Javascript] slice() 함수 : Array Copy (링크)  (0) 2014.11.21
유용한 js 모음사이트 링크  (0) 2014.04.08
Posted by 야동우
,


이클립스 오류메세지


org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'commonUrlMapping' defined in ServletContext resource [/WEB-INF/config/app/appContext-servlet.xml]: Initialization of bean failed; nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'loginController': Autowiring of methods failed; nested exception is org.springframework.beans.factory.BeanCreationException: Could not autowire method: public void member.web.LoginController.setMemberSecurityService(member.service.MemberSecurityService); nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'memberSecurityService' defined in ServletContext resource [/WEB-INF/config/app/appContext-dao.xml]: Error setting property values; nested exception is org.springframework.beans.NotWritablePropertyException: Invalid property 'memberSecurityDAO' of bean class [member.service.MemberSecurityServiceImpl]: Bean property 'memberSecurityDAO' is not writable or has an invalid setter method. Does the parameter type of the setter match the return type of the getter?

(보안상 일부 삭제했어요 ~_~)



스프링을 이제 처음 접하는 나에게 왜 이런 시련을.. -_-..


Controller는 있는걸로 쓰고, service, model, dao, ibatis xml 파일까지 만들고, 톰캣 서버를 올렸더니 듣도보다 못한 위 에러 메세지가 떴습니다.


한 30분 삽질해서 서버를 띄웠네요ㅋㅋ



(제가 진행하고 있는 프로젝트 기준으로 쓰는 거라서, 가려서 참고하세요 ^^ㅋ)

스프링은 2.5 버전을 사용하고 있습니다.


1. appContext-dao.xml 파일에 Service와 DAO 추가한 것에 대한 BEAN을 설정해줍니다.

<bean id="Service" class="path" p: blahblah~ >


2. DAO를 호출하는 ServiceImpl 구현클래스에 DAO getter, setter를 만들어줍니다.


3. ibatis 설정파일(sqlMapConfig.xml)에 ibatis xml 파일 추가한 것에 대한 정보를 써줍니다. 

<sqlMap resource="XML PATH"/>




이렇게 해줬는데도 계속 에러가 나서 찾아보니


복사 붙여넣기 한 ServiceImpl 구현클래스에 사소한 오타가 ㅡ_ㅡ^.....


오타난 메소드 고치고 서버 올리니 제대로 올라옵디다ㅠ


















Posted by 야동우
,


// http:// 로 들어왔을 경우 https://로 redirect

String url = request.getRequestURL().toString();


// http:// 로 시작하고, url에 localhost와 test가 들어 있지 않을 경우에만 redirect

if( url.startsWith("http://") && ( url.indexOf("localhost") < 0 && url.indexOf("test") < 0) ) {

url = url.replaceAll("http://", "https://");

response.sendRedirect(url);

}





톰캣 올려서 localhost로 접근하거나, 테스트 서버에 배포하여 url에 test 구문이 들어가지 않은 

실제 서버에 접근했을 때, 


http:// 로 시작한 url일 경우 https:// 로 변경하여 redirect






출처: http://blog.naver.com/PostView.nhn?blogId=dryice80&logNo=80094262790

'Web > JSP' 카테고리의 다른 글

package javax.servlet does not exist 오류 해결방법  (2) 2013.09.17
Posted by 야동우
,

출처 : https://gist.github.com/liamdon/2467603



Preferecnes > Browse Packages 메뉴를 통해 Package들이 설치되어 있는 디렉토리로 가서


git으로 해당 패키지들을 땡겨옵니다.


git clone git://github.com/jashkenas/coffee-script-tmbundle CoffeeScript
git clone https://github.com/miksago/jade-tmbundle.git Jade
git clone https://github.com/LearnBoost/stylus.git Stylus
git clone git://github.com/gregory-m/ejs-tmbundle.git EJS


그리고 Sublime Text를 재시작하면, 이제 EJS 등 다른 확장자를 가진 파일들도 구문 강조가 되네요 ^^

Posted by 야동우
,


헐... 입이 쩍 벌어지네..


일단 사용법은 Ctrl + Shift + P 를 눌러, Command Palette 를 켭니다.


indent 까지 입력하면 아래 3가지 옵션이 뜰 것입니다.


Indentation: Reindent Lines

Indentation: Convert to Spaces

Indentation: Convert to Tab




(귀찮아서.. 사이즈 조절같은거 안할게요 -ㅅ-;;)


1. Indentation: Reindent Line : 태그 자동 정렬.





















































(해보니깐 스크립트도 이렇게 정렬이 됩니다. 

단, <div><div><div></div></div></div> 처럼 1열로 쭉 쓴건 정렬 안되네요)






2. Indentation: Convert to Space : 공간을 스페이스로 변환





































































3. Indentation: Convert to Tab : 공간을 탭으로 변환



































































정렬하는거에 굉장히 만김한지라.. 


저한텐 딱 좋네요ㅋㅋ 이제 스페이스질 안해도 되겠다 아고~~~




이렇게 탭으로 정렬이 되면, 서브라임텍스트에서 또 한가지 더 써먹을 수 있는게 있습니다.

바로 TAB의 SIZE를 변경하는 기능인데요, 굉장한 중첩으로 앞쪽에 탭이 수없이 많을 때, 실제 태그 보기가 불편한 경우가 있습니다. 이때는 아래와 같이~


































































































이렇게 하셔도 되고, 


아니면 Preferences -> Settings 에서 변경할 수도 있습니다.



































































json 형식으로 옵션 설정 가능.





































참고 : 

http://stackoverflow.com/questions/9575739/how-to-replace-four-spaces-with-a-tab-in-sublime-text-2




Posted by 야동우
,

언어..

생각.. 2013. 11. 16. 11:35



"네 언어의 한계는 곧 네 세계의 한계를 의미한다."


                                                - 비트겐슈타인


Posted by 야동우
,

CSS] 핵종류 (링크)

Web/CSS 2013. 10. 30. 16:15




출처 : 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://box252.blog.me/20188425387

[출처] CSS 핵|작성자 







그외아마티


'Web > CSS' 카테고리의 다른 글

Bootstrap] glyphicon 클래스 및 이미지 종류  (0) 2014.11.21
CSS3 3D 변환 사례 예제(링크)  (0) 2014.05.29
CSS3 Button(링크)  (0) 2014.05.29
SVG(X11) 색상 링크(developer.mozilla.org)  (0) 2014.05.21
Posted by 야동우
,


1. 기본설정


1) Word Wrap 기능 :  한 라인의 코드가 너무 길어질 경우, 한줄로 쭉 이어서 보여주는 것을 다음 라인에 이어서 한 화면에 보여줄 수 있도록 하는 기능.


 - 설정방법 :  Preferences 탭 -> Settings - User 에 다음 내용을 입력.

  { "word_wrap": true }

  만약에 기존에 설정된 값이 있다면, 뒤에 , 를 찍고 "word_wrap": true 를 추가해주면 된다.


2) tap_size : 코드의 탭 사이즈를 조절할 수 있다.


 - 설정방법 :  Preferences 탭 -> Settings - User 에 다음 내용을 입력.

  { "tab_size": 2 }        // 기본값은 4이다.



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

그 외 설정 옵션등이 궁금하다면, Preferences 탭 -> Settings Default 메뉴를 열어보면 자세한 주석과 함께 옵션들이 나열되어 있다.





2. Package Control


 : sublime text2 에서 추가적으로 이용할 수 있는 package 들을 쉽게 설치할 수 있도록 하는 도구이다.


url : https://sublime.wbond.net/


Find 탭 -> Show Console 메뉴를 클릭하거나, Ctrl + ` 를 누르면 콘솔창이 뜬다.


거기에 아래 명령을 입력한 후 Enter


import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')



Package Control 이 설치되면, Sublime Text2를 재실행 하자.


Preferences 탭에 Package Control 이라는 메뉴가 추가된 것을 확인할 수 있다.

이 메뉴를 클릭하거나, 

Tools 탭 -> Command Palette 메뉴를 클릭하여 Package 들을 손쉽게 설치할 수 있다.




3. BracketHighlighter


여는 태그 혹은 닫는 태그를 선택하면, 한 쌍이 되는 태그구문을 강조하는 Package다.


Package Controll에서 BracketHighlighter 를 검색한 후 선택하면 설치 된다.


설치내역은 Preferences 탭의 Package Settings 에서 확인할 수 있다.
















Posted by 야동우
,