호쌤코딩클럽

[jQuery] HTML 요소의 탐색과 생성

by 호쌤(이광호) on May 4, 2022

지금까지의 내용은 <body>태그 안에 미리 코딩해 놓은 HTML 요소에 대한 제어였다면 이제는 <body>안에 없는 새로운 요소를 jQuery로 생성하고 화면 어딘가에 생성된 요소를 추가할 차례 입니다.

우리가 HTML태그의 속성이라고 부르는 것을 Javascript에서는 값을 갖는 속성의 경우 attribute, 값을 갖지 않고 속성 이름만 지정하는 경우 property라고 합니다. attribute는 <img>태그의 src속성과 같은 것이 있고 property는 disabled, readonly, checked 등의 속성이 있습니다.

[jQuery] 이벤트 처리

by 호쌤(이광호) on May 2, 2022

이벤트란 프로그램이 겪는 어떠한 사건을 뜻합니다. 사용자의 클릭, 마우스 오버, 페이지 로딩 직후, 페이지 종료 직전 등의 상황이 이벤트에 해당합니다. 자바스크립트와 jQuery는 다양한 이벤트를 감지하는 기능이 구현되어 있기 때문에 우리는 해당 이벤트가 발생했을 때 웹 페이지가 어떻게 동작할지에 대한 내용만 별도의 함수로 구현하여 콜백처리하면 됩니다.

[jQuery] jQuery 시작하기

by 호쌤(이광호) on May 1, 2022

명성이 예전같지는 않지만 jQuery는 HTML과 CSS를 제어하고 다양한 효과를 구현하기 위해 사용되는 가장 대표적인 Javascript 라이브러리 중 하나 입니다. 최근에는 순정 자바스크립트를 사용하자는 바닐라JS, Virtual DOM을 내세운 React.js 등에게 점점 그 자리를 내주고 있지만 여전히 강력한 Javascript 도구임에는 틀림이 없습니다.

간단한 기능을 구현하기 위해서 부조건 React.js 등을 사용하는 것은 오히려 프로그램 복잡도를 높이기만 하는 비효율적 작업이 될 수 있습니다. 간단한 단일 페이지 등의 기능은 여전히 jQuery 등을 사용하면 빠르게 구현 가능합니다.

주의할 점은 바닐라JS의 이해 없이 jQuery로 직행하는 것은 올바른 접근이 아니라는 것 입니다. 기초에 대한 이해 없이 jQuery를 바로 사용하는 것은 필요할 때 적절한 응용력을 발휘할 수 없게 합니다. 이점에 유의하면서 jQuery를 적절한 상황에서 사용한다면 분명 좋은 도구로서의 역할을 할 겁니다.