이진욱의코딩

저번 ajax에 이어서 계속 포스팅하겠습니다. 이제 서버로 데이터를 주고받는 기본을 했으니 이번에는 응용을 해보도록 하겠습니다. 우선 저번 코드부터 살펴보겠습니다. WEB HTML CSS JavaScript 이 코드를 잘 보시면 중복되는 부분이 있습니다. 바로 이부분이죠.

이번 포스팅은 ajax가 무엇이고 어떻게 사용하는지에 대한 간단한 예제를 살펴볼 예정입니다. 우선 실습환경을 한번 만들어봅시다. 자료를 먼저 다운을 받아볼 건데 자료는 https://github.com/web-n/web2_javascript 여기서 다운로드하시면 됩니다. 다운로드한 파일을 웹서버의 문서 디렉터리(apache2/htdocs)에 넣으시면 됩니당. 저는 개인적으로 여기서 많이 어려웠어요. 그래서 제가 헤맨내용을 누구보다 자세하게 설명드릴게요. 여기서 웹서버의 문서 디렉터리가 무엇인가? 에 대해 모르시는 분이 있으실 겁니다. 일단 아파치라는 서버를 설치를 먼저 해야 하는데 설치는 생활코딩 페이지에 있는 https://opentutorials.org/course/3084/18892 웹서버 운영하기..

이번 포스팅은 제이쿼리 객체에 대해 알아보도록 하겠습니다. jQuery객체란? jQuery함수의 리턴값으로 jQuery함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작업을 프로퍼티로 가지고 있는 객체이다. 암시적 반복에 대해 살펴보자면 jQuery객체의 가장 중요한 특성은 암시적인 반복을 수행한다는 것이다. DOM과 다르게 jQuery객체의 메서드를 실행하면 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리된다. 암시적 반복은 값을 설정할 때만 동작합니다. 값을 가져올 때는 선택된 엘리먼트 중 첫 번째에 대한 값만을 반환한다. 이에 대한 내용은 아래의 예제를 통해 살펴보겠습니다. 더불어 체이닝이라는 방법도 간단히 설명하자면 체이닝(Chaning)이란 선택된 엘리먼트에 대해서 연속적으로 작업을 처리할 ..

이번 시간은 제이쿼리에 대해 알아보도록 하죠. 우선, 라이브러리에 대해 설명을 먼저 하자면 라이브러리는 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다. 제이쿼리를 이용하면 훨씬 더 쉽게 사용가능하다 예를 들어 DOM을 이용하면 10줄이 나오는 것을 제이쿼리 라이브러리를 사용하면 1줄에 끝낼 수 있다. 더욱더 간단하게 설명하자면 (된장을 푼 물에 갖은 재료를 넣어 끓인 찌개로 토장찌개라고도 불린다. 된장은 한국의 전통 발효음식이며 콩으로 메주를 쑤어 말린 뒤 발효시킨 것을 뜻하는데, 주로 음식의 양념으로 쓰이는 식품이다. 그중 된장찌개는 한국 사람들이 즐겨 먹는 토착성이 짙은 음식으로, 된장만을 넣어 끓이기도 하고, 고추장이나 고춧가루를 첨가하여 매콤한 맛을 더하기도 한다..

DOM(Document Object Model)로 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. window 객체의 document 프로퍼티를 통해서 사용할 수 있다. Window 객체가 창을 의미한다면 Document 객체는 윈도에 로드된 문서를 의미한다고 할 수 있다. 우선 문서를 js로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 찾는 방법은 document객체의 메소드를 사용한다. 1. document.getElementsByTagName 문서 내에서 특정 태그에 해당되는 객체를 찾는 방법은 여러 가지가 있다. document.getElementsByTagName은 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeLis..

BOM(Browser Object Model)이란 웹브라우저의 창이나 프래임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단이다. BOM은 전역 객체인 Window의 프로퍼티와 메서드들을 통해서 제어할 수 있다. 따라서 BOM에 대한 수업은 Window 객체의 프로퍼티와 메서드의 사용법을 배우는 것이라고 해도 과언이 아닐 것이다. 본 토픽의 하위 수업에서는 Window 객체의 사용법을 알아볼 것입니다. ※목록 ---------------------------------------------------- 1. 전역 객체 window 2. 사용자와 커뮤니케이션 하기 3. Location 객체 4. Navigator 객체 5. 창 제어 ----------------------------------..