유용한 웹사이트
메뉴얼
MDN JavaScript Reference
Mozilla 재단이 운영하는 웹페이지로 다양한 예제와 정보를 찾아볼 수 있다. 특정 함수나 메서드에 대한 깊이 있는 정보를 얻을 수 있다.
MSDN JScript
Microsoft가 운영하는 웹페이지로 자바스크립트와 관련된 광범위한 정보를 얻을 수 있다. 특히 Internet Explorer에 관련된 정보를 찾을 수 있다.
검색 엔진을 켜서 검색어에 MDN이나 MSDN을 붙이면 원하는 정보를 쉽게 찾을 수 있다.
호환성 표
자바스크립트는 끊임없이 발전하는 언어로 새로운 기능이 정기적으로 추가된다. 메서드나 함수 관련 정보, 브라우저 지원 여부 등은 의사결정을 내릴때 꼭 필요한 정보다. 특정 브라우저나 엔진이 내가 사용하려는 기능을 지원하는지 확인할 땐, 아래 두 사이트가 좋다.
http://caniuse.com 에선 브라우저가 특정 기능을 지원하는지 표 형태로 확인할 수 있다. 키워드를 검색하면 표로 그 결과가 나와서 쉽게 확인이 가능하다.
https://kangax.github.io/compat-table 에선 자바스크립트 기능 목록이 있고, 해당 기능을 특정 엔진이 지원하는지 여부를 거대한 표를 통해 보여준다.
개발자 콘솔
Chrome에서 페이지 내 스크립트에 에러가 있는 경우, 개발자 도구를 열어 에러를 확인할 수 있다. Windows에서는 F12를 눌러봅시다. Mac 사용자라면 Cmd+Opt+J를 누르면 된다.
에러를 확인하고 고치는 방법(디버깅)에 대한 내용은 여기서 추가로 확인하자.
Multi-line input
크롬 개발자 도구 커맨드라인에서는 보통 한줄 짜리 명령어를 입력하고 Enter를 눌러 해당 명령어를 실행하는 작업을 많이 한다. 명령어를 여러 줄에 걸쳐 작성하고 싶다면 Shift+Enter를 누르면 된다. Shift+Enter를 누르면 명령어를 실행시키지 않고 줄 바꿈만 할 수 있기 때문에 자바스크립트 코드 조각을 입력하는 것도 가능해진다.
