[JavaScript] 1일차 변수

Lesson 01 변수란 ??

변수는 데이터를 저장하는 장소

변수는 데이터를 읽고 쓰고 할 수 있는 장소

그럼 변수는 어디에서 사용할까?

• 특정 사이트의 로그인 상태 유무를 변수에 저장한다.
• 사용자가 선택한 메뉴항목도 변수에 저장한다.
• 슈팅게임에서 현재 기록 중인 게임 점수도 변수에 저장한다.
• 쇼핑몰 장바구니에 담겨 있는 상품목록 역시 변수에 저장한다.
• 화면 가득 출력된 게시물 목록도 배열변수에 저장돼 있는 내용을 출력한 것!

Lesson 02 변수 소개 ??

1. 문법 소개
2. 문법 설명
3. 문법을 이해할 수 있는 예제
4. 문법 예제 설명

이 순서로 설명을 시작하겠습니다.

01_ 변수 하나 만들기

가장 일반적인 방법

var 변수 이름 = 값; // 자바스크립트 엔진에게 변수를 하나 만든 후 여기에 값을 저장해 주세요.

여기서 var 의 정체

var는 변수 선언을 의미하는 키워드입니다. 풀어 설명하면 자바스크립트 엔진은 소스를 해석하는 도중 var 라는 키워드를 만나면 "음 여기는 변수를 만들라는 말이군!" 으로 해석해 변수를 만들게 됩니다.

;(세미콜론)의 의미

문장의 끝을 의미합니다.

자바스크립트 엔진은 소스를 해석하는 도중 세미콜론을 만나면 "음 여기는 하나의 문장이 끝나는 곳이군!" 으로 해석합니다.

 쉽쥬? 그럼 쉬운 문제 하나.

문제01. 여러분의 나이가 담긴 변수 age를 만들어 주세요.

정답은?

넘나 쉬운것

이제 감이 오셨나요?

02_ 변수 여러 개 만들기 ( 2가지 방법 )

방법 01_var 를 이용해서 여러 줄로 구분하는 경우

Q ) 여러분의 이름과 나이를 저장한 변수를 만들어요.

var name="kimjiwon";

var age="26";

방법 02_콤마( , ) 를 이용해서 변수를 구분하는 경우

var name="kimjiwon", age="26";

그럼 둘 중 어느 방법을 더 많이 사용할까요? CSS를 많이 사용하는 분이라면 첫 번째 방법이 익숙할 것 같습니다. 하지만 정답은 없습니다. 아무거나 사용하시면 됩니다. 

03_ 변수 이름 만들 때 주의 사항 5가지

1. 숫자로 시작하면 안돼요. var 1st = 10; // 안돼!
2. 대소문자 구분해요. var name="jiwon"; 과 var Name="jiwon" 은 다른 변수입니다.
3. 변수는 대문자가 아닌 소문자로 시작해요.

음? 소문자 대문자를 구분하지 않는다더니 왜? 사실 자바스크립트에서 변수를 대소문자 구분 없이 만들 수 있지만, 일반적으로 일종의 암묵적으로 만들어진 규칙이라고 생각하세요.

 

 4. 변하지 않는 환경 변수의 값을 담는 상수는 모두 대문자로 만들어 주세요.

이게 무슨말이야? DB이름이나 관리자 아이디처럼 한 번 저장한 후 변경하면 안 되는 값들은 다른 변수와 구분 할 수 있도록 모두 대문자로 만듭니다. 이것도 일종의 암묵적인 약속입니다.

ex) var ADMIN_ID="jiwon";

 5. 여러 단어가 조합되는 경우는 낙타 표기법(camelcase)으로 작성해주세요.

 

 ex) var userName = "jiwon";

     var selectMenu=1;