power-girl0-0

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.( 출처 : https://opentutorials.org/course/743inf.run/pBzy )jQuery이용해서 Ajax를 사용하게 되면 많은 이점이 있는데 그 중의 하나가 크로스브라우징의 문제를 jQuery가 알아서 해결해준다는 것이다. jQuery는 Ajax와 관련해서 많은 API를 제공한다. http://api.jquery.com/category/ajax/ $.ajax http://api.jquery.com/jQuery.ajax/ $.ajax의 문법 jQuery.ajax( [settings ] )setting는 Ajax 통신을 위한 옵션을 담고 있는 객체가 들어..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) jQuery는 이벤트와 관련해서 편리한 기능을 제공한다. 아래 예제는 직접 이벤트 프로그래밍을 하는 것과 jQuery를 이용하는 것의 차이점을 보여준다. (실행 결과) 위 코드를 통해 jQuery 코드가 사용하지 않은 것보다 현저히 적은 것을 확인할 수 있다. jQuery는 크로스 브라우징을 알아서 처리해주고, 이벤트를 보다 적은 코드로 구현할 수 있도록 해준다. 이런 이유 때문에 jQuery와 같은 라이브러리를 사용하는 것이다.

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) jQuery에서 조회 범위가 그 객체의 하위 element로 제한하려면 어떻게 작업해야할까? selector context 가장 간편한 방법은 조회할 때 조회 범위를 제한하는 것이다. 그 제한된 범위를 jQuery에서는 selector context라고 한다. html css JavaScript JavaScript Core DOM BOM 선택자를 아래처럼 작성해도 결과가 같다. $( "#active .marked").css( "background-color", "red" ..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 지금까지 살펴본 Element의 API에 해당하는 기능을 jQuery에서는 어떻게 구사하는가를 알아보자. jQuery는 좀 더 적은 코드로 동일한 효과를 내는 목적을 갖고 있는데, 이는 실용적인 것을 추구하기 때문이다. 속성제어 jQuery 객체의 메소드 중 setAttribute, getAttribute에 대응되는 메소드는 attr이다. 또한, removeAttribute에 대응되는 메소드로는 removeAttr이 있다. opentutorials attribute와 pr..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) jQuery를 이용하면 DOM을 사용하는 것 보다 훨씬 효율적으로 필요한 객체를 조회할 수 있다. jQuery는 객체를 조회할 때 CSS 선택자를 이용한다. jQuery의 기본문법 jQuery의 기본 문법은 단순하고 강력하다. 간단한 예제를 통해서 알아보도록 하자. $ ('li').css('color', 'red'); $()는 jQuery의 함수이다. 이 함수의 인자로 CSS 선택자(li)를 전달하면 jQuery 객체라는 것을 리턴한다. 이 객체는 선택자에 해당하는 엘리먼..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 라이브러리 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다. jQuery jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다. jQuery 사용 jQuery를 사용하기 위해서는 jQuery를 HTML로 로드해야 한다. 위 코드는 아래 웹 주소에서 가져와서 사용하는 것이다. 해당 웹 페이지는 jQuery를 사용할 때, 도움을 주는 페이지이다. 다른 방법으로 jQuery를 사용하고 싶으면 아래 주소를 참고..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 프로그램이 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 이러한 과정에는 코드의 재활용성을 높이고 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중의 하나가 코드를 여러개의 파일로 분리하는 것이다. 아래는 이를 통해 얻을 수 있는 효과이다. 1) 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 2) 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 3) 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 4) 필요한 로직만을 로드해서..