Javascript 오답노트

가장 많은 오류

 

1. 문법 에러(unexpected syntax error) => 괄호, 세미콜론 등 [하다가 CSS에서 콤마로 연결하는 경우도 생김]

## 비슷하게 :을 =으로 적는 경우도 많음

 

2. 아이디값 오타 => 파라미터로 전달된 아이디가 존재하지 않는다면 리턴값은 null

 

null객체는 innerHTML같은 걸 set하지 못하므로 그걸 호출하는 줄에서 오류가 난다.

 

3. 괄호 블럭을 잘못 닫은 경우(HTML에서도 들여쓰기를 제대로 안 하면 div 포함관계가 빈번하게 어그러진다.)

 

4. jquery에서 셀렉터에 #을 안 붙이는 경우

 

5. 출력결과를 위해 =을 연결하다가 +를 써야될 곳에 =을 쓴 경우

 

6. 변수에 !를 쓰면 변수 자체가 비어있을 때라는 뜻(예외사항 처리에 유용) ==> null & "" 체크와 동치

 

※ 따로 처리를 하고 싶다면 ""은 빈값을 입력했을 때, null은 취소를 눌렀을 때로 나눌 수 있다.

 

7. innerHTML은 기본적으로 덮어쓰기가 된다. 누적하고 싶은 경우 +=으로 추가(일종의 할당이라고 보면 될 듯. 그냥 할당은 덮어쓰기 됨)

 

혹은 변수에 할당해놓고 한번에 쓰는 방식도 가능하다.

 

8. Javascript는 무조건 Console 띄워놓고 같이 보면서 해야 됨(문법 에러는 잡을 수 있다)

 

9. json의 value값에 함수를 포함하는 경우 뒤에 comma를 찍지 않고 넘어가는 실수가 있을 수 있다.