320x100
1. 변수란 ?
변수는 데이터를 저장할 수 있는 이름이 붙은 저장소
예를 들어, 온라인 쇼핑몰에서 상품이나 사용자 정보를 저장하기 위해 변수를 사용
자바스크립트에서 변수는 let 키워드를 사용해 선언
let message;
// let message = 'hello!' 이렇게 요약도 가능함
message = 'hello!';
alert(message);<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="/js/var.js"></script>
</body>
</html>
2. 변수 복사
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="/js/var.js"></script>
</body>
</html>let message;
// let message = 'hello!' 이렇게 요약도 가능함
message = 'hello!';
alert(message);
let original = 'hello world!'
let copy;
copy = original;
alert(original);
alert(copy);
hello와 hello world ! 차례로 표시
2. 상수(const)와 변수(let)의 차이점
변수는 값을 변경할 수 있지만, 상수는 값을 변경할 수 없습니다. 상수는 변하지 않는 데이터를 저장할 때 사용 (생년월일 등 )
const myBirthday = '18.04.1982';
myBirthday = '01.01.2001'; // 에러 발생: 상수는 값을 변경할 수 없습니다.
3. 변수와 상수의 이름 짓기
변수와 상수의 이름은 코드의 가독성을 높이기 위해 신중하게 작성
let userName = 'John';
const BIRTHDAY = '18.04.1982';• 변수 이름은 짧지만 의미 있어야 하며, 일반적으로 영어로 작성
• 상수 이름은 대문자와 밑줄(_)을 사용하여 작성
4. 대문자 상수의 사용
대문자 상수는 값이 절대 변하지 않는 경우에 사용
예를 들어, 특정 색상 코드나 서버 URL과 같은 하드코딩된 값에 대해 사용
const COLOR_RED = '#F00';
const COLOR_GREEN = '#0F0';
const COLOR_BLUE = '#00F';
5. 활용
let name;
let admin;
// 변수 2개 선언 후 값 불러오기
name = "john";
admin = name;
console.log(admin);
let plant;
plant = 'earth';
let user;
let name;
name = plant;
user=name;
console.log(name);
console.log(user);
// 모두 earth가 뜨는 것을 확인할 수 있다 .
반응형
'코딩 > JS' 카테고리의 다른 글
| JS 자바스크립트 Alert , FUNTION 웹페이지 적용 (0) | 2024.08.28 |
|---|---|
| JS 자바스크립트 형변환 설명 (0) | 2024.08.27 |
| JS 자바스트립트 자료형 기초 (0) | 2024.08.27 |
| JS 자바스크립트 alert, prompt, confirm 활용 (0) | 2024.08.27 |
| 자바스크립트 1. alert 를 이용하여 'hello world! 출력하기' (0) | 2024.08.26 |
