JavaScript - 1

Mongs_sw·2023년 1월 7일

javascript

목록 보기
3/21
post-thumbnail

1. JavaScript 기본 구성 요소

  1. Number
  2. String
  3. Boolean
  4. Null
  5. Undefined

위의 요소들은 JavaScript를 구성하는 가장 기본적인 요소이다.

1) Numbers IN JAVASCRIPT

(1) 어떤 언어에는 숫자형에 2가지 타입이 존재한다.
int = 정수형 / float = 실수형

허나, JavaScript에는 한가지 타입만 존재한다.

  • 여기에는 양수, 음수, 정수, 소수가 모두 포함된다.

(2) 기본적인 연산도 가능하다.

1 + 1 > 덧셈
3 - 1 > 뺄셈
2 * 2 > 곱셈
20 / 4 > 나눗셈
30 % 4 > 나머지   //나머지 2 
2 ** 4 > 제곱    //2의 4제곱 = 16

(3) NaN = Not A Number

JavaScript에서 NaN은 숫자로 간주된다.
NaN은 숫자가 아닌 값을 의미한다. 하지만! 숫자로 간주한다.

*여기서 typeof를 활용하면 어떤 형태인지 파악할 수 있다.
Ex)

typeof 4
"number"

typeof 4.243434
"number"

0/0
NaN

typeof NaN
"number"

이처럼 위에서 말한 것처럼 NaN은 숫자가 아니지만 JavaScript에서는 결국 숫자로 간주된다는 것이다.

(4) 변수와 Let

변수의 정의 : 값에 어떤 이름을 지정하고, JavaScript에 저장하여 나중에 다시 사용하거나 업데이트하거나 불러올 수 있게 만들어주는 것.

let 변수 = ;

let year = 1995;	// 즉, year라는 변수에 1995라는 값을 저장한 것!
이 이후에 year을 불러오면 1995라는 값을 출력한다!

예시를 살펴보자

let numHens = 6;
let numRoosters = 2;

numHens
> 6
numRoosters
> 2

numHens + numRoosters 
> 8

let totalChickesns = numHens + numRoosters;

totalChickens
> 8

(5) 복합대입연산자

<복합대입연산자>
대입 연산자와 산술 연산자 등을 결합한 것을 의미한다.

예시로 살펴보자

let score = 5;
score
> 5

score = score + 5;
>10

score
10;

score = score + 5;
>15

score += ;

이렇게 += 복합대입연산자를 의미하며
+= / -= / *= / /= %=
처럼 이러한 복합대입연산자가 존재한다.


2번째 예시를 살펴보자.

let numLives = 7;

numLives -= 1;
> 8

numlives
> 8

numLives--     	// 8이 출력된 이유: 업데이트가 되기 전의 현재 값을 출력했기 때문에 8로 출력
> 8

numLives 		// 변수를 확인하면 값이 적용된 7로 출력
> 7

이는 -- 뿐만 아니라 ++ ** 등등 많다.

(6) CONST

const는 constant의 약어이다.
즉, 상수라는 의미이다.

상수란 바뀌지 않는 일정한 값이다.

예시를 통해 이 의미를 살펴보자

let myNum = 25;

myNum
> 25

myNum += 1;
> Uncaught TypeError: Assignment to constant variable.
	at <anonymous>:1:10
myNum = 7;
> Uncaught TypeError: Assignment to constant variable.
	at <anonymous>:1:10

Uncaught TypeError: Assignment to constant variable.
at :1:10

여기서 이 의미는 '상수에 할당되어 진행할 수 없다' 라는 의미를 나타낸다.

그럼 도대체 왜? const를 사용할까?

변하지 않는 것의 확실한 값을 유지해야할 경우 사용한다고 보면 되겠다.

즉, const 변수는 조정이 불가능하다 라는 것이다.

훗날 arrayobject를 배우게 되면 const가 왜 유용하게 쓰이는지 알 수 있다.

따라서, letconst의 차이점은?

재할당이 가능한 변수를 만들고자 할 때는 let
변하지 않는 값, 상수 값인 변수를 만들고자 할 때는 const

2. BOOLEANS

`boolean`에는 두개의 값이 있다. TRUE or FALSE

or거짓

음... booleans끝...

변수 명명 방법

1. 첫 문자가 숫자가 올 수 없다. 2. 카멜케이스를 사용한다. (myNum) 3. 짧거나 의미없는 변수 이름은 피한다. 다음 글에선 문자형 String을 다뤄볼 예정!
profile
몽이아빠의 개발 일기

0개의 댓글