Dev/HTML/CSS 썸네일형 리스트형 기상청 날씨 API 동네예보를 xml 형태로 제공하고 있다. 기상청의 저작권 보호 및 정책에 대해서는 아래 링크에서 보시면 될 것 같다.http://web.kma.go.kr/global/footer/copyright.jsp 기상청 오픈 API 관련 주소http://www.kma.go.kr/weather/lifenindustry/sevice_rss.jsp 크게 동네 예보와 주간 예보로 나뉜다. 1. 동네예보 (동네예보 XML 설명 pdf) (1) 좌표로 검색하는 방법 (위경도 latlng) URL : http://www.kma.go.kr/wid/queryDFS.jsp?gridx=59&gridy=127 -> gridx와 gridy에 좌표값을 넣어준다. (정수형인듯) * 보통 시군구 기준으로 시나 군이 넘어가도 위경도값(정수)이.. 더보기 undefined, null 처리 1. undefined 체크는if (object === undefined)혹은if (typeof object == 'undefined') 2. null 비교if (object == null)을 해도 되지만 확실히 하기 위해서는if (object === null)을 하는것이 좋습니다=== 은 값 뿐만 아니라 type 까지 비교해주는겁니다. 출처: http://blog.naver.com/PostView.nhn?blogId=bluemoonlk&logNo=110123931658 더보기 텍스트 말줄임 (텍스트 자르기 : Text Ellipsis) text-overflow:ellipsis; /* IE, Safari */ -o-text-overflow:ellipsis; /* Opera under 10.7 */ -moz-binding: url('ellipsis.xml#ellipsis'); /* Firefox */ overflow:hidden; /* "overflow" value must be different from "visible" */ 출처: http://angeleyes.tistory.com/247#.UkkYS4a9XjE 더보기 IE6~9 핵(CSS Hack) IE6 .test { _margin:5px; } 언더바를 붙힌 _margin:5px; 은 IE 6에서만 적용된다. IE7 *:first-child+html .test{ margin:5px; }IE7은 셀렉터 앞에 *:first-child+html 를 붙힌 .test에는 _margin:5px; 가 적용된다. IE6+IE7.test{ .margin:10px; }프로퍼티 가장 앞부분에 닷(.)을 붙이면 IE6+7 에서 적용이 된다. IE8test { margin:/*＼**/10px; }프로퍼티의 속성값 앞부분에 (/*＼**/) 를 붙이면 IE8에서만 적용이 됩니다. IE8, IE8+9test { margin:10px\0IE8; }test { margin:10px\0IE9; }test { margin:10px\.. 더보기 JSFiddle 사용법 http://jsfiddle.net HTML, CSS, JavaScript를 웹에서 작성해서 바로 테스트 해볼 수 있고, 그 소스를 저장 공유할 수 있는 서비스. Run. 작성한 코드를 실행하는 기능Save. 작성한 코드를 url로 저장하는 기능Fork. 현재의 코드를 그대로 복제하는 기능TidyUp. 소스코드의 가독성을 높여주는 기능JSLint. 자바스크립트의 유효성을 검사하는 기능Share. 소스코드를 공유하는 기능. url이나 SNS 등 더보기 div 예시 소스: http://jsfiddle.net/RtDWQ/ 더보기 [CSS] Height 100% - n px Height 100%에서 n 픽셀만큼 빼고 싶을때 calc() 함수를 쓰면 된다. height: calc(100% - 65px); /* IE */ height: -o-calc(100% - 65px); /* opera */ height: -webkit-calc(100% - 65px); /* google, safari */ height: -moz-calc(100% - 65px); /* firefox */ 출처: http://stackoverflow.com/questions/4587582/css-height-of-100-minus-px-header-and-footer 더보기 [CSS] div width 100% padding div태그 padding때문에 종속된 내부 div width:100% 일때 외부 div 밖으로 돌출되는 현상 * 내부 div 태그 css 속성에 아래와 같은 속성을 추가해주면 된다.-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */ 출처: http://css-tricks.com/box-sizing/ 더보기 이전 1 다음
