이진욱의코딩

오늘부터 저는 it학원을 다니기로 했습니다. 그 이유는 react.js나 vue.js를 빨리 접해보고 싶기도 하면서 제가 부족한 부분을 채울 겸 기초를 단단히 하고 싶은 마음에 생전 처음으로 학원 등록을 했습니다. 9월 9일부터 시작해서 2월까지 총 5개월 과정으로 신청을 했습니다. 그래서 저는 오늘부터 학원에서 배운 것들을 복습 차 블로그에 하나하나 기록을 할 예정입니다. 5개월 동안 말이죠. 물론 학원 공부뿐만 아니라 제가 따로 책을 사서 공부할 예정입니다. 물론 블로그 포스팅도 하고요. 서론은 여기까지 적고 오늘 배운 내용에 대해 포스팅을 해보도록 하겠습니다. 수업은 vs, atom, edit+등의 프로그램 도구 중 본인이랑 잘 맞는 프로그램을 선택해서 사용하시면 됩니다. 저는 기존에 ms에 있는 ..

이번 시간은 제이쿼리에 대해 알아보도록 하죠. 우선, 라이브러리에 대해 설명을 먼저 하자면 라이브러리는 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다. 제이쿼리를 이용하면 훨씬 더 쉽게 사용가능하다 예를 들어 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은 동일한 문서를 표현하고 서저장, 조작하..