노드 리스트(node list)는 getElementsByTagName() 메소드나 childNodes 프로퍼티의 값으로 반환되는 객체입니다. 이 객체는 HTML 문서와 같은 순서로 문서 내의 모든 노드를 리스트 형태로 저장하고 있습니다. 리스트의 각 노드는 0부터 시작하는 인덱스를 이용하여 접근할 수 있습니다. 다음 예제는 인덱스를 활용해 접근하는 방법을 보여주고 있습니다. var listItems = document.getElementById('list').childNodes; listItems[1].firstChild.nodeValue = 'HTML 요소의 내용을 변경했습니다'; 위 예제에서 자식 노드 중 첫 번째 요소를 선택할 때 인덱스를 0이 아닌 1을 사용하고 있습니다. 그 이유는 HTML D..

HTML DOM은 노드(node)라고 불리는 계층적 단위에 정보를 저장하고 있습니다. HTML DOM은 이러한 노드들을 정의하고 그들 사이의 관계를 설명해주는 역할을 합니다. HTML 문서의 정보는 노드 트리(node tree)라고 불리는 계층적 구조에 저장되는데 이러한 노드 트리는 노드들의 집합이며 노드 간의 관계를 보여줍니다. 노드 트리는 최상위 레벨인 루트 노트(root node)로부터 시작하여 가장 낮은 레벨인 텍스트 노드까지 뻗어 내려갑니다. 자바스크립트에서 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있습니다. W3C HTML DOM 표준에 따르면 HTML 문서의 모든 것은 노드입니다. 다음 표는 HTML 문서를 구성하는 대표적인 노드의 종류를 표현하고 있습니다. 노드..

자바스크립트를 더 자유롭게 사용하기 위해서는 문서 객체 모델(DOM, Document Object Model)의 개념은 필수적입니다. 문서 객체 모델(DOM)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스로 문서 내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공합니다. W3C DOM 표준에서 DOM은 세 가지 모델로 구분되어 있습니다. Core DOM : 모든 문서 타입을 위한 DOM 모델 HTML DOM : HTML 문서를 위한 DOM 모델 XML DOM : XML 문서를 위한 DOM 모델 Document 객체는 웹 페이지 그 자체를 의미하고 있습니다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체로부터 시작해야합니다. Document ..

객체(Object) 란 실생활에서 우리가 인식할 수있는 사물로 이해할 수 있습니다. 자바스크립트의 기본 타입(data type)은 객체(object)입니다. 다시 말해 객체는 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다. 프로퍼티의 값으로 함수가 올 수도 있는데 이러한 프로퍼티를 메소드(method)라고 부를 수 있습니다. 자바스크립트에서 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체입니다. 하지만 숫자, 문자열, 불리언 같은 원시 타입은 값이 정해진 객체로 취급되어 객체로서의 특정도 함께 가지고 있습니다. 다음 예제는 객체의 프로퍼티 참조를 보여주고 있습니다. 객체이름.프로퍼티이름 또는 객체이름['프로퍼티이름'] 객체의 메..

자바스크립트(JavaScript)는 객체(Object) 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고 CSS로는 웹을 디자인하며 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되지만 Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. 본격적으로 자바스크립의 개요를 시작하기 전에 앞서 짧게 역사를 알고 가려고 합니다. 자바스크립트는 1995년 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌으며 처음에는 모카(Moca)라는 이름으로 개발되었지만 라이브스크립트(LiveScript) 라는 이름을 거쳐 오늘날 자바스크립트(JavaScript) 이름을 가지게 되었습니다. 자바스크립트..

1. indexOf() : 특정 문자나 문자열이 앞에서부터 처음 발견되는 인덱스를 반환하며 만약 찾지 못했을 경우 -1을 반환합니다. const str = 'Hello, JavaScript' console.log(str.indexOf('J')) console.log(str.indexOf('l')) console.log(str.indexOf('l',3)) indexOf(찾을 특정 문자, 시작할 위치)로 사용할 수 있습니다. 시작할 위치의 경우 생략이 가능하며 생략할 경우 0번째 즉 문자열의 처음부터 찾기 시작합니다. 출력을 해보면 다음과 같은 결과를 얻을 수 있습니다. J의 위치는: 7 l의 위치는: 2 l의 위치는: 3 여기서 주목해야 할 것은 l의 위치입니다. 2번째 출력문과 3번째 출력문은 같은 l를..

VS code error로 아래와 같은 경우를 보인다. PowerShell 오류로 아래의 방법으로 해결할 수 있다. 1. Windows PowerShell을 관리자 권한으로 실행한다 2. get-help Set-ExecutionPolicy로 어떤 권한을 설정할 수 있는지 확인 get-help Set-ExecutionPolicy Restricted : PowerShell의 실행 권한 정책 중 기본적으로 적용되어있는 옵션 ps1 스크립트 파일을 로드하여 실행할 수 없는 정책 AllSigned : 신뢰된 배포자에 의해 서명된 스크립트만 실행 할 수 있는 정책 RemoteSigned : 로컬 컴퓨터에서 본인이 생성한 스크립트만 실행 가능 또는 인터넷에서 다운로드 받은 스크립트는 신뢰된 배포자에 의해 서명된 것만..