DOM(Document Object Model)DOM은 Document Object Model의 약자로HTML 이나 XML 같은 문서(Document)를 프로그래밍 언어(여기선 자바스크립트)가접근하고 조작할 수 있는 객체(Object) 형태로 모델링(Model)한 것이다. 쉽게 말해 HTML은 단순한 텍스트 파일이지만, 웹 브라우저가 HTML을 읽어 자바스크립트가 이해할 수 있는 메모리상의 데이터 구조로 변환한 것이 DOM이라고 할 수 있다. 자바스크립트(Javascript)와 DOM의 관계자바스크립트의 역할은 웹 페이지의 동적인 동작을 구현하는 것이다. 예를 들어 "버튼을 클릭해 배경색을 바꿔라" 는 명령을 내리려면, 자바스크립트가 웹페이지의 '버튼'이라는 요소와 '배경색'이라는 스타일에 접근 할 수..
프로젝트 환경에 따라 node.js 버전을 다르게 사용해야 되는 일이 생긴다.그럴때마다 nodejs 를 삭제했다가 해당 버전으로 설치하고,또 프로젝트가 변경되면 같은 행동을 반복해야 해서 꽤나 번거로웠다. 하지만 NVM(Node Version Manager)을 설치하고 나서 다양한 nodejs버전을 관리하면서 그런 번거로움이 많이 사라졌다.여러 프로젝트를 진행함에 있어 필수적인 프로그램인 NVM을 설치해보도록 하자. 1. NVM 다운로드NVM은 좀 알려진 서비스이다 보니 GitHub 으로 프로젝트가 공유되곤한다.여러 NVM을 발견할 수 있는데 이번에 Window용으로 많은 관심을 받는 버전이 있어 해당 버전을 설치해보도록 하자. 우선 해당 GitHub로 이동하여 다운로드 받자. GitHub - corey..
자바스크립트(Javascript)를 이용해 개발을 하다 보면 아쉬운 점들을 발견하게 된다.예를 들면 웹서버를 구성하기 위해서는 파이썬, 자바 등과 같은 다른 언어로 만들어야 해서 시간이 배로 들게 되기 마련이다. 그래서 자바스크립트로 그런 부분을 해결하기 위해 나온것이 바로 Node js.nodejs를 통해 자바스크립트 하나의 언어로 웹사이트를 구성 할 수 있다 보니 개발속도도 엄청 빨라지게 되었다. 게다가 npm(node package manager)을 통해 많은 패키지들을 사용할 수 있는 장점이 있다.그러므로 자바스크립트 개발에 거의 필수적이라고 할 수 있는 nodejs 설치를 해보자. 1. Nodejs 다운로드 Node.js — Node.js® 다운로드Node.js® is a free, open-s..
- Total
- Today
- Yesterday
- 변수
- 태그
- 반복문
- 배열
- node
- github
- vsCode
- javascript
- 함수
- function
- TAG
- 깃허브
- 조건문
- 깃헙
- js
- zindex
- HTML
- height
- 화살표함수
- z-index
- 비주얼스튜디오코드
- CSS
- array
- 자바스크립트
- object
- position
- for
- 웹페이지
- width
- Dom
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |