매뉴얼과 명세서, 코드 에디터

명세서

ECMA-262 명세서(specification) 는 자바스크립트와 관련된 가장 심도 있고 상세한 정보를 담고 있는 공식 문서입니다.

이 명세서에서 자바스크립트라는 언어를 정의합니다.

매뉴얼

Mozilla 재단이 운영하는 MDN JavaScript Reference엔 다양한 예제와 정보가 있습니다.

특정 함수나 메서드에 대한 깊이 있는 정보를 얻고 싶다면 이 사이트가 제격입니다.

링크는 다음과 같습니다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

위 사이트에 들어가서 원하는 내용을 직접 검색하는 것도 좋지만, 가끔은 검색 엔진을 이용해 내용을 찾는 게 더 나을 때도 있습니다.

Google 검색 엔진에 접속해 'MDN [원하는 용어]'를 입력해 봅시다.

parseInt 함수에 대한 정보를 얻고 싶다면 https://google.com/search?q=MDN+parseInt 같이 검색하는 식으로 말이죠.

호환성 표

특정 브라우저나 엔진이 내가 사용하려는 기능을 지원하는지 확인할 땐, 아래 두 사이트가 좋습니다.

• http://caniuse.com 에선 브라우저가 특정 기능을 지원하는지 (표 형태로) 확인할 수 있습니다. 암호화 관련 기능인 cryptography를 특정 브라우저에서 사용할 수 있는지 아닌지를 보려면 http://caniuse.com/#feat=cryptography를 확인하면 됩니다.
• https://kangax.github.io/compat-table 에선 자바스크립트 기능 목록이 있고, 해당 기능을 특정 엔진이 지원하는지 여부를 거대한 표를 통해 보여줍니다.

통합 개발 환경

통합 개발 환경 (Integrated Development Environment, IDE)은 강력한 에디터입니다.

보통 '프로젝트 전체’를 관장하는 다양한 기능을 제공합니다.

이름에서 알 수 있듯이 IDE는 단순한 에디터가 아닙니다.

'개발 환경’을 쾌적하게 해주는 통합 환경을 제공합니다.

• Visual Studio Code (크로스 플랫폼, 무료)
• WebStorm (크로스 플랫폼, 유료)

경량 에디터

'경량 에디터(lightweight editor)'는 IDE만큼 많은 기능을 제공하진 않지만, 속도가 빠르고 단순하다는 장점이 있습니다.

파일 하나만 수정하고 싶다면 경량 에디터를 사용하는 게 훨씬 빠릅니다.

• Atom (크로스 플랫폼, 무료)
• Visual Studio Code (크로스 플랫폼, 무료)
• Sublime Text (크로스 플랫폼, 셰어웨어)
• Notepad++ (Windows, 무료)
• Vim이나 Emacs도 에디터로 사용법만 잘 숙지하면 충분히 에디터 역할을 잘합니다.

개발자 콘솔

Chrome이나 safari를 쓴다.