<Javascript> Unit 9. 자바스크립트 기본 문법

이채현·2022년 11월 28일

1) 자바스크립트 기본 용어와 출력 방법

1. 자바스크립트 기본 용어

표현식과 문장

표현식(expression)

: 값을 만들어 내는 간단한 코드

문장의 일부일 수도 있고, 문장 자체일 수도 있음.

예제

10 + 10

Math.abs(-10)

문장(statement)

: 문장의 종결이 이루어지는, 프로그래밍 언어에 실행할 수 있는 코드의 최소 단위

문장 종결 기호로 "줄바꿈"과 ";(세미콜론)을 쓸 수 있음.
문장이 표현식 자체일 수도 있고, 표현식이 아닌 문장이 있을 수도 있음.

예제

10 + 10

10; 10; 10; -> 문장 3개

키워드(keyword)

: 자바스크립트를 처음 만들 때 정해진 특별한 의미가 부여된 단어

식별자

: 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어, 변수명이나 함수명에 사용됨.

규칙
- 키워드 사용 x
- 숫자로 시작 x
- 특수 문자는 _와 $만 허용.
- 공백 입력 x
[식별자로 사용 불가능한 예시]
ex)
break -> 키워드 x
273alpha -> 숫자 시작 x
has space -> 공백 x
식별자 생성 관례
- 클래스 (생성자 함수 이름)는 항상 대문자로 시작
  ex) Array, Number..
- 변수(variable), 속성(attribute), 함수(function), 메서드(method)의 이름은 항상 소문자로 시작
  - 식별자 뒤 괄호 o / 단독 사용 : 함수(function)
    ex) alert('Hello world'), prompt('Message','Defstr')
  - 식별자 뒤 괄호 o / 다른 식별자와 함께 사용 : 메서드(method)
    ex) Math.abs(-273)
  - 식별자 뒤 괄호 x / 단독 사용 : 변수(variable)
    ex) input
  - 식별자 뒤 괄호 x / 다른 식별자와 함께 사용 : 속성 (attribute)
    ex) Array.length, Math.PI
- 여러 단어로 된 식별자는 각 단어의 첫 글자를 대문자로 함.
  ex) i love you -> iLoveYou, i am a boy -> iAmABoy, create server -> createServer

주석

: 프로그램 코드를 사람에게 설명하기 위한 목적을 가진 코드

HTML 주석:

<!--주석 내용-->

Javascript 주석:

//한 줄 주석

/*
여러 
줄 주석
*/

2. 자바스크립트 출력

alert(" ") 함수를 사용해서 출력.

+console.log(' ') 메서드를 사용해서 출력. (유튜브 강의 내용)

예제

<head>
	<script>
    	alert('Hello Javasscript...!');
        console.log('console.log()메서드의 출력');
    </script>
</head>
<body>
</body>

2) 자료형과 변수

1. 자료형

숫자

사칙 연산자

+(덧셈)

> 100+100
< 200

-(뺄셈)

> 100-100
< 0

*(곱셈)

> 100*100
< 10000

/(나눗셈)

> 100/100
< 1

나머지 연산자

> 10 % 5 (10을 5로 나눈 나머지)
0
> 7 % 3 (7을 3으로 나눈 나머지)
1

문자열

문자열을 만드는 방법

(1) 큰 따옴표에 문자 넣기
ex) 'abcdefg'

(2) 작은 따옴표에 문자 넣기
ex) "abcdefg"

(cf) 'This is 'string'' -> "This is 'string'" (큰 따옴표와 작은 따옴표를 모두 사용하는 경우)

이스케이프 문자

: 문자 그대로의 의미가 아니라, 다른 의미로서 전달하는 문자.

\t -> 수평 탭
\n -> 행 바꿈
\\ -> \ (두개의 역슬래시-> 하나의 역슬래시, 절반만 출력됨)
\' -> '(작은따옴표)
- 동일한 따옴표를 사용하기 위해 문자열 내부에 \'를 사용.
\" -> "(큰따옴표)
- 동일한 따옴표를 사용하기 위해 문자열 내부에 \"를 사용함.

문자열 연결 연산

'+' 연산자를 사용해 문자열을 합치는 것이다.

>'가나다' + '라마' + '바사아' + '자차카타' + '파하'
"가나다라마바사아자차카타파하"

불(Bool, Boolean)

: 실행 결과가 true와 false로만 출력됨.

불을 만드는 방법

(1) 비교 연산자를 사용
- == (좌변과 우변이 같음)