개발 뜯기/JavaScript

✔ Uncaught SyntaxError: missing ) after argument list JS가 요구하는 규칙대로 프로그램을 작성하지 않을 경우 발생한다. ✔ Uncaught TypeError: Cannot read property 'classList' of null at ~ 정의되지 않은 객체의 property를 읽어내거나 method를 호출했을 때 발생. 1. script 태그를 이전에 넣는다. 2. html 태그에 해당 요소가 있어야 한다.

[새로 알게된 것] 1. 키보드 키코드 더보기 KEY KeyCode ASCII KEY KeyCode ASCII 0 48 48 Numpad 0 96 48 1 49 49 Numpad 1 97 49 2 50 50 Numpad 2 98 50 3 51 51 Numpad 3 99 51 4 52 52 Numpad 4 100 52 5 53 53 Numpad 5 101 53 6 54 54 Numpad 6 102 54 7 55 55 Numpad 7 103 55 8 56 56 Numpad 8 104 56 9 57 57 Numpad 9 105 57 A 65 65 Multiply 106 42 B 66 66 Add 107 43 C 67 67 Enter 13 13 D 68 68 Subtract 109 45 E 69 69 Decim..

[새로 알게 된 것] 1. onclick 메서드와 value 값만으로 계산기를 간편하게 만들 수 있다는 것을 알았다. 2. value = ' ' 로 값을 비우게 해 Clear 로 만들 수 있다. 3. eval() : 문자로 표현 된 Js코드를 실행하는 함수 eval(string) eval is evil? 사용을 지양하자! eval()은 인자로 받은 코드를 caller의 권한으로 수행하는 위험한 함수다. ES5부터 eval을 직접 호출하지 않고 간접적으로 사용한다면, 지역 범위가 아니라 전역 범위로 동작한다 (!) 때문에 제3자 코드가 eval()이 호출된 위치의 스코프를 볼 수 있다. 그리고 느리다! eval()을 사용하면 브라우저는 코드에 해당 변수가 있는지 확인하고 값을 대입하기 위해 일일이 검색해야..

[새로 알게된 것] getHours getMins getSeconds textContent는 innerContent와 비슷하지만 반환 시 여백도 그대로 가져온다. 1. 아직 h = (h < 10) ? "0" + h : h; 를 이해 못했다,, 없어도 잘 돌아가는데 ㅋㅋㅋ 다시 계산해봐야겠다. 2. 폰트 적용이 안돼 ~~ 디지털 느낌이면 더 좋을텐데 아숩아숩 [내가 짠 코드]

[새로 알게된 것] 클론코딩만 하니 실력이 전혀 늘지가 않아 직접 알고리즘을 연구하며 하나씩 만들었다. 아직 코드는 엉망이지만 내 손으로 뭔갈 만드는 재미가 있다. 이제야 제대로 마주하는 기분이다!! 진짜 재밌다. 1. 리팩토링 하기 2. 숫자가 바뀌는걸 위에서 아래로 돌아가도록 구현 해보기 [내가 짠 코드] 참고 : mikkeg