프로그래밍/자바스크립트

자바스크립트 - DOM 검색

DOM 검색하기 ID 값으로 검색 요소에 id 속성이 있으면 위치에 상관 없이(부모, 자식, 형제등의 상대적 위치와 관계 없이) document.getElementById(id) 메소드를 통해 접근할 수 있음 id속성 값을 그대로 딴 전역 변수를 이용한 접근도 가능하지만 해당 id 값과 동일한 변수가 생기는 이름 충돌 가능성이 있어 지양하는 것이 좋음 문서 내의 id 속성 값은 중복 되어서는 안되며 중복 된다면 document.getElementById 메소드 동작이 문제가 발생함 let box = document.getElementById("box"); console.log(box); CSS선택자 형식으로 검색 원래는 위에같이 ID명, CLASS명, NAME명, 태그명으로 주로사용했었는데 저방식은 예전..

2021. 8. 2. 14:40

프로그래밍/자바스크립트

자바스크립트 - DOM

WINDOW 객체 window 객체는 자바스크립트의 최상위 객체이며 DOM과 BOM으로 나뉜다. BOM(Browser Object Model) location 객체, navigator 객체, history 객체, screen 객체 등 DOM(Document Object Model) HTML에 있는 태그를 객체화 하여 자바스크립트에서 다룰 수 있게 한 것 모든 노드 객체에 접근할 수 있는 요소와 메소드 제공 HTML에 있는 태그를 구조화 했을때 각각의 태그가 노드 1. 요소 노드(Elements Node) : 태그 그 자체를 의미함 2. 텍스트 노드(Text Nodes) : 태그에 기록 되어있는 문자 * 텍스트 노드를 가지는 태그(h?, p)와 가지지 않는 태그(img 등)가 있음 DOM 탐색하기 docu..

2021. 8. 2. 14:20

프로그래밍/자바스크립트

자바스크립트 - 날짜 관련 메소드

Date 날짜와 시간을 나타내는 객체로 월은 0부터 시작하며 요일은 0(일요일) ~ 6(토요일)을 나타낸다. 날짜 끼리의 연산도 가능한다 이는 Date가 숫자형으로 바뀔 때 타임스탬프가 반환되기 때문이다 (타임스탬프 : 1970년의 첫날을 기준으로 흘러간 밀리초를 나타내는 정수) Date 생성 Date() 정보 얻어오기 Date 객체의 값을 얻어올때는 get~~~() 메소드를 이용하여 값을얻어오면된다. Date() set() Date의 날짜를 세팅하고싶을땐 Date객체의 set~~~() 메소드를 이용하여 세팅한다. https://memory-develo.tistory.com/95 자바스크립트 - 문자 관련 메소드 백틱(`) 문자형의 경우 작은 따옴표와 큰 따옴표모두 사용 가능하며 또 한가지는 backti..

2021. 7. 30. 17:50

프로그래밍/자바스크립트

자바스크립트 - 문자 관련 메소드

백틱(`) 문자형의 경우 작은 따옴표와 큰 따옴표모두 사용 가능하며 또 한가지는 backtick(`)을 사용할 수있다. 백틱은 문자열을 여러줄에 걸쳐 쓸 수 있게 해주고 문자열 중간에 ${}를 사용해 표현식을 넣을 수 있음 문자열 내의 글자 하나를 얻으려면 문자열[위치인덱스]를 사용함 문자열 인덱스 문자열은 배열로 이루어져있는거라고 생각하면된다. 배열 메소드를 문자열 메소드로 사용할수있다. substr() substr(index, length) index ~ 몇개를 자를건지 substring() substring(start, end) 몇번부터 몇번까지 자르겠다 하지만 substring 에서 end는 포함하지않는다. indexOf() 인덱스의 위치 반환, 없으면 1반환 includes() 포함 여부 반환 ..

2021. 7. 30. 17:32

프로그래밍/자바스크립트

자바스크립트 - 숫자 관련 메소드

isNaN() 인수를 숫자로 변환한 다음 NaN(Not a Number : 숫자가 아니라는 에러 나타내는 값)인지 결과를 true, false로 나타냄 isFinite() 인수를 숫자로 변환하고 변환한 숫자가 NaN/Infinity/-Infinity가 아닌 일반 숫자인 경우 true를 반환함 parseInt()/parseFloat() Number는 문자열 앞 뒤 공백 제외하고 다른 문자가 섞여있으면 형변환이 불가능하다 하지만 parseInt/parseFloat 를 사용하면 문자열에서 숫자만 읽고 읽은 숫자를 에러가 발생하기 전에 반환해주는 형변환을 사용할 수 있음 공통적으로 앞에 문자가있을경우는 NaN 나오게된다.. 정규식을이용해 말고는 방법이없는듯하다.. https://memory-develo.tist..

2021. 7. 30. 17:04

프로그래밍/자바스크립트

자바스크립트 - 객체

객체 다른 자료형은 오직 하나의 데이터만 담을 수 있는 원시형 객체는 프로퍼티(키-값)를 저장하며 키 값을 사용하여 속성을 식별한다. 키는 문자열이며 속성에는 모든 자료형이 올 수 있다. 객체 생성자 또는 중괄호 {} 를 사용하여 객체를 생성한다. 생성 및 접근 키 식별자 테스트 객체의 키는 모든 문자열을 사용할 수 있다. 단, 식별자로 사용할 수 없는 단어를 키로 사용하거나 변수를 키로 사용하는 경우 무조건 대괄호를 사용해야 객체의 요소에 접근할 수 있다. 상수 객체 상수 배열/객체의 속성은 변경 가능하나 상수 배열/객체를 다시 할당할 수는 없음 객체 속성 추가, 제거 처음 객체 생성 이후 속성을 추가하거나 제거하는 것을 동적으로 속성을 추가한다 혹은 제거한다 라고한다. in 키워드 객체 내부에 해당 ..

2021. 7. 29. 18:15