1. Javascript

HTML, CSS와 함께 웹을 개발하는 3요소 중 하나.

HTML/CSS와 JS의 관계.

HTML : 웹 요소들의 배치 혹은 내용을 기술하는 언어. 웹 콘텐츠를 정의.

CSS : 웹 요소들의 색, 크기 등의 스타일링을 정의하는 언어. 웹 콘텐츠를 스타일링.

JS : 웹 요소들의 기능을 부여하는 언어. 웹 사이트의 동작이나 상호작용을 정의.

자바스크립트는 자바스크립트 엔진으로 동작하는데, 각 웹 브라우저에는 각자의 자바스크립트 엔진을 탑재하고 있다.

2. 자바스크립트의 변수.

변수의 종류 3가지. var, let, const.

var와 let은 한번 변수를 선언한 뒤에도 다른 값을 대입할 수 있다.

const는 한번 변수를 선언하면 다른 값을 대입할 수 없다. (상수의 개념)

var와 let의 차이점.

let과 const는 ES6부터 새롭게 도입된 자바스크립트의 변수 종류이다.

var는 기존에 사용되던 변수의 종류로, 변수 그 자체의 재선언도 가능하다는 차이점이 있다.

3. 자바스크립트의 자료형.

자바스크립트의 자료형은 크게 2가지, 작게 8가지로 분류된다.

원시와 비원시 자료형.

• 원시 자료형, Number / String / Boolean / undefined / null

하나의 공간에는 하나의 값만 가질 수 있다. 하나의 고정된 저장 공간을 사용한다.

• 비원시 자료형, Object / Array / function

하나의 공간에는 여러 개의 값을 가질 수 있다. 여러 개의 고정되지 않은 저장 공간을 사용한다.

Number, 숫자.

String, 문자열. 문자열 변수의 경우 '', "", 모두 사용가능하다. 은 백틱이라고 하는데, 외부 변수를 참조하는 '템플릿 리터럴'을 사용할 때 적용한다.

Boolean, true 혹은 false.

undefined, 값이 존재하지 않는다.

null, 값이 비어있다. 의도적으로 데이터가 '없다'라는 뜻을 나타내는 표현 수단이다.

• 주의!
  0은 null이 아니다. 0은 그 자체가 하나의 값으로 존재한다. 0과 null은 완전히 다른 데이터이다.

4. 자바스크립트의 형변환.

묵시적 형변환.

숫자와 숫자문자를 산수 계산하면? 자동으로 형변환이 되어 계산해준다. 자바스크립트는 동적 타입 언어이기 때문.

그런데 + 같은 기호는 산수 기호와 문자열를 합치는 용도로 동시에 사용되어 내가 원하는 결과가 나오지 않을 수도 있다.

명시적 형변환.

사용자가 특정 변수를 다른 형태로 변환해주는 것.

parseInt, ToString 등등.

5. 전역변수와 지역변수

변수는 선언 위치에 따라서 전역변수와 지역변수로 나뉜다.

전역변수.

어디서든 접근이 가능하다.

지역변수.

변수가 선언된 블럭 내부에서만 사용이 가능하다.

가량 어떤 함수가 존재하고, 그 함수에서 선언된 변수는 함수 바깥에서 접근이 불가능하다.

0. 참고자료

윈터루드, 자바스크립트 기초 강의. (인프런)

유노코딩, 입문자를 위한 자바스크립트 기초 강의. (인프런)