Dev/Front-End

[JavaScript] JavaScript 기초 (1)

해피한개발자 2022. 1. 14. 02:35

0. JavaScript는 무엇일까?

JavaScript는 웹 브라우저에서 사용하기 위하여 만들어진 프로그래밍 언어이다.

이 언어는 주로 웹 브라우저 상에서 UI를 동적으로 보여주기 위하여 사용되어 왔다. 기존에는 브라우저에서만 사용해왔던 언어이지만, 이제는 단순히 웹페이지에만 국한되는 것이 아니라 Node.js 런타임을 통하여 서버쪽에서도 사용이 가능하다.

또한, NW.js, Electron 등의 도구를 사용하여 데스크탑 앱을 만들 수 있고, react-native, NativeScript를 사용하여 모바일 앱도 만들 수 있다. 그리고 하드웨어에서도 Node.js를 통하여 JavaScript를 사용할 수 있기 때문에 IoT 진영에서도 사용될 수 있다.

 

1. 변수

JavaScript의 변수와 상수

변수와 상수는 특정 이름에 특정 값을 담을 때 사용한다.

변수는 바뀔 수 있는 값을 말한다. 한번 값을 선언하고 나서 바꿀 수 있다.

let value = 1;
value = 2;

 

변수를 선언할 때에는 이렇게 let이라는 키워드를 사용한다. 한번 선언한 변수명은 같은 이름으로 선언하지 못한다.

 

상수는 한번 선언하고 값이 바뀌지 않는 값을 의미한다. 즉, 값이 고정적이다.

const a = 1;

상수를 선언할 때에는 const 키워드를 사용한다. 상수를 선언하고 나면 값을 바꿀 수 없다.

상수를 선언할 때도 마찬가지로 한번 선언했으면 같은 이름으로 선언할 수 없다.

 

JavaScript의 데이터 타입

- 숫자 (Number)

숫자는 그냥 바로 값을 대입

let value = 1;

- 문자열 (String)

문자열 형태의 값은 작은 따옴표 혹은 큰 따옴표로 감싸서 선언

let text = 'hello';
let name = '자봐스크립트';

- 참 / 거짓 (Boolean)

boolean은 참 또는 거짓 2가지 종류의 값만 나타냄

let good = true;
let loading = false;

- null과 undefined

JavaScript에서는 "없음"을 의미하는 데이터 타입이 2종류가 있다.

하나는 null이고, 하나는 undefined인데 둘의 용도가 살짝 다르다.

 

null은 이 값이 없다! 라고 선언할 때 사용하고,

undefined는 아직 값이 설정되지 않은 것을 의미한다.

 

 

참고 출처: https://learnjs.vlpt.us/basics/06-object.html

'Dev > Front-End' 카테고리의 다른 글

[react-query] react-query 사용이유, 장점  (0) 2022.05.17
[Recoil] Recoil 시작하기  (0) 2022.01.30
[Recoil] Recoil의 동기 및 주요개념  (0) 2022.01.30
[JavaScript] JavaScript 기초 (2)  (0) 2022.01.14