JavaScript 01

Jungyub Song·2020년 5월 1일

JavaScript 개념

JavaScript는 웹 페이지와 상호작용하도록 만들어진 언어이며, 가장 큰 역할은 웹페이지를 dynamic하고 interactive하게 만드는 일이다.
JavaScript를 실행시키려면
1) 브라우저가 존재해야하고,
2) HTML파일이 있어야하고,
3) HTML파일에서 JavaScript 파일을 연결시켜줘야 합니다.

Variables(변수)

한 파일에서 같은 변수 이름을 중복해서 사용할 수 없다.
대소문자 구문 - 변수이름, 함수이름, 연산자 모두 대소문자를 구분한다다. 따라서 myName과 MyName은 다른 변수이다.
변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(_), 달러 기호($)중 하나다.
두 번째 문자부터는 글자, 밑줄, 달러, 숫자 중에서 자유롭게 쓸 수 있다.
String Convention으로는 camelCase와 snake_case가 있으며 원하는 방식으로 사용할 것.
변수명을 설정할 때에는 최대한 직관적으로, 모호하지 않게 짓는 습관을 들여야 한다.

let, const

사용법은 var와 같으며, let 키워드는 변수 값을 수정할 수 있고, const 키워드를 사용한 변수는 수정할 수 없다는 특징이 있다.
때문에 변수에 값을 할당하고 영원히 수정할 일이 없으면 const를 사용하고, 변수 값이 한 번이라도 수정될 예정이라면 let을 사용한다.

Function

1) 함수의 반환(return)
return이라는 것은 함수를 호출했을 때, 함수가 값을 반환한다는 뜻이다.
모든 함수는 반환(return)을 하지만, 경우에 따라 return을 생략할 수도 있다.
함수 내부에 return 키워드가 보이지 않으면 반환을 생략했다는 의미이다.
함수가 반환을 생략하면 undefined라는 값을 반환한다.

2) 매개변수(parameter)와 인자(argument)

function getName(name) {
  return name + '님';
}

예시와 같이 함수 정의의 소괄호 내부에 name과 같이 값을 입력하면 함수에 데이터를 받는다는 뜻이며, 이를 parameter라고 한다.
함수를 정의하면서, 함수 선언식의 괄호 '()' 안에 어떠한 변수명을 쓰면, 우리는 그것을 매개변수라고 부른다.
매개변수는 그 이름처럼 실제로 함수 안쪽에서 변수와 같은 역할을 하게 된다.
함수가 호출될 때, 값을 전달받게 되면, 매개변수에 값이 정의된다.

let result1 = getName('개발자');

위와 같이 '개발자'라는 값을 보내서 호출할 수 있고, 다른 값을 보낼 수도 있으며, 이 때 '개발자'와 같은 것을 argument 인자라고 한다.
어떤 함수를 호출하면서, 호출문의 괄호 안에 어떠한 값 또는 값이 정의된 변수를 쓰면, 이를 인자라고 부른다.
함수에서 매개변수를 적어둔 상태라면, 호출 시 인자로 전달한 값은 매개변수를 통해 사용 가능하게 된다.

Math Expressions

비교 연산자

1) ===
왼쪽과 오른쪽의 값을 비교하는 equality operator(동등 비교 연산자)이다.
2) !==
같은지만 비교하는 것이 아니라 !==를 사용해서 틀린 것을 비교할 수도 있다.
3) ==
===는 엄격한(identity/strict) 비교연산자이고, ==는 느슨한 비교연산자이다.
이는 String형 숫자와 Number형 숫자의 비교연산을 통해 알 수 있다.