
사이드 프로젝트를 위한 자바스크립트
인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의
현재 평점 4.9점 수강생 12,515명인 강의를 만나보세요. 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량
www.inflearn.com
목차
변수
상수
변수 명명 가이드
변수
변수: 데이터를 저장하는 공간으로 필요에 따라 그 값을 변경 가능하며, 변수를 선언하는 경우 주로 let 키워드를 사용한다.
• let으로 변수 선언: let 키워드를 사용하여 변수를 선언하고 초기 값 할당이 가능하다.
• 변수값 재할당: let으로 선언된 변수는 프로그램 실행 중 언제든지 값 변경이 가능하다.
• 변수는 상황에 따라 값이 달라져야 하는 데이터를 다룰 때 유용하다.
// 1. 변수
// let: 변수 선언
let age = 27;
// 변수를 나타냄
// console.log(age); // Console을 통해 결과 확인
// 변수 재선언
age = 30;
상수
상수: 변수와 달리 한 번 저장되면 그 값을 바꿀 수 없는 데이터 저장 공간으로, 상수 선언할 때는 const 키워드를 사용한다.
• const로 상수 선언: const 키워드는 변경되지 않는 값을 저장할 때 사용한다.
• 값 변경 불가: 한 번 선언된 이후 값을 재할당할 수 없으며, 재할당 시도 시 콘솔에서 오류가 발생한다.
• 초기화 필수: 선언과 동시에 반드시 값을 초기화해야 하며, 초기화 없이 선언 시 오류가 발생한다.(고정적인 데이터 저장 시 용이
// 2. 상수: 변수와 달리 한번 저장되면 바꿀 수 없음
// 초기화 없이 상수를 선언하는 경우 오류 발생
const birth = "1997.01.07";
// birth = "123"; -> 재선언하는 경우 콘솔에서 오류 확인 가능
변수 명명 가이드
변수 명명 가이드
• 기호 사용: $, _를 제외한 다른 기호(예: !, @, # 등)는 변수 이름에 사용할 수 없다.
• 숫자로 시작 불가: 변수 이름은 숫자로 시작할 수 없다.
• 예약어 사용 불가: let, const, if, for 등 자바스크립트에서 특별한 의미를 가지는 예약어는 변수 이름으로 사용할 수 없다.
• 어떤 데이터를 담고 있는지 명확하면서 바로 파악 가능한 변수명을 사용하는 것이 좋다.
// 3. 변수 명명규칙(네이밍 규칙)
// 3-1. $, _ 제외한 기호는 사용할 수 없다.
let $_name;
// 3-2. 숫자로 시작할 수 없다.
let name1;
let _2name;
// 3-3. 예약어를 사용할 수 없다.
// 4. 변수 명명 가이드: 친절하고 의미있는 변수명을 사용
let salesCount = 4;
let refundCount = 2;
let totalSalesCount = salesCount - refundCount;
console.log(totalSalesCount);
반응형
'Frontend(프론트엔드) > 자바스크립트' 카테고리의 다른 글
| [JavaScript] 자바스크립트의 기초_조건문(If문과 Switch문) (0) | 2025.09.01 |
|---|---|
| [JavaScript] 자바스크립트의 기초_연산자 활용 (0) | 2025.09.01 |
| [JavaScript] 자바스크립트의 기초_연산자 (0) | 2025.08.30 |
| [JavaScript]자바스크립트의 기초_자료형 변환 (0) | 2025.08.30 |
| [JavaScript] 자바스크립트의 기초_자료형 (0) | 2025.08.30 |