Gapus Dev Blog

[자바스크립트] 변수, 상수 본문

프론트엔드/JavaScript

[자바스크립트] 변수, 상수

Gapus 2023. 1. 6. 12:41

자바스크립트(Javascript) 란?

  • 객체 기반의 스크립트 언어이다.
  • HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현이 가능하다.
  • 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같이 서버 측 프로그래밍이 가능하다.
  • 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다.
  • 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.

변수와 상수

  • 변수와 상수는 데이터를 담는 공간이다.
  • 변수는 데이터를 바꿀 수 있지만, 상수는 데이터를 바꾸지 못한다.
  • 변수 - var, let
  • 상수 - const

선언

  • 선언은 변수와 상수에 이름을 붙여 알려주는 행위이다.
  • 변수와 상수를 사용하기 위해서는 선언을 해줘야 한다.
/* 변수 선언*/
var test;
let test2;

/* 상수 선언*/
const test3;

할당

  • 할당은 생성된 공간 안에 데이터를 넣는 행위이다.
/* 변수 할당*/
var test = "할당됨";
let test2;

test2 = "할당됨"

/* 상수 할당*/
const test3 = "할당됨";

test3 = "할당안됨" <--- 상수는 처음 할당 후 변경 불가

종류와 특징

  var let const
변수 재선언 여부 O X X
재할당 여부 O O X

작명 규칙

  • 무조건 지키지 않아도 되지만, 지키는 방식이 협업에서 유리합니다.
  • 처음 문자는 소문자로 작성
  • camelCase - 모양이 낙타처럼 생겨서 camelCase이며, 주로 Javascript에서 사용
  • snake_case - 모양이 뱀처럼 생겨서 snake_case이며, 주로 python에서 사용
  • 모던 JavaScript 튜토리얼의 변수 명명 방식 - https://ko.javascript.info/variables#ref-221

 

'프론트엔드 > JavaScript' 카테고리의 다른 글

[자바스크립트] 호이스팅  (0) 2023.10.19
[자바스크립트] 조건문  (0) 2023.01.10
[자바스크립트] 데이터타입  (0) 2023.01.09
[자바스크립트] 객체  (2) 2023.01.06
[자바스크립트] 배열, 문자열  (0) 2023.01.06