KEK 개발로그
[JS] 자바스크립트의 변수 본문
반응형
*자바스크립트의 변수
1. 변수란?
- 데이터를 담는 공간을 의미한다.
(사과박스를 생각하면 됨. 사과는 '데이터', 사과를 담는 박스는 '변수'라고 생각하면 됨.)
2. 변수 선언 및 데이터 저장
- 변수 선언: 데이터를 담을 공간을 생성하는 것.
- 변수 초기화: 생성된 변수에 데이터를 전달하는 것.
var fruit; // 변수 선언 (var 이라는 키워드를 사용하고, 뒤에 변수의 이름을 지어주고, 세미콜론을 사용해 마무리하면 됨.)
fruit = "apple" // 변수 초기화 (여기서 fruit는 '변수명', apple은 '데이터'임.) (fruit이라는 그릇, 상자 안에 apple이라는 데이터가 들어간 것.)
var fruit = "apple"; // 변수 선언 및 초기화3. 데이터 변경
var fruit = "apple";
// 변수 fruit의 데이터를 apple에서 banana로 변경
// 변수는 이미 선언되었으므로 var 다시 작성할 필요X
fruit = "banana";4. 변수 안의 데이터 확인 방법
var fruit = "apple";
console.log(fruit); // apple 출력- console.log(); 는 변수 안에 데이터를 확인할 때 사용하는 명령어
(주의) document.write(변수명); 은 변수의 데이터를 웹 화면에 출력할 때 사용하는 명령
(console.log 는 콘솔창, 터미널에서 확인 할 때)
5. 변수 생성 시 주의 사항
- 변수명은 숫자로 시작할 수 없음. (숫자가 중간이나 끝에는 올 수 있음.)
- 변수명은 최대한 자세하고, 의미있게 작성.
(프로그래밍한 코드는 한번만 쓰고 땡이 아님. 원래 소프트웨어는 한번 만들고 땡이 아니라 계속해서 업그레이드하고, 주변에 변경하는 상황에 따라서 보수를 해야 함. 그런데 보수 할 때, 이 변수명이 아주 중요한 역할을 함. 변수명이 어떤 데이터를 담고 있는지를 표현하는 단서이기 때문에 변수명은 의미있고, 자세하게 적어야 함.)
- 의미가 불명확한 단어들의 조합은 피해야 함.
var 1str; // Error. 변수명은 숫자로 시작할 수 없음
var randomNumber; // 변수명은 최대한 자세하게 작성
var tmax; // 의미가 불명확한 단어들의 조합은 피해야 함(t의 의미가 불분명함)6. 자바스크립트 사용 방법
- <script> 태그 안에 src의 속성값으로 js 파일을 입력 후 html 파일과 연동 >> 웹사이트, 웹페이지에 적용됨.
<body>
<script src=index.js></script>
</body>
7. 변수 데이터 확인 방법
- 웹페이지 우클릭 후 크롬 개발자 검사 or F12 > console 탭 클릭 (그러면 '데이터'가 뜸)
반응형
'Javascript > 문법' 카테고리의 다른 글
| [JS] 자바스크립트(Javascript) 란? (0) | 2022.08.23 |
|---|
'Javascript/문법' Related Articles
more
