본문 바로가기

JAVASCRIPT

(4)
[javascript] element node 선택하기 자식요소 노드 선택하기 myTag.children; myTag.firstElementChild; myTag,lastElementChild; 부모요소 노드 선택하기 myTag.parentElement; 형제요소 노드 선택하기 myTag.previousElementSibling // 이전 myTag.nextElementSibling // 다음
[javascript] 태그 선택하기 id로 태그 선택하기 document.getElementById('접근하고자 하는 태그의 아이디값'); class로 태그 선택하기 document.getElementsByClassName('classname'); 유사배열의 형태로 배열의 기능을 제한적으로 사용가능 const myTags = documentgetElementsByClassName('color-btn')' for( let tag of myTags){ console.log(tag); } 1. 숫자형태의 indexing 이 가능하다. myTags[1]; 2. length 프로퍼티가 있다. myTags.length; 3. 배열의 기본 메소드를 사용할 수 없다. push, slice 등 메서드를 사용할 수 없음 4. array.isArray 는 f..
[javascript] 02. 타입, 값, 변수_part1 프로그래밍 언어에서 표현하고 조작할 수 있는 값의 종류를 타입이라 부르고 어떤 타입을 지원하는지가 프로그래밍 언어의 가장 기본적인 특징을 이룹니다. 프로그램에서 값을 나중에 사용하기 위해 유지하려면 변수에 값을 할당(저장)합니다. 변수에는 이름이 있으며 프로그램은 변수 이름을 통해 값을 참조합니다. 자바스크립트 타입은 기본 타입과 객체 타입으로 나뉩니다. 기본 타입 - 숫자 - 문자열 - 불(boolean) - null - undefined - 심벌 객체 타입 기본 타입에 속하지 않는 모든 값 첫번째. 숫자 1-1. 정수 리터럴 10진수 ex) 0 , 3, 100000 ... 16진수 ex) 0xff => 255 1-2. 부동 소수점 리터럴 부동 소수점 리터럴에는 소수점이 포함 될 수 있다. 1-3. 자..
[javascript] 01. 자바스크립트 어휘 구조 자바스크립트를 작성할 때 지켜야할 어휘 구조에는 다음과 같은 사항이 있다. 1. 대소문자 구분, 스페이스, 줄바꿈 2. 주석 3. 리터럴 4. 식별자와 예약어 5. 유니코드 6. 세미콜론(선택) 첫번째. 대소문자, 스페이스, 줄바꿈 자바스크립트는 대소문자를 구분합니다. 그렇기때문에 키워드, 함수, 변수등을 지정하면 일관적으로 작성해야합니다. example ) ' APPLE', 'Apple', 'apple' 은 모두 다른 변수 이름으로 간주됩니다. 토큰 사이의 공백과 줄바꿈은 무시됩니다. 줄바꿈을 마음대로 쓸 수 있으므로 코드를 읽고 이해하기 쉽도록 본인에게 잘 맞고 일관적인 형식으로 작성 할 수 있습니다. 두번째. 주석 자바스크립트의 주석에는 두 가지 종류가 있습니다. 한 줄 주석과 여러 줄을 작성할 수..