[TIL] Do it 자바스크립트 입문_변수, 자료형, 연산자

새롭게 알게 된 사실

• 낙타 표기법 (Camel Case)
  띄어쓰기 하지 않고 첫 번째 단어는 소문자, 두 번째 단어부터는 대문자로 표기
  
  
• 변수 이름의 첫 글자는 반드시 문자, 밑줄(_), 달러기호($)로 시작해야 한다
  대문자는 ok
  
  
• 변수를 저장하는 방법은 '선언하면서 저장하는 방법'과 '선언한 다음 저장하는 방법'이 있다

var apple = "yummy"; 	    // 변수를 선언하면서 값을 저장
var banana;
banana = "long and yummy"; 	// 변수를 선언한 다음 값을 저장

 

• document.querySelector("#resut").innerHTML
  '문서(document)에서 선택자를 사용하여 (querySelector) id 값이 result인 태그("#result")를 선택하고 HTML에 삽입한다(innerHTML)'
  
  
• 변수를 선언할 때 var 예약어 외에 let와 const 예약어 사용 가능
  let : 블록 {}을 벗어나면 사용 불가
  const : 상수값을 선언할 때 사용
  
  
• 10진수와 구별하기 위해 8진수는 숫자 0을, 16진수는 0x를 맨 앞에 붙인다
  
  
• 자바스크립트는 정수와 실수를 모두 number로 취급한다
• 자바스크립트에서 실수를 계산할 때는 정밀하게 값이 나오지 않을 수 있으니 주의한다
  
  
• 큰 따옴표 안에 큰 따옴표를 쓰고 싶다면 "앞에 백슬래시를 붙이면 된다
  ex) "<span class = \"num\">"
  
  
• 타입스크립트는 자바스크립트 자료형에 '강한 유형(Strong Typing)'을 추가한 것이다
  
  
• 증감 연산자(++, -- : 1만큼 더하거나 빼주는 연산)가 피연산자 뒤에 있을때는 전체 수식의 처리가 끝난 다음 적용,
  피연산자 앞에 있을 때는 전체 수식을 처리하기 전에 적용된다
  
  
• 탬플릿 문자열 : 백 쿼트(`)와 ${}을 이용, 문자열 안에 값을 채우는 방법
  -> `원래 가격은 ${originPrice} 원입니다.`;
  
  
• 숫자가 들어간 문자형 자료("50")와 그냥 숫자형(100)의 연산은?
  -> +는 문자형으로 자동인식 ("50100")
  나머지 연산 - * / % 는 모두 숫자형으로 자동인식
  
  
• OR연산자는 shift+\ 두 번 입력하는 것으로 표시
  -> ||
  
  
• 서로 다른 연산자를 계산하는 순서
  단항 연산자 -> 산술 연산자 -> 비교 연산자 -> 논리 연산자 -> 할당 연산자

 

 

정리

• 변수를 선언하는 규칙
  1. 이름은 의미 있게 짓는다
  2. 여러 단어를 연결한 변수 이름은 낙타 모양으로
  3. 선언할 수 없는 이름도 있다
• 자료형의 종류

자료형		설명
기본형	number(숫자)	따옴표 없이 표기한 숫자
	string(문자열)	작은 따옴표나 큰 따옴표로 묶어 나타냄
	boolean(논리형)	참과 거짓
	undefined	자료형을 지정하지 않았을 때의 유형
	null	값이 유효하지 않을 때의 유형
복합형	array(배열)	하나의 변수에 여러 값을 저장
	object(객체)	함수와 속성이 함께 포함된 유형

undefined : 처음부터 변수에 값이 할당되지 않음

null : 처음에 할당된 값이 더는 유효하지 않음, 보통 변수를 초기화할 때 사용

객체 : 중괄호로 자료 묶음. 키와 값을 콜론을 사용하여 한 쌍으로 짝짓기.

자바스크립트 자료형의 특징 : 느슨한 자료형 체크 (Weak Data Type Check). 변수에 의도한 값이 정확하게 들어갔는지 꼭 확인해야 함.

 

• 할당 연산자 응용

할당 연산자 응용	예	의미
+=	y += x	y = y + x
-=	y -= x	y = y - x
*=	y *= x	y = y * x
/=	y /= x	y = y / x
%=	y %= x	y = y % x