국브스토리

[jQuery 6강] 제이쿼리 이벤트 이번글에서는 제이쿼리 이벤트에 대해서 알아보겠습니다.자바스크립트에서도 동일하게 이벤트를 사용할수 있습니다.자바스크립트에서의 이벤트를 다루기위해서는 많이 복잡하지만제이쿼리에서 이벤트를 다루는것은 간결하게 되어있어 제이쿼리의 인기가 높아졌습니다. 특히 자바스크립트의 경우 브라우저별 별도로 이벤트를 다루어야하지만..제이쿼리는 높은 최적화로 통일된것을 확인할수 있습니다.자세히 들어가기전 이전글들을 링크해두겠습니다. 이전 글 링크 2019/03/22 - [Programming/JavaScript, jQuery] - [jQuery 1강] 제이쿼리 개요 및 개발환경구축2019/03/26 - [Programming/JavaScript, jQuery] - [jQuery 2강] 제이쿼..

[jQuery 5강] 제이쿼리 기본함수 (기본 메서드) 이번글에서는 제이쿼리 기본함수 (기본 메서드) 에 대해서 알아보겠습니다.자바스크립트에서 와같이 제이쿼리도 기본함수를 제공합니다.즉 자주사용하는 함수를 기본함수로 미리 만들어 놓은것이죠.기본 메서드는 엄청 많이 있습니다.전체다 확인을하고싶을때는 api 문서를 확인해보면됩니다.제이쿼리 api 문서 링크입니다. https://api.jquery.com/ 저는 기본함수중에 많이 사용하는 함수만을 설명하도록 하겠습니다.그럼 글에들어가기전 이전글들을 링크해두겠습니다. 이전 글 링크 2019/03/22 - [Programming/JavaScript, jQuery] - [jQuery 1강] 제이쿼리 개요 및 개발환경구축2019/03/26 - [Programming..

[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과 관련된 기능은 브라우저 이슈가 있습니다.(브라우저마다 다르게 입력해주어야합니다...

[javascript 16강] 이벤트 종류 이번글에서는 이벤트 종류에대해서 알아보겠습니다.이전글에서는 이벤트 모델에대해서 알아보았습니다.이벤트 모델을 배웠으니.. 이벤트 종류에대해서도 알아보아야 합니다.이벤트는 마우스이벤트, 폼이벤트, 키드보이벤트 등등 많은이벤트가 있지만웹에서 주로쓰이는 이벤트로 마우스이벤트, 폼이벤트를 알아보려합니다.글에 들어가기전 이전글을 링크해 두었습니다.부족한 부분이 있으시다면 들어가서 확인부탁드립니다. 이전 글 링크 2019/02/21 - [Programming/JavaScript, jQuery] - [javascript 15강] 이벤트2019/02/19 - [Programming/JavaScript, jQuery] - [javascript 14강] DOM (문서 객체)2019..

[javascript 15강] 이벤트 이번글에서는 javascript 이벤트에 대해서 알아볼것입니다. 우선 이벤트란 마우스, 키보드, 버튼, 양식전송, 페이지로드, 포커스 등등 뭔가가 이루어지는것을 이벤트라고 합니다. 즉, javascript 의 장점인 동적인 페이지를 만들기위해 이벤트를 컨트롤 할수 있습니다. 이벤트의 형식은 다음과 같습니다. 이벤트속성, 이벤트 이름, 이벤트 연결, 이벤트 핸들러로 이루어져있습니다. (용어를 잘알고 있어야합니다.. 그래야 나중에 구글링이라도 가능하기에.. 용어는 중요합니다.) 이렇게 이루어진 이벤트는 이벤트모델로 또 4가지로 나뉘어집니다. 크게는 2가지로 DOM level 0, DOM level 2 로 나뉘고.. 2가지로 나뉜 모델에서 또 4가지로 나뉩니다. 인라인 모..

[javascript 14강] DOM (문서 객체) 이번글에서는 DOM 객체에 대해서 알아보겠습니다.javascript DOM 객체는 Document Object Model 의 약자로 HTML 태그와 관련된 객체입니다.DOM 객체는 다이나믹 문서 제작, 서버접속, 게임제작 등 다양한 기능을 위해 많이 사용되고 있습니다.DOM 객체에서.. 웹에 필요한 기능들을 주로 살펴보도록 하겠습니다.문서만들기, 객체선택 및 삭제, css 작성 및 수정 등에 대해서 자세히 알아보도록하겠습니다. 이전 글 링크 2019/02/07 - [Programming/JavaScript, jQuery] - [javascript 1강] 자바스크립트 개요 및 개발환경설정2019/02/09 - [Programming/JavaScript, ..

[javascript 13강] BOM (브라우저 객체) 이번글에서는 BOM 에대해서 알아보겠습니다.BOM 은 Browser Object Model 의 약자로 브라우저 관련 객체를 뜻합니다. 즉 브라우저에서 제공되는 객체를 컨트롤 할수있는것입니다.링크주소나, 화면이나, 브라우저 히스토리나(브라우저 이력), 주소이동 등.. BOM 을 통해 컨트롤 할수 있습니다.BOM 에 알아보기전.. 이전글들을 링크해두었습니다.모르는 부분이 있으시다면 들어가서 읽어보시길 권합니다... ㅎ 이전 글 링크 2019/02/07 - [Programming/JavaScript, jQuery] - [javascript 1강] 자바스크립트 개요 및 개발환경설정2019/02/09 - [Programming/JavaScript, jQuer..

[javascript 12강] 내장객체 이번글에서는 자바스크립트 내장객체에 대해서 알아보겠습니다.내장객체는 이미 만들어져있는 객체를 의미합니다.이미 만들어져있는 객체를 그냥 생성만 해서 사용하면 되는것이죠..이전글에서도 Array 이를 만들기위해서 new Array 를 할당해주는것을 보았을것입니다.이렇게 만들지도 않은 객체를 사용할수 있는것입니다.내장객체도 종류가 많이 있습니다...(내장객체를 전부다 확인하시고 싶으시다면 javascript api 문서를 참고하세요!)저는 많이 사용하는 내장객체만 알아보겠습니다.글에 들어가기전 이전글들을 링크해두었습니다.혹시라도 부족한 부분이 있으시다면 확인해보세요 ㅎ 이전 글 링크 2019/02/07 - [Programming/JavaScript, jQuery] - [..

[javascript 11강] 객체 심화 저번글에서 객체에 대해서 알아보았습니다.이번글에서는 저번글에서 접한 객체에 대해서 심화적으로 다루어 보겠습니다.글에 들어가기전 부족한부분이 있다면 이전글을 참고해주세요! 이전 글 링크 2019/02/07 - [Programming/JavaScript, jQuery] - [javascript 1강] 자바스크립트 개요 및 개발환경설정2019/02/09 - [Programming/JavaScript, jQuery] - [javascript 2강] 입출력 및 기본문법2019/02/09 - [Programming/JavaScript, jQuery] - [javascript 3강] 변수와 자료형2019/02/10 - [Programming/JavaScript, jQuery]..

[javascript 10강] 객체 자바스크립트에서도 객체형식을 지원합니다.객체라는 설명을 하는것은 정말 어려운것같습니다. 그럼 객체란 무엇일까요?우선 프로그래밍에서는 객체는 속성과 기능을 갖고있는것 입니다.이렇게 말하면 어려울것같고.. 사람을 기준으로 객체를 설명해보겠습니다.사람은 모두다 똑같이 키, 몸무게 등을 갖고있습니다.또한 사람마다 할수있는 능력또한 모두 다릅니다.A라는 사람은 키 : 180, 몸무게 : 80, 능력 : 프로그래밍 이라는사람이 있을수있고..B라는 사람은 키 : 170, 몸무게 : 75, 능력 : 헬스트레이너 이라는 사람도 있을수도 있습니다. 그럼 키와 몸무게는 모두 갖고 있지만 사람마다 각각 다르기때문에 사람의 속성이 될수 있고..사람마다의 능력또한 모두다 다르기때문에 기능으로 ..

[javascript 9강] 함수 심화 저번글에서는 함수에대해 기초에 대해서 알아보았습니다.저번글에서는 함수에서 가장 중요한부분을 설명하였고...이번글에서는 기본에 넘어 심화라고 보면될것같습니다.이번글에서도 중요하니 꼭알아두시길 바랍니다.이전글은 남기고갑니다.모르시는 부분이 있다면 한번 살펴보시길 바랍니다. 이전 글 링크 2019/02/07 - [Programming/JavaScript, jQuery] - [javascript 1강] 자바스크립트 개요 및 개발환경설정2019/02/09 - [Programming/JavaScript, jQuery] - [javascript 2강] 입출력 및 기본문법2019/02/09 - [Programming/JavaScript, jQuery] - [javascript 3..

[javascript 8강] 함수 자바스크립트에서 중요한 함수에 대해서 이번글에서 알아보겠습니다.함수는 모든 프로그래밍 언어에서 존제합니다.예를 들어 자바에서는 메소드 라고 불리고..자바 스크립트에서는 함수라고 불립니다.javascrtip 에서 함수는 자율적으로 만들어 사용할수 있습니다.만약 계산기를 만든다면..덧샘을 계산하는 함수, 곱샘을 계산하는 함수, 뺏샘을 계산하는 함수 등등등..이렇게 여러개의 기능이 필요합니다.이러한 기능을 함수로 만들어두고 함수를 호출하여 사용하면 됩니다.함수에 대해알아보기전.. 자바스크립트에 대한 다른 글들도 하단에 남겨놓겠습니다.모르는 부분은 한번씩 들려보시길 바랍니다. 이전 글 링크 2019/02/07 - [Programming/JavaScript, jQuery] - [..