JavaScript

네이밍컨벤션

변수의 이름으로 사용할 수 없는 경우
1. 숫자로 시작하는 경우
2. _, $를 제외한 특수문자 또는 공백이 사용된 경우

자동 형 변환

• 숫자 + 문자 = 문자
• 숫자형 문자 값을 숫자 값으로 바꾸기
  => 숫자형 문자 값에 +를 붙이거나, -0 또는 *1 또는 /1
• 숫자가 포함된 문자 값에서 숫자만 추출하기
  => parseInt(문자, 10) = 문자에서 정수만 10진수로 추출한다.
  => parseFloat(문자, 10) = 문자에서 실수만 10진수로 추출한다.
• Boolean 값에 !를 붙이면 부정된다.
• 숫자 + null = 숫자
• 숫자 + undefined = NaN

동일한 변수 이름 문제

문서의 어떤 객체에 접근하기 위해 요소에 id를 부여해서 직접 접근하는 것은 좋지 않다.
=> 해당 id가 다른 변수의 이름으로 사용되었을 때, 변수의 선언은 JavaScript의 최상단으로 가기 때문에 코드를 읽는 과정에서 객체에 접근이 되지 않는 등 예상치 못한 결과가 나올 수 있다.
=> 문서에서 id의 이름을 이용하여 객체에 접근한 후, 변수에 할당하여 접근하는 방식을 사용해야 한다.

var 변수이름 = domcument.getElementsById('id이름')

객체에 접근하는 방법

• tag의 이름으로 접근하기
  => document.getElementsByTagName('태그이름')
• id의 이름으로 접근하기
  => document.getElementsById('id이름')
• class의 이름으로 접근하기
  => document.getElementsByClassName('class이름')
• CSS 선택자로 접근하기
  => document.querySelector('선택자 이름') = 한가지를 찾을 때
  => document.querySelectorAll('선택자 이름')= 여러가지를 찾을 때