FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - selector context 가장 간편한 방법은 조회할 때 조회 범위를 제한하는 것입니다. 그 제한된 범위를 jQuery에서는 selector context라고 합니다. html css JavaScript JavaScript Core DOM BOM 선택자를 아래와 같이 작성해도 결과는 동일합니다. $( ".marked", "#active").css( "background-color", "skyblue" ); - .find() find는 jQuery 객체 내에서 엘리먼트를 조회하는 기능을 제공합니다. 아래의 코드는 위의 예제와 효과가 같습니다. $( "#active").find('.marked').css( "backgroun..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - jQuery 객체란? Query 함수의 리턴값으로 jQuery 함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작업을 프로퍼티로 가지고 있는 객체입니다. jQuery 함수와 jQuery 객체의 차이는 분명하게 알아둘 필요가 있습니다. jQuery 함수는 $() 를 의미하는 것입니다. jQuery 객체는 제이쿼리 함수의 리턴 값이 되는 것입니다. - 암시적 반복 jQuery 객체의 가장 중요한 특성은 암시적인 반복을 수행한다는 것입니다. DOM과 다르게 jQuery 객체의 메소드를 실행하면 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리됩니다. 암시적 반복은 값을 설정할 때만 동작합니다. 값을 가져올 때는 선택된 엘리먼트 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 라이브러리 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리입니다. - jQuery jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구 중 하나입니다. - jQuery 의 사용 jQuery를 사용하기 위해서는 jQuery를 HTML로 로드해야 합니다. 직접 다운 받는 방식과, CDN 을 이용하는 방법이 있습니다. 아래의 예제 코드는 CDN 을 이용해 jQuery 를 로드하는 코드입니다. CDN(콘텐츠 전송 네트워크)이란 서버와 사용자 사이의 물리적 거리를 줄여 웹 페이지 콘텐츠 로드 지연을 최소화하는, 촘촘히 분산된 서버로 이루어진 플랫폼입니다. jQuery 를 이용하..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 라이브러리 라이브러리는 모듈과 비슷한 개념입니다. 하지만 모듈은 프로그램을 구성하는 작은 부품으로써 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 정리가 되어있는 코드들의 집합이라고 할 수 있습니다. 프로그래밍을 할 때 라이브러리를 만들어서 사용하는 것도 좋지만, 이미 좋은 라이브러리가 많기 때문에 잘 알아보고 선택하여 사용하는 것은 코딩을 할 때에 효율성을 높일 수 있습니다. - 라이브러리 사용 (jQuery) empty empty empty empty 위의코드는 버튼을누르면 "empty"라고 가진 문자열 텍스트를 "good~" 으로 바꾸는 코드입니다. 해당코드의 중요한 부분만 간단히 설명하자면...