1장. 자바스크립트 개요와 개발환경 설정 - 3

 

 

 

혼공JS 1장 - 3

 

 

 

---

01-3 알아두어야 할 기본 용어

 

<표현식과 문장>

• 자바스크립트에서 값을 만들어내는 간단한 코드를 표현식(expression)이라고 한다.
  • 예로 273, 10 + 20 + 30, 'RintIanTta'
• 이러한 표현식이 하나 이상으로 모이면 문장(statement)가 되고, 문장의 끝에는 마침표를 찍듯이 세미콜론(;) 또는 줄바꿈을 넣어서 문장의 종결을 알려준다.
• 이러한 문장이 모여서 프로그램(program)을 이룬다.

 

• Statement?
  • 일반적인 '문장'은 영어로 sentence이다. 하지만 프로그래밍에서 '문장'은 statement의 의미로 쓰인다. statement의 사전적 의미는 성명, 진술, 서술, 선언 등이다. 
  • 이후에 다루는 if 조건문, switch 조건문, for 반복문, try catch 구문처럼 OO문이라고 되어 있는 것은 모두 문장(statement)을 나타내는 표현이다.

 

---

 

<키워드>

• 자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어를 키워드(keyword)라고 한다.
• 2020년을 기준으로 키워드로 정의 내릴 수 있는 단어는 아래와 같다.

await	break	case	catch	class
const	continue	debugger	default	delete
do	else	export	extends	finally
for	function	if	import	in
instanceof	new	return	super	switch
this	throw	try	typeof	var
void	while	with	yield	let
static	true	false	null	as
from	get	of	set	target

• 여기서는 키워드가 무엇인지 정도만 알고 넘어가도 된다.

 

---

 

<식별자>

• 식별자(identifier)는 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어이다. 주로 변수명이나 함수명 등으로 사용된다.
• 자바스크립트 식별자를 만들 때는 아래의 규칙을 반드시 지켜야 한다.
  • 키워드를 사용하면 안 된다.
  • 숫자로 시작하면 안 된다.
  • 특수 문자는 _와 $만 허용한다.
  • 공백 문자를 포함할 수 없다.
• 식별자의 사용 예

식별자로 사용 가능한 단어	식별자로 사용 불가능한 단어
alpha alpha10 _alpha $alpha AlPha ALPHA	break (키워드) 273alpha (숫자로 시작) has space (공백을 포함)

• 위에서 사용하능하던 특수 문자( _ 와 $ )를 한 글자 식별자로 사용할 수도 있다.

 

식별자를 만드는 일반적인 관례

• 클래스의 이름은 항상 대문자로 시작한다.
• 변수와 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작한다.
• 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자(camel case)로 한다.
  • 예로 will out 이면 willOut 으로 사용

 

식별자의 종류

• 자바스크립트의 식별자는 아래와 같이 크게 네 종류로 나누어 부를 수 있다.

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

• 구분 예

alert('Hello World')        // 함수
Array.length                // 속성
input                       // 변수
prompt('Message', 'Defstr') // 함수
Math.PI                     // 속성
Math.abs(-273)              // 메소드

 

---

 

<주석>

• 주석(comment)은 프로그램 코드를 설명할 때 사용하며 프로그램 진행에는 전혀 영향을 주지 않는다.
• HTML 페이지에는 크게 HTML 태그 주석과 자바스크립트 주석이 있다.

 

HTML 태그 주석

<!-- 주석 -->

 

자바스크립트 주석

// 한 줄 주석

/*
  여러 줄 주석
*/

 

---

 

<출력>

• 작성한 코드가 맞는지 확인하기 위한 기본적인 방법은 출력이다.

 

간단한 표현식 결과 확인하기

• 구글 크롬 개발자 도구의 [Console] 탭을 이용하여 값을 입력하고 결과를 출력하기

 

경고창에 출력하기

• 파일을 만들었을 때 가장 기본적인 자바스크립트의 출력 방법은 alert() 함수를 사용하는 것이다.
• alert() 함수를 사용하며 웹 브라우저에 경고창을 띄울 수 있다.

• 함수의 괄호 안에 들어가는 것을 매개변수(parameter)라고 부른다.

 

콘솔에 출력하기

• alert() 함수로 결과를 보는 것이 번거로워지면 console.log() 메소드를 사용한다.

 

 

---

 

 

영어와 프로그래밍 언어

• 프로그래밍 언어는 영어 구조와 비슷하다.

 

• 영어의 기본 형식

I love you // 주어 + 동사(일반 동사 또는 be 동사) + 목적어

 

• 프로그래밍 언어의 기본적인 형식

i.love(you) // 주어 + 동사(함수) + 목적어(매개변수)

 

• console.log() 메소드의 형식

console.log("Hello JavaScript...!") // 주어 + 동사(함수) + 목적어(매개변수)

 

• 프로그래밍 언어의 명령 표현

love(you) // 동사(함수) + 목적어(매개변수)

 

• alert() 함수의 형식

alert("Hello JavaScript...!") // 동사(함수) + 목적어(매개변수)

 

 

 

• 저자 유튜브 강의 보기
  • 5강 - 1.3절 기본 용어 : https://www.youtube.com/watch?v=PU_QuhU1Vfs  
  • 6강 - 1.3절 주석과 출력 : https://www.youtube.com/watch?v=kvvKsAiSFXM

 

 

 

---

해당 글은 [혼자 공부하는 자바스크립트] 책을 토대로 공부한 내용을 기록하기 위하여 작성됨.

 

---