✍️ TIL 6 ㆍJavascript 기초

JavaScript에서 헷갈리거나 기본적인 개념을 모아보자.
1. 연산자
2. 조건문 (if문, switch문)
3. 함수

1. 연산자

연산자의 우선순위는,
괄호 > 증감 연산자/NOT 논리연산자 > 산술 연산자 > 비교 연산자 > 논리 연산자 > 대입 연산자

• 증감 연산자

  ++, --

• NOT 논리 연산자

  !

• 산술 연산자

  /, *, % > +, -,

• 비교 연산자

  >, >=, <, <=, ==, ===, !=, !==

• 논리 연산자

  AND && > OR ||

• 대입 연산자

  =, +=, -=, *=, /=, %=

2. 조건문

• if문 기본양식

const a = 7;

if (a === 5) {
  console.log('5 입니다!');
}
else if (a === 10) {
  console.log('10 입니다!');
}
else {
  console.log('5 도 아니고 10 도 아닙니다.');
}

코드를 작성할 때 '=='보다는 '==='을 사용하는 것이 좋다.

'=='를 사용할 경우, 타입이 구분되지 않아 명확하지 않다.
ex) 타입의 구분이 없어 null과 undefined의 값이 같음.

• switch문 기본양식

const sports = 'soccer';

switch (sports) {
    
  case 'soccer':
    console.log('축구!');
    break;
    
  case 'baseball':
    console.log('야구!');
    break;
    
  case 'basketball':
    console.log('농구!');
    break;
    
  default:
    console.log('모르겠습니다.');
}
    

case문을 작성할 때 break를 걸지 않으면 break가 나오는 부분까지 계속 수행하므로,

case마다 break를 꼭 걸어주자.

3. 함수

함수란?

특정 코드를 하나의 명령어로 실행할 수 있게 해주는 기능이다.
또한, 파라미터가 주어졌을 때, 이 파라미터를 처리해서 결과를 만들어 줄 수 있다.

예시 1. add 함수 만들기

function add(a, b) {
 return a + b;
}

const sum = add(1, 2);
console.log(sum);

파라미터는 쉽게 말해 input과 같은 개념이다.
여기서 결과 값은 3이 나온다.

예시 2. 문자열 함수 만들기

function hello(name) {
  console.log('Hello, ' + name + '!');
}

hello('euiyeon');

결과는 Hello, euiyeon!

ES6 버전 이후로는 'Template Literal'의 문법을 사용해 위의 코드를 더 간단하게 작성할 수 있다.

function hello(name) {
  console.log(`Hello ${name}!`);
}

hello('euiyeon');