01-2. 개발환경 설치와 코드실행

개발환경에는 코드를 작성하는텍스트 에디터와 코드를 실행하는 코드실행기가 필요

자바스크립트 개발을 위해 텍스트 에디터는 비주얼 스튜디오 코드 Visual Studio code,
코드 실행기는 구글 크롬 웹브라우저를 사용한다.

구글 크롬 콘솔에서 실행하기

1. 구글 크롬의 주소창에 about:blank 입력
2. 단축키 [ctrl+Shift+I]를 눌러 개발자 도구 실행 후 [Console] 탭 클릭

자주 접하는 오류

Uncaught ReferenceError : ○○ is not defined
○○부분을 잘못 입력했을 때 발생
Uncaught SyntaxError : Invalid or unexpected token
토큰(기호)를 잘못 입력했을 때의 오류 (따옴표 등)
Uncaught SyntaxError : missing ) after argument list
토큰(기호)를 잘못 입력했다는 오류 (괄호를 닫지 않은 경우)

자바스크립트 표준스타일

JavaScript Standard Style

VSCode 관련

• 입력할 때 [tab] 키를 누르면 자동으로 띄어쓰기 2~4개가 들어갑니다.
  [Shift+tab]키를 누르면 반대로 앞의 띄어쓰기 2~4개가 제거됩니다.

• 여러 줄 한꺼번에 들여쓰기 하기: [shift] + 방향키 위/아래 로 줄 선택 후 [Tab]

• 멀티커서 : [Alt] + 마우스 클릭 / [Ctrl + Alt] + 방향키 위/아래