일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 로컬 스토리지
- 프로미스
- 얕은 복사
- 자바스크립트 함수
- 실행 컨텍스트
- react
- 스코프 체인
- 이벤트 버블링
- 클라이언트 사이드 렌더링
- 서버 사이드 렌더링
- 세션 스토리지
- CSS
- async/await
- CORS
- 자바스크립트
- 리액트
- props와 state 차이점
- webpack
- 자바스크립트의 클래스
- 호이스팅
- 깊은 복사
- polyfill
- 브라우저 렌더링원리
- 이벤트 캡처링
- undeclared
- 주소창에 naver 입력시 일어나는 일
- 가상 dom
- MPA
- 변수 생성 단계
- 리액트의 생명 주기
Archives
- Today
- Total
Gapus Dev Blog
[자바스크립트] 변수, 상수 본문
자바스크립트(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 |