표현식과 문장
표현식이 하나 이상 모이면 문장(statement)이 되고, 자바스크립트도 코드 문장 마지막에 종결한다는 의미로 세미콜론을 찍음.
표현식 하나도 세미콜론을 찍으면 문장이되고, 문장이 모이면 프로그램이 됨(표현식이 모여 문장, 문장이 모여 프로그램이 되는 것)
문장(statement)는 실행할 수 있는 최소 단위를 의미하며 REPL에 어떤 코드를 입력한 뒤에 실행 했을때, 정상적으로 실행된다면 해당 코드는 '문장'임.
키워드
| 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 |
식별자
이름을 붙일 때 사용하는 단어로, 변수와 함수 이름 등으로 사용되며 키워드는 사용할 수 없다.
| 구분 | 단독으로 사용 | 다른 식별자와 사용 |
| 식별자 뒤에 괄호 없음 | 변수 또는 상수 | 속성 |
| 식별자 뒤에 괄호 있음 | 함수 | 메소드 |
alert('Hello World') // 함수
Array.length // 속성
input // 변수 또는 상수
prompt('Message', 'Defstr') // 함수
Math.PI // 속성
Math.abs(-273) // 메소드주석
프로그램의 진행에 전혀 영향을 주지 않는 코드로 프로그램을 설명할 때 사용.
| 방법 | 표현 |
| 한 줄 주석 처리 | // 주석 |
| 여러 줄 주석 처리 | /* 주석 주석 */ |
// 주석은 코드의 실행에 영향을 주지 않음.
/*
console.log("JavaScript Programming")
console.log("JavaScript Programming")
console.log("JavaScript Programming")
*/출력 메소드
자바스크립트의 가장 기본적인 출력 방법은 console 객체의 log() 메소드를 사용하는 것.
console.log("JavaScript Programming");
*REPL을 사용한 출력
터미널에서 REPL에 곧바로 문장을 입력해서 출력을 확인 할 수 있음.
기본형 자료(Primitive Type)
- 숫자
| 연산자 | 설명 |
| + | 덧셈 연산자 |
| - | 뺄셈 연산자 |
| * | 곱셈 연산자 |
| / | 나눗셈 연산자 |
| % | 나머지 연산자 |
// 숫자와 연산자
console.log(1 + 2);
console.log(1 - 2);
console.log(1 * 2);
console.log(1 / 2);
console.log(1 % 2);
console.log(-4 % 3);
console.log(-4 % -3);
console.log(5.0 % 2.2);
// 실행 결과
// 3
// -1
// 2
// 0.5
// 1
//-1
//-1
// 0.59999999999999996- 문자열
기본적인 문자열을 생성할 때 큰따옴표나 작은따옴표를 사용
| 이스케이프 문자 | 설명 |
| \t | 수평 탭 |
| \n | 줄바꿈 |
| \' | 작은 따옴표 |
| \" | 큰 따옴표 |
| \\ | 역슬래시 |
console.log("이름\t나이");
console.log("안녕\n하세요");
console.log("\\\\")
// 실행 결과
// 이름 나이
// 안녕
// 하세요
// \\
문자열을 연결할땐 문자열 연산자 "+" 사용.
console.log("가나다" + "라마" + "바사아" + "자카타파" + "하");
// 실행 결과
// 가나다라마바사아자카타파하
괄호로 특정한 문자도 선택할 수 있는데 문자열[숫자], 이때 괄호 안에 넣는 숫자는 0부터 계산
console.log("안녕하세요"[0]);
console.log("안녕하세요"[1]);
console.log("안녕하세요"[3]);
// 실행 결과
// 안
// 녕
// 세- 템플릿 문자열 백틱(`)
` 기호로 문자열을 생성하면 출력으로 작은따옴표로 만든 문자열이 나오며, 템플릿 문자열은 생성 이후에는 일반 문자열과 똑같이 취급되지만, 생성할 때 내부에 ${표현식}을 사용할 수 있으며, 내부에 ${표현식}을 입력하면 표현식이 계산되어 문자열에 들어감.
- boolean
참과 거짓을 표현할 때 사용
| 비교 연산자 | 설명 |
| == | 같습니다. |
| != | 다릅니다. |
| > | 왼쪽 피연산자가 큽니다. |
| < | 오른쪽 피연산자가 큽니다. |
| >= | 왼쪽 피연산자가 크거나 같습니다. |
| <= | 오른쪽 피연산자가 크거나 같습니다. |
| 논리 연산자 | 설명 |
| ! | 논리 부정 연산자 |
| || | 논리합 연산자 |
| && | 논리곱 연산자 |
console.log(52 < 273);
console.log(52 > 273);
console.log("하마" < "가방");
console.log(!52 < 273);
console.log(!52 > 273);
// 실행 결과
// true
// false
// false
// false
// true
*논리합 연산자(피연산자 중에 하나만 true이면 전체가 true)
| 왼쪽 피연산자 | 오른쪽 피연산자 | 결과 |
| true | true | true |
| true | false | true |
| false | true | true |
| false | false | false |
*논리곱 연산자(피연산자 모두 true여야 전체가 true)
| 왼쪽 피연산자 | 오른쪽 피연산자 | 결과 |
| true | true | true |
| true | false | false |
| false | true | false |
| false | false | false |