JavaScript 기초 개념

1. 출력

console.log(10 + 5); // 5

JavaScript에서 기본적으로 출력을 하기 위해 사용되는 기능이다.

---

2. 주석

// 주석 표시

/*
여러 줄을 주석처리 할 때
사용된다
*/

Ctrl + /를 입력하면 선택한 모든 부분을 한번에 주석 처리할 수 있다.

---

3. 변수 선언

let espressoPrice = 3000;
let lattePrice = 4300;

프로그램에서는 =는 양쪽의 값이 같다는 것을 의미하는게 아니라 오른쪽 값을 왼쪽에 할당하는 의미를 갖고 있다.

* 변수 가이드

(1). 꼭 지켜야 하는 룰 (지키지 않으면 오류 발생)

• JavaScript 식별자는 '문자(a - z, A - Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작해야 한다. 두번째 글자부터는 '숫자(0 - 9)'도 가능하다.
• '대문자'와 '소문자'는 구별해야 한다. myname과 myName은 전혀 다른 이름이다.
• '예약어(JavaScript에서 기능을 가지고 있는 단어)'는 사용하면 안 된다. 예를 들어 if, for, let 같은 것들이 있다. 추후에 여러 예약어를 볼 수 있을 것이다.

(2). 지키면 좋은 룰 (좋은 스타일을 위해)

• 의미 없는 이름은 좋지가 않다.

let a, b, c, d;

의미없이 설정되어 있으면 어떤 값을 저장해뒀는지 찾기도 어렵고 활용하기도 어렵다. 또한 프로그램의 가독성이 떨어져서 나중에 스스로 프로그램을 살펴볼 때, 그리고 공동 작업을 할 때 매우 불편한 상황이 발생한다. 그렇기 때문에 프로그래밍 초반부터 적절한 이름을 짓는 습관을 들이는 것이 매우 중요하다.

• 너무 추상적인 이름은 좋지 않다.

let name; / 너무 추상적인 이름

• 모든 변수 이름은 camelCase로 쓰는 것이 좋다.

let bad_variable_name; // 비추천 방식
let goodVariableName; // 추천 방식

변수명에는 띄어쓰기가 불가능하기 때문에, 띄어쓰기 역할을 대신 할 무언가가 필요하다. 그 중 하나가 'camelCase'라는 것이다. 첫 번째 글자는 소문자로 하고, 띄어쓰기가 있는 각 단어의 첫 문자를 대문자로 표기하는 방식이다.

---

4. 함수 선언

// 함수 선언
function greetings() {
    console.log('Hi');
    console.log('안녕');
    console.log('こんにちは');
    console.log('你好');
    console.log('Guten Tag');
    console.log('Bonjour');
    console.log('Buongiorno');
};

// 함수 호출
greetings();

---

5. 파라미터 (Parameter)

// 함수 선언
function welcome(name) {
	console.log('안녕하세요 ' + name + '님!');
};

// 함수 호출
welcome('깨진알');

// 여러 개의 파라미터
function printSum(num1, num2) {
	console.log(num1 + num2);
};

printSum(10, 5);

---

6. return문

function getTwice(num) {
	return num * 2;
};

let x = getTwice(5);
let y = getTwice(2);

console.log(x * y); // 40