01 자바스크립트

알아두어야 할 기본 용어

표현식 : 값을 만들어내는 간단한 코드
문장 : 코드를 실행하는 단위 / 문장종결기호 - 줄바꿈과 ;(세미콜론)
키워드 : 프로그래밍 언어가 처음 만들어질 때 정해진 특별한 의미가 있는 단어
식별자 : 이름을 붙일 때 사용하는 단어 주로 변수명이나 함수명등으로 사용

    ** 식별자 만들 때 규칙 **
    키워드를 사용 X
    숫자로 시작 X
    특수 문자는 _ 와 $만 허용
    공백 문자 포함 불가
    여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 쓰기
    식별자의 종류 : 변수, 속성, 함수, 메소드
    

주석

프로그램 코드를 설명하는 문장으로 프로그램 진행에는 전혀 영향을 주지 않음

• 자바스크립트 주석
  - // 한 줄 주석
  - /* 여러 줄 주석 */
• HTML태그 주석
  <!-- 주석 -->

기본적인 출력 방법

• 경고창 출력 : alert('안녕하세요') → 함수의 괄호 안에 들어가는 것을 매개변수 라고 한다.
• 콘솔에 출력 : console.log('안녕하세요')

오류 확인하기

1. 웹 페이지에서 오른쪽 마우스 클릭 - [검사] 또는 단축키 ctrl + shift + I
2. 개발자 도구 오른쪽 위에 X표시가 되어 있는 붉은색 원 클릭 또는 [Console] 탭 클릭
3. 에러 확인 왼쪽에 오류 발생 위치 뜸
4. 발생 위치 누르면 붉은색 밑줄로 표시되어있는 오류 확인 가능

자주 접하는 오류

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

VSCode 관련

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

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

• 전체 수정 기능 : Ctrl + F 누르고 왼쪽에 있는 바꾸기 모드 설정/해제 드롭다운 열어서 바꾸기