상수란?

상수(constant)란 변수와 마찬가지로 데이터를 저장할 수 있는 메모리 공간을 의미한다. 일반적인 변수는 재할당을 통하여 값을 변경할 수 있지만 상수로 사용하는 변수에는 값의 재할당을 할 수 없다는 차이점이 있다. 상수는 상태 유지, 가독성, 유지보수의 편의성 등을 위해 사용하는 것이 좋다.

const 키워드로 선언한 변수는 재할당을 할 수 없지만, 상수에 원시자료형의 값이 아닌 객체를 할당한 경우엔 아래 코드처럼 값의 변경이 가능하다.

const a = 1;
const b = {name: 'kim', age: 17}

a = 2; // Uncaught TypeError: Assignment to constant variable
b.name = 'jae'; 
// 상수 b에 할당된 객체 내부의 키(name)의 값 ('kim')이 ('jae')로 변경된다.  

console.log(a); // 1; (변경 ❌)
console.log(b); // {name: 'jae', age: 17} (변경 ⭕)

리터럴이란?

리터럴은 데이터 값을 표기하는 약속된 기호, 문자, 방법이다. 쉽게 말해 참조변수에 할당된 원시, 참조 자료형에 속하는 데이터들을 가리킨다고 생각하면 된다.

1 // 정수 리터럴
'String' // 문자열 리터럴
[1, 2, 3] // 배열 리터럴
{name: 'kim', age: 17} // 객체 리터럴
function() {} // 함수 리터럴

요약하자면,
상수 : 메모리 위치(공간)이며, 메모리 값을 변경할 수 없다.
리터럴 : 메모리 위치(공간) 안에 저장되는 값이다.