Jquery (2) 썸네일형 리스트형 [JQuery] JQuery의 주요 컨셉 및 api 정리 레거시 프로젝트에 대한 대비용으로 간단하게 JQuery 사용법을 정리했다. 내용 대부분은 생활코딩님의 사이트를 참조하였으니 필요한 분들은 아래 링크를 참조바란다. 다만, 자료가 예전 것이다 보니 현재와 맞지 않는 부분도 있다. 예컨대, 설명에서는 JQuery가 인기가 많은 라이브러리이고, JQuery UI나 JQuery Mobile을 모바일 라이브러리로 소개하지만, 이 두 라이브러리는 이제 사양되고 있다. 또한, live 같은 일부 메소드는 on으로 대체되었다. 그러니 공식 사이트의 api 레퍼런스를 함께 참조하자. 기본 형식 제이쿼리 코드는 기본적으로 Wrapper와 method로 구성된다. //html의 를 선택 후, innerHTML로 hello world, inline style로 color:re.. [JQuery] JQuery를 왜 배우는가. 설치 방법 제이쿼리 등장 시점(2006)의 웹 개발 문제 자바스크립트의 돔 선택, 이벤트 핸들링, 돔 수정 코드가 난잡함 오늘날처럼 css 선택자가 제대로 지원되지 않았고, 이벤트 할당도 불편했음. 브라우저간 호환성 문제, 이로 인한 반복적인 에러 핸들링 코드 작성 getElementsByTagName() 같은 간단한 API도 브라우저마다 호환 여부가 달랐기 때문에 조건문으로 검사하는 코드가 반복적으로 작성됨 AJAX, Animation 등 일부 최신 기능의 미지원. 그로 인해 JS단에서 setInterval이나 setTimeOut으로 기능을 직접 구현함. 이로인한 생산성 저하, 성능 저하 => 이런 상황에서 해결책으로서 제이쿼리의 등장 제이쿼리가 주목받은 이유 적은 코드로 셀렉터, 이벤트 설정, 돔 조작이 가능 .. 이전 1 다음