[혼공스] 01 - 3 정리

 

오늘은 01 - 3장의 내용을 정리해보자.

 

01 - 3장의 제목은 '알아두어야 할 기본 용어'로, 자바스크립트를 본격적으로 알아보기 전에 자바스크립트와 관련된 기본적인 용어들을 설명해주고 있다.

 

기본 용어라고 해서 만만하게 보았는데 생각보다 생소한 용어가 많아서 당황스러웠다!

 

밑 빠진 독이 되지 않도록 기초부터 확실하게 정리해보도록 하자.

 

표현식과 문장

자바스크립트에서 값을 만들어내는 간단한 코드를 표현식이라고 부른다.

273

10 + 20 + 30 * 2

'RinIanTta'

 

하나 이상의 표현식이 모이면 문장이 된다.

문장을 구분할 때에는 세미콜론(;)을 사용해도 되고, 줄바꿈을 사용해도 되고, 두가지를 모두 사용해도 된다.

하나의 표현식도 문장이 될 수 있고, 이러한 문장이 모여서 프로그램을 이룬다.

 

statement?

 

일반적으로 '문장'은 영어로 sentence이다. 하지만 프로그래밍에서 '문장'은 'statement'의 의미로 사용된다.

'statement'의 사전적 의미는 성명, 진술, 서술, 선언 등이다. 프로그램에서 문장은 코드를 코드로서 실행할 수 있는 최소 단위라는 의미이다. 조건문, 반복문, try-catch 구문처럼 00문이라고 되어 있는 것은 모두 문장(statement)을 나타내는 표현이다.

 

키워드

자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어를 키워드라고 한다.

비주얼 스튜디오 코드와 같은 개발 전용 에디터에서는 코드를 입력하면 키워드는 보라색, 초록색, 파란색, 등으로 색상이 변경되기 때문에 어떠한 것이 키워드인지 쉽게 알 수 있다.

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

 

식별자

식별자는 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어이다. 주로 변수명이나 함수명 등으로 사용된다. 자바스크립트는 식별자를 만들 때 다음 규칙을 반드시 지켜야 한다.

• 키워드를 사용하면 안됨
• 숫자로 시작하면 안됨
• 특수문자는 _와 $만 허용
• 공백 문자를 포함할 수 없음

주의!

_

$

와 같은 한 글자 특수 문자도 식별자로 사용할 수 있다. 자주 사용되는 식별자인데, 처음 보면 당황할 수 있으니 주의

 

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

• 클래스의 이름은 항상 대문자로 시작한다.
• 변수와 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작한다.
• 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 한다.

식별자의 종류(알아두기!)

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

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

 

주석

주석은 프로그램 코드를 설명할 때 사용하며 프로그램 진행에는 전혀 영향을 주지 않는다.

HTML 페이지에는 크게 HTML 태그 주석과 자바스크립트 주석이 있다.

 

HTML 태그 주석

HTML 태그 주석은 <!-- -->로 문자열을 감싸 생성한다.

 

자바스크립트 주석

자바스크립트는 2가지 방법으로 주석을 만든다.

첫번째 방법은 // 를 이용해서 한 줄 주석을 표현하는 것이고, 두번쨰 방법은 /* */를 이용하여 여러 줄 주석을 표현하는 것이다.

 

출력

프로그래밍을 할 때 제대로 하고 있는지 확인하기 위한 기본적인 방법이 출력이다.

자바스크립트는 다른 프로그래밍 언어와 비교해서 출력 방법이 많고 복잡한 편이다.

 

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

간단한 한 줄 코드를 실행하고 결과를 확인할 때는 구글 크롬 콘솔을 이용하는 것이 가장 편하다.

 

2. 경고창에 출력하기

개발 전용 에디터를 사용할 떄의 출력하는 방법을 알아보자.

파일을 만들었을 때 가장 기본적인 자바스크립트의 출력 방식은 alert() 함수를 이용하는 것이다.

alert() 함수를 사용하면 웹 브라우저에 경고창을 띄울 수 있다.

<script>
 alert('Hello JavaScript...!')
</script>

 

3. 콘솔에 출력하기

화면에 출력되는 내용이 많아서 alert() 함수로 결과를 보는 것이 번거로울 때 console.log() 메소드를 이용한다.

<script>
 console.log('Hello JavaScript...!')
</script>

 

코드를 실행하면 화면에는 아무것도 나타나지 않지만, 개발자 도구를 띄운 후 console 탭으로 이동하면 매개변수로 입력한 값이 출력되는 것을 확인할 수 있다.

 

이렇게 1 - 03장이 마무리 되었다.

 

다음 포스팅에서는 1주차 기본 미션을 진행해보도록 하자.

 

오늘 하루도 쌓였다!