[JavaScript] JavaScript 기초

1. JavaScript 기본 용어

(1) 표현식(Expression), 문장(statement), 프로그램(Program)

(i) 표현식(Expression)

273
10 + 20 + 30 * 2
"JavaScript Programming"

(ii) 문장 : 표현식이 하나 이상 모일 경우, 마지막에 종결 의미로 세미콜론(;)

(iii) 프로그램 : 문장이 모이면 프로그램

273;
10 + 20 + 30 * 2;
let name = "윤" + "인" + "성"
console.log("Hello World...!")

 

(2) 키워드

JavaScript에서 특별한 의미가 부여된 단어

 

break	else	instanceof	true
case	false	new	try
catch	finally	null	typeof
continue	for	return	var
default	function	switch	void
delete	if	this	while
do	in	throw	with
let	const

 

(3) 식별자

이름을 붙일 때 사용하는 단어, 변수와 함수 이름 등으로 사용

 

• 키워드를 사용하면 안 된다.
• 특수 문자는 _와 $만 허용
• 숫자로 시작하면 안 된다.
• 공백은 입력하면 안 된다.

#가능
alpha
alpha10
_alpha
$alpha
Alpha
ALPHA

#불가능
break //키워드
273alpha //숫자로 시작
has space //공백 입력

• 식별자 사용 규칙
  • 생성자 함수의 이름은 항상 대문자로 시작
  • 변수, 함수, 속성, 메서드의 이름은 항상 소문자로 시작
  • 여러 단어로 된 식별자는 각 단어의 첫 글자를 대문자

will out => willOut
will return => willReturn
i am a boy => iAmABoy

• 자바스크립트 식별자의 종류

구분	단독으로 사용	다른 식별자와 사용
식별자 뒤에 괄호 없음	변수 또는 상수	속성
식별자 뒤에 괄호 있음	함수	메소드

alert('Hello World') => 함수
Array.length         => 속성
input                => 변수 또는 상수
Math.abs(-273)       => 메소드

 

(4) 주석

프로그램의 진행에 영향을 주지 않는 코드

 

방법	표현
한줄 주석 처리	// 주석
여러줄 주석 처리	/* 주석 주석 */

//주석은 코드의 실행에 영향을 주지 않습니다.
/*
console.log("JavaScript Programming")
console.log("JavaScript Programming")
console.log("JavaScript Programming")
*/ => 출력되지 않는다.

 

2. 출력

• console 객체의 log() 메서드 사용 : console.log() 메소드

console.log("JavaScript Programming");

• 웹 브라우저 활용
  • 웹 브라우저 마우스 오른쪽 버튼 -> [요소 검사] 또는 [검사] 메뉴
  • 개발자 도구(Developer Tools) 실행, 오류가 있을 때는 Console 탭에 오류 내용이 출력