이진욱의코딩

이번 포스팅은 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. 창 제어 ----------------------------------..

DOM(DOCUMENT OBJECT MODEL) 문서 객체 모델(DOM)은 HTML, XML 문서의 프로그래밍 인터페이스이다. DOM은 문서의 구조화된 표현을 제공하여 그들의 문서 구조 및 스타일, 내용 등을 변경할 수 있게 돕니다. DOM은 구조화된 노드와 프로퍼티와 메서드를 갖고 있는 OBJECT로 문서를 표현한다. 이들은 웹 체이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. ※특징 웹페이지는 일종의 문서이다. 이 문서는 웹 브라우저를 통해 그 내용이 해석되어 웹 브라우저 화면에 나타나거나 HTML 소스 자체로 나타나기도 한다. 동일한 문서를 사용해 이처럼 다른 형태로 나타날 수 있다는 점에 주목할 필요가 있다. DOM은 동일한 문서를 표현하고 서저장, 조작하..

저번 시간까지는 생활코딩! HTML+CSS+자바스크립트라는 책을 약 한 달 만에 클리어하고 이번 주부터는 러닝 자바스크립트라는 책을 시작할 예정입니다. 앞선 책에서는 HTML과 CSS와 JS의 맛보기에 불과했다면 이제 제가 할 러닝 자바스크립트라는 책은 JS위주로 실제로 앱도 한번 만들어보고 더 심화과정이라고 말할 수 있네요 하루하루 공부한 내용을 바탕으로 성실히 포스팅을 하도록 하겠습니다. 혹시 책의 정보가 필요하다면 이 책과 이 책입니다. 다음 포스팅부터 제대로 한번 시작해보도록 하겠습니다~~