[12/5] DAY1 자바스크립트 공부

1일 차 진도

 

 

 

 

 

- 자바스크립트는 웹페이지를 동적으로 만들어주기 위해 개발된 언어이고, 모던 자바스크립트는 자바스크립트 ES6와 그 이후의 버전들을 모두 포함한 자바스크립트를 말한다.

 

- 자바스크립트로는 웹 개발, 서버개발, 애플리케이션 개발등을 할 수 있다.

 

- 자바스크립트는 자바스크립트 코드를 실행하는 프로그램인 자바스크립트 엔진이 들어있는 모든 곳에서 동작한다.

 

 

 

 

 

변수란?

 

프로그램이 실행되는 도중 변경되는 값을 저장하기 위한, 이름을 가진 저장소

 

[let 이름 = 값;]을 통해서 선언한다.

 

 

 

변수 명명 규칙

 

1. $와 _를 제외한 기호는 사용 불가

2. 변수명의 맨 앞은 숫자 사용 불가

3. 예약어 사용 불가

4. 카멜표기법(첫 번째 단어를 제외한 각 단어의 첫 글자를 대문자로)

 

 

 

 

- 자바스크립트는 변수의 자료형을 작성하지 않아도 된다. 자바스크립트 변수는 값이 바뀔 때마다 바뀐 값의 자료형을 변수의 자료형으로 갖는 동적 타입을 지원하기 때문이다.

 

 - 또한 자바스크립트에서 자료형은 typeof() 연산자를 통해 알 수 있다

 

 

 

 

 

상수는 변화하지 않는 변수를 말하며, const 키워드를 통해 선언한다.

 

상수를 사용하는 이유

 

1. 변경될 수 없다고 확신하는 값(생일, 이름 등)

2. 예약어(기억하기 어려운 값을 저장)

 

 

 

 

 

자료형이란, 변수의 종류를 뜻한다.

 

원시타입 : 숫자,Bigint,문자,boolean,null,undefined,symbol

비원시 타입 : 객체, 함수, 배열

 

 

 

원시타입 자료형 : 프로그램이 실행되는 도중에는 단 하나의 값만을 갖고 있는 자료형

 

숫자형 : 정수, 소수 등의 모든 숫자를 나타냄

Infinitiy, NaN 등의 특수 숫자도 포함된다.

어느 숫자든 0으로 나누면 Infinity가 반환된다. Not a Number, 부정확한 연산을 했을 경우 반환 

 

 

 

BigInt형 : 2^53 -1 보다 크거나 -(2^53 -1) 보다 작은 정수

자주 쓰이지 않고, 일부 브라우저에서만 지원

 

끝에 알파벳 ’n’을 붙이거나, 함수 BigInt를 호출해서 생성 가능

숫자형 타입과 비슷하게 사칙연산이 가능하나, BigInt형끼리만 연산할 수 있다.

 

 

 

문자형

JS변수에 문자열을 할당하기 위해서는 문자열을 따옴표로 묶어야 한다. 큰따옴표, 작은따옴표, 역따옴표(백틱)를 사용할 수 있다.   

백틱을 사용하면 문자열 안에 특정 변수에 저장된 값을 넣을 수 있다. 이러한 방식을 ‘템플릿 리터럴’이라고 한다.

 

 

 

boolean형 :ture, false로 이루어진 자료형

 

 

 

null은 오직 null값만을 포함하는 자료형으로 사용, 존재하지 않거나 알 수 없는 값을 나타낼 때 사용

name변수가 비어있는 값임을 보여주는 코드가 됨 

 

 

 

JS변수에 아무런 값도 할당하지 않고, console.log를 통해 그 변수의 값을 출력하게 되면 undefined가 출력된다.

 

undefined도 undefined만 포함하는 자료형이다. 변수에 값이 할당되지 않았을 때, 자동으로 undefined값이 할당된다.

 

 

 

 

 

형변환

 

- 묵시적 형변환

문자형 num1 변수와 숫자형 num2 변수를 나눴는데 숫자형 3이 출력되었다.

 

JS엔진이 문자열 15를 숫자열 15로 자동변환 해주었기 때문에 가능하다. 우리가 의도해서가 아니라, 자동으로 자료형을 변환해 주는 것을 ‘묵시적 형변환’라고 한다.

 

 

 

- 명시적 형변환

문자형 num1 변수와 숫자형 num2 변수를 더하니까 문자형 155가 출력되었다. 숫자열 5가 문자열 5로 변환되어서 155라는 문자열이 출력된 것이다.

 

JS는 사칙연산중 곱하기, 나누기, 빼기를 실행할 때는 문자열을 숫자형으로 변환하지만, 덧셈을 할 때는 숫자열을 문자열로 바꾼다.

 

 

 

만약 위에서 진짜 숫자연산을 하고 싶으면 parseInt를 사용해서 숫자형으로 변환시키면 된다.

 

 

 

 

 

[1일 차 QUIZ]

 

 

 

[결과]