JongDDA의 한걸음 한걸음씩

toggleClass 메소드는 가져온 요소에서 () 안에 지정한 클래스명이 없으면 추가하고, 있으면 삭제한다는 의미의 메소드이다. 아래 예제를 통해 살펴보자 1. 한식 불고기 비빔밥 김치찌개 2. 일식 초밥 돈부리 판모밀 h3 태그를 클릭(이벤트)할시 함수(이벤트 핸들러)가 실행된다. 위의 함수(이벤트 핸들러)는 toggleClass("hidden")이기 때문에 클릭시 "hidden" 클래스가 없으면 만들고 있으면 지워버린다. 따라서 h3태그 클릭할때마다 ul 태그를 보여주거나 숨겨버린다.

제이쿼리 선택자 선택자에 대해서는 이미 어느 정도 개념을 알고 있다. HTML은 문서 객체로 구성되어 있고, 모든 문서 객체는 기능과 속성을 가지고 있다. 이런 문서 객체의 속성과 스타일을 추가 또는 수정하기 위해서는 특정 문서 객체를 선택해올 수 있어야 한다. 선택자를 사용하면 지정한 문서 객체를 선택해 올 수 있다. 제이쿼리 선택자에는 직접 선택자와, 이미 선택한 요소를 기준으로 근접한 요소의 관계를 따져 선택하는 인접 관계 선택자, 그리고 선태괸 요소 중 더 세밀하게 선택할 수 있는 탐색 선택자가 있다. 제이쿼리 선택자를 사용하는 방법 웹문서가 로드(load)되는 흐름을 고려하여 선택자를 사용해야 한다. 실행문에 있는 '$'는 제이쿼리 문서 객체 선택자의 메소드를 나타낸다. 하지만 여기에 익명 함수..

제이쿼리란? 제이쿼리는 자바스크립트를 이용해 만든 라이브러리이다. 라이브러리란 프로그래밍 언어를 사용해 만들어진 다양한 함수 또는 객체들의 집합을 의미한다. 제이쿼리는 자바스크립트 동작과 관련해 다음과 같은 사항들을 개선시킨 라이브러리이다. 호환성 문제 해결 애니메이션 구현 코드 간소화 제이쿼리 라이브러리 연동하기 웹문서에서 제이쿼리를 사용할 수 있게 하기 위한 방법에는 두 가지가 있다. 첫 번째는 제이쿼리 라이브러리 파일을 직접 다운로드 받아서 사용하는 방식이고, 두 번째는 온라인에서 제이쿼리 라이브러리 파일을 제공하는 주소를 웹문서와 연동하는 CDN(Content Delivery Network) 방식이다. 1. 제이쿼리 다운로드를 통해 연동 https://jquery.com/download/ 위의 링..

자바스크립트 코드가 실행될 때 사용된 값의 생명주기! => 자바스크립트 변수는 프로그램이 실행되는 기간에만 존재한다. => 프로그램이 실행될 때 아니면, 접근할 수 없는 데이터이다! 영구적으로 값이 저장되는 메모리 공간(비휘발성 메모리) => 브라우저에서는 비휘발성 메모리 공간인 '로컬스토리지'를 제공! 로컬스토리지 - 브라우저 안에 저장되는 데이터들을 모아놓은 공간 중 하나 - 비휘발성이며, 값이 만료되지 않는다. - 사용자가 값을 삭제할 수는 있다. - 키와 밸류의 형태로 값을 저장한다.(JSON 형태) => JavaScript Object Notation - 키와 밸류는 문자열 형태로 입력된다. 로컬스토리지에 접근하는 방법 window.localStorage.메소드 (BOM) 로컬스토리지 기능들(메..