국브스토리

[jQuery 4강] 제이쿼리 DOM (문서객체) 이번글에서는 제이쿼리 DOM 에대해서 알아보겠습니다.이전에 앞서 자바스크립트에서 DOM 을 알아보았습니다.Document Object Model 의 약자로 HTML 태그와 관련된 객체입니다.자바스크립트에서 객체를 선택하여 객체를 이동 및 이동 삭제를 사전에 해보았습니다.이번에는 제이쿼리를 통해 객체를 생성, 삽입, 이동, 복제 하는 방법에 대해서 자세히 알아보도록 하겠습니다.글에 들어가기전 이전글들을 링크해두겠습니다. 이전 글 링크 2019/03/22 - [Programming/JavaScript, jQuery] - [jQuery 1강] 제이쿼리 개요 및 개발환경구축2019/03/26 - [Programming/JavaScript, jQuery] - [j..

[jQuery 3강] 제이쿼리 선택자 이번글에서는 제이쿼리 선택자에 대해서 알아보겠습니다.이전에 자바스크립트에서 선택자 라는것을 배웠습니다.제이쿼리는 자바스크립트를 편리하게 사용할수있는 라이브러리이기때문에제이쿼리에서도 선택자가 있습니다.제이쿼리 선택자에 대해서 자세히 알아보기전 이전 제이쿼리 글들을 링크해두겠습니다. 이전 글 링크 2019/03/22 - [Programming/JavaScript, jQuery] - [jQuery 1강] 제이쿼리 개요 및 개발환경구축2019/03/26 - [Programming/JavaScript, jQuery] - [jQuery 2강] 제이쿼리 기본문법 1. $(document).ready() 자바스크립트에서 window.onload 와 동일한 기능입니다.자바스크립트에서..

[jQuery 2강] 제이쿼리 기본문법 이번글에서는 제이쿼리의 기본 문법에 대해서 알아보겠습니다.저번글을 통해 제이쿼리가 무엇이며장점과 단점, 자바스크립트와 다른점이 무엇인지 알아보았습니다.그리고 제이쿼리를 사용하기위한 방법에 대해서도 알아보았습니다.그럼 이제 연결된 제이쿼리를 사용하기위한 제이쿼리 기본문법에 대해서 살펴보도록 하겠습니다.기본 문법에 들어가기전 이전글을 링크해두겠습니다. 이전 글 링크 2019/03/22 - [Programming/JavaScript, jQuery] - [jQuery 1강] 제이쿼리 개요 및 개발환경구축 제이쿼리 기본문법 제이쿼리의 기본문법은 다음과 같습니다.(자바스크립트에 비해 간결한것을 확인할수 있습니다.) 사용방법 및 문법 $(선택자).함수명(매개변수); 또는 jQu..

[jQuery 1강] 제이쿼리 개요 및 개발환경구축 이번글에서부터 제이쿼리에 대해서 알아보고 배워보도록 하겠습니다.자바스크립트를 공부하시고 다음 공부를 제이쿼리를 하는경우가 많습니다.또한 웹개발을 하다보면 많이 들어보는것이 "제이쿼리" 입니다.그럼 제이쿼리란 무엇일까요?제이쿼리는 자바스크립트의 단점을 보안하기위한 라이브러리 입니다.자바스크립트가 어떠한단점이 있을까요?자바스크립트와 제이쿼리를 비교해서 알아보도록 하겠습니다. 자바스크립트 vs 제이쿼리 자바스크립트는 유연한 언어이지만 단점이 존재합니다.자바스크립트의 단점은 다음과 같습니다. 자바스크립트 단점 1. 기능이 조금만 많아져도 코드가 길어지며 복잡해집니다. 2. DOM과 관련된 기능은 브라우저 이슈가 있습니다.(브라우저마다 다르게 입력해주어야합니다...