프론트 014

규링규링규리링·2024년 8월 14일

프론트 공부하기

목록 보기
14/135

자바 스크립트

변수, 상수

변수

어떤 관계나 범위 안에서 여러가지 값으로 변할 수 있는 수

상수

변하지 아니하는 일정한 값을 가진 수나 양

각종 데이터를 담아두는 공간을 변수, 상수 라고함

만드는 방법

선언

let (변수명)
변수명은 항상 소문자로 시작

할당

(변수명) = (데이터)

선언+할당

let (변수명) = (데이터)

변수와 상수의 종류와 특징

var는 실무에서 거의 안쓰고
변수는 let, 상수는 const로 주로 사용함

변수와 상수의 작명 규칙

camelcase : let myMoney = 300
snake_case : let my_money = 300
자바스크립트에서는 주로 camel case를 사용함


간단하게 실습해보자
이번 실습에서는 크롬의 개발자도구도 사용하여 확인할예정

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Document</title>
    <script src="./02-variable.js"></script>
</head>
<body>

</body>
</html>

head 부분에 js 파일을 연결시켜주고
js파일

console.log("콘솔 로그 찍어보기")
let name
console.log(name)
name = "홍길동"
console.log(name)
name = "김삿갓"
console.log(name)
// let name = "재설정못함"

const name2 = "홍길동"
console.log(name2)
// const name2 = "const는 재설정안됨"
// name2 = "재할당도 안됨"

입력해 보면 구글의 개발자툴의 콘솔탭을 가면

이렇게 확인이 가능함
만약 주석처리한 부분을 해제해 보면

이런식으로 어디에서 에러가 발생하는지도 알려줌
8번째줄 5번째글자

0개의 댓글