TIL JavaScript 변수1 ver2

to start with..

한달공부후기에서 말했듯이 기본기를 키우기위해 개발자 친구인 용호가 추천해준 JavaScript+jQuery 완전정복 스터디라는 책을 샀다. 아예 자바스크립트에 대해 모른다는 겸손한 마음을 가지고 하나하나 천천히 내것으로 만드려고 TIL을 작성한다. 변수에 대한 TIL은 이미 썻지만 취업+ 숫자채우기용이었다는 사실을 인정할수밖에없다. 나의 흑역사는 냅두고 개발자답게 버전2를 다시 작성한다.

변수란?

• 변수는 물건을 보관했다가 필요할때 다시 꺼내 사용하는 일종의 창고이다.대신 변수는 '데이터' 라는 물건이 보관된다.
  

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

• var 변수이름 = 값; 이라는 문법을 사용하는데 "=" 연산자를 기준으로 좌측에는 변수이름으로 변수가 만들어지고 우측에는 데이터가 변수에 저장된다.

변수이름 만들때 주의사항

• 숫자로 시작하면 안됨
• 대소문자를 구분!(name과 Name은 다른 변수이다)
• 변수는 대문자가 아닌 소문자로 시작(암묵적 규칙)
• 변하지않는 환경 변수의 값을 담는 상수 변수는 모두 대문자로 만들기(보면 알아듣기!)
• 여러단어가 조합되는경우 camelcase로 작성 (userName,makeComment등)
• 자바스크립트에서 이미 정의된 예약어를 사용하지않기 (break,case,if,typeof등)

변수에 저장할수있는 데이터 종류

1. 숫자형(Number)

   실무에서 숫자형변수 사용할때

   • 나이 몸무게 같은 숫자정보 저장할때
   • 홈페이지 메뉴에서 현재 선택된 메뉴 인덱스 값을 저장할때

2. 문자형 (String)

   실무에서 문자형변수 사용할때

   • 홈페이지 메뉴 항목과 같은 글자정보 저장할때
   • 홈페이지에 로그인할때 사용하는 아이디 패스워드
   • 게시판의 게시물 제목, 날짜 ,글쓴이등
   • 이름, 닉네임, 주소정보 담을때

• var age= 30과 var age ="30"은 완전히 다른내용임!

3. 논리형 (Boolean)

   • true와 false 두개의 값만 존재함

   실무에서 논리형변수 사용할때

   • 로그인 상태여부 저장
   • 체크박스 선택여부 저장

4. 특수형 (undefined)

   • 변수에 undefined가 저장되어 있다면 이것은 일반적으로 변수를 만든 후 초기화 하지 않은 상태를 의미

   when??

   • 변수를 선언하고 그 변수에 값을 대입하지 않는경우
   • 함수 인자값없이 함수를 호출하는경우
   • 존재하지 않는 객체의 프로퍼티에 접근하는 경우

   변수를 선언하고 값을 아무것도 넣지않으면 undefined가 기본값으로 들어간다!

5. null

   • null의 뜻은 아무것도 참조하고 있지 않다라는 의미가 담겨있으며 주로 객체를 담을 변수를 초기화할때 많이 사용한다.

   when??

   • 숫자변수 초기화 var data1 =0;
   • 문자변수 초기화 var data2 = "";
   • 논리형 변수 초기화 var data3 = false;
   • 객체 변수 초기화 var data4 = null

6. more!

• 위에서 말한 숫자, 문자, 논리값 이외에서 함수나 클래스 그리고 클래스 인스턴스 를 저장할수있음. 이건 나중에 알려주신다고함..!ㅋㅋ