본문 바로가기
반응형

전체 글209

event.preventDefault() event.preventDefault() : 이 메소드가 호출된다면 디폴트 이벤트 액션이 발생되지 않는다. 예를 들어 여기 클릭 에서 a 엘리먼트의 클릭 이벤트에 preventDefault() 메소드를 호출하면 기본 이벤트 액션이 href 액션은 실행이 되지 않는다는 말이다. 참고 사이트 : http://api.jquery.com/event.preventDefault/ 2014. 4. 5.
jquery가 지원하는 기본 css 셀렉터 셀렉터설명 *모든 엘레먼트와 일치 E태그명이 E인 모든 엘리먼트와 일치 E F E의 자손이면서 엘리먼트의 이름이 F인 모든 엘리먼트 E > F E의 바로 아래 F 엘리먼트 E+FE의 형제 엘리먼트로 바로 다음 형제 F 엘리먼트 E~FE의 형제 엘리먼트로 다음에 나오는 모든 F 엘리먼트 E:has(F)엘리먼트 F의 자손을 하나 이상 가지고 있는 E 모든 엘리먼트 E.C클래스명 C를 가지고 있는 모든 E 엘리먼트. *.C클래서명 C를 가지고 있는 모든 엘리먼트 E#I아이디가 I 인 모든 E 엘리먼트. *#I아이디가 I인 모든 엘리먼트 E[A]어트리뷰트 A를 가지는 모든 E 엘리먼트 E[A=V]어트리뷰트 A의 값이 V인 모든 E 엘리먼트 E[A^=V]어트리뷰트 A의 값이 V로 시작하는 모든 E 엘리먼트 E[A.. 2014. 4. 5.
li:has(a)와 li a 의 차이점 1. li:has(a) - 모든 li중에 a 엘리먼트를 가지고 있는 li 엘리먼트를 선택한다. 2. li a - li 엘리먼트에 포함된 모든 a 엘리먼트를 선택한다. 예)jQuery supports CSS1 CSS2 CSS3 Basic XPath 1. li:has(a) 의경우 - jQuery supports CSS1 CSS2 CSS3이렇게 4개의 li 엘리먼트가 선택되어진다. 2. li a 의 경우 - jQuery supports CSS1 CSS2 CSS3이렇게 4개의 a 엘리먼트가 선택되어진다. 2014. 4. 5.
window.onload 대체 우리는 페이지가 다 로딩된 후에 처리해야 할 작업이 있다면window.onload 를 사용하여 처리했다. 하지만 window.onload 는 문서의 dom 트리뿐만 아니라 모든 이미지와 다른 외부 리소스까지 다 로드된 후에에야 실행이 된다.그렇기에 사용자들이 사용했을때 그만큼의 시간의 차이를 느낀다. 만약 이미지 서버등에 이상이 생겨 로딩시간이 오래걸린다면 해당작업은 무한적으로 대기되는 상태까지 발생할 수 있다. jquery 나은 접근법을 제공한다. ready 함수이다. $(document).ready(function() {처리해야 할 작업들. }); 이 접근법은 해당 문서의 dom트리만 로딩되면 실행이 되기 때문에 window.onload에서 사용자가 느낄 수 있는 시간적 갭을 많이 줄여줄 수 있다. .. 2014. 4. 5.
MS 오피스를 대체할만한 오피스 프로그램 2개. 엑셀을 읽어들이는 프로그램을 만들때, 마이크로 소프트 엑셀이 아닌 다른 오피스 프로그램으로 만들어진 엑셀 문서를 읽어들이는 프로그램을 개발할때 애먹었던 적이 있다. 물론, 그 프로그램은 마이크로 소프트의 엑셀을 읽어들이는 것에 최적화 된 프로그램이다. 엑셀만 사용해본 경험만 적는다. 1. 오픈 오피스(https://www.openoffice.org/ko/) - 장점 - 너무나도 유명하다.- 예전에 비해 속도도 많이 빨라졌고 버그도 거의 없어졌다.- 사용하기도 예전에 비해 많이 편해졌다.- 마이크로 소프트의 엑셀과 완벽하게 호환된다. - JAVA에서 POI를 사용하여 읽어들일때도 프로그램 수정없이 호환이 된다. xls 만 호환됨.- 단점- MS EXCEL 2007 이상부터 지원하는 xlsx를 지원하지 않는.. 2014. 4. 4.
12. Write Command-Line Apps 드디어 Dart 튜토리얼 12 챕터까지 한글 번역 완료했다.참고로: 오역과 오타가 많을 수 있어 원문과 함께 등록했습니다. 번역은 문단 단위로 했습니다. 그래서 영어 한 문단 밑에 한글로 번역한 문단이 있습니다. * 전체 링크- 1.get started- 2. Connect Dart & HTML- 3. Add Elements to the DOM- 4, Remove DOM Elements- 5. Install Shared Packages- 6. Define a Custom Element- 7. Use Future-Based APIS- 8. Use Streams for Data- 9. Fetch Data Dynamically- 10. Get Input from a Form- 11. Use Indexed DB.. 2014. 3. 17.
반응형