변수와 상수

정의

데이터를 담는 공간(상자)
let name="철수"(변수의 선언과 할당)

종류

				   var		let		const
이름 중복(재선언)		O		X		X
데이터 수정(재할당)   O		O		X

var는 실무에서 별로 안쓰고 let과 const를 많이 쓴다.

Chrome개발자도구(F12)

요소: html을 분석하고 수정해볼 수 있는 도구
콘솔: 현재 로딩된 페이지에서 자바스크립트를 시험하거나 로그/오류 메시지 등을 확인할 수 있는 도구
소스: 현재 로딩된 페이지에서 사용된 리소스를 열람할 수 있는 도구
네트워크: 서버와의 통신 내역을 보여주는 도구
성능: 웹 어플리케이션의 성능을 향상시킬 방법을 컨설팅해주는 도구

배열

대괄호 안에 데이터를 넣고 쉼표로 구분
let students = [1,2,3,4,5]

배열의 길이 구하기: array.length
배열의 값 꺼내기: array[index]
배열 맨뒤에 값 추가 : array.push()
배열 맨 마지막 값 삭제: array.pop()
배열 요소 정렬: array.sort()
배열 데이터 확인: array.includes(값)
배열 2개 연결: array.concat(array2)
배열을 문자로 만들기: array.join()
배열 분리: array.slice()
배열에서 원하는 요소 뽑기:array.filter()
배열의 모든 요소 변경: array.map()

문자열도 배열처럼 사용할 수 있다.

객체

객체로 구분해서 한번에 모두 담을 수 있음
중괄호 안에 데이터를 넣고 쉼표로 각 데이터를 구분
const profile={
name: "홍길동"
age: 50;
height: 165;
}
키: 값
값은 비어있을 수 있으나, 키는 비어있을 수 없다!

객체에 담긴 값을 가져오는 방법:
profile.key

배열안에 있는 객체

let students = [
  { name: "길동", pet: "강아지", house: "구로구" },
  { name: "철수", pet: "고양이", house: "관악구" },
  { name: "영희", pet: "미어캣", house: "부평구" },
];
undefined;
students;
// (3) [{…}, {…}, {…}]
students[0];
// {name: '길동', pet: '강아지', house: '구로구'}
students[1];
// {name: '철수', pet: '고양이', house: '관악구'}
students.length;
// 3
students[2].name
// '영희'

데이터타입과 연산자

String  	"code"
Number  	157
Boolean		true
Object		{}
Null		null// 아무것도 없음을 입력했음
undefined	undefined// 값이 없음을 알려줌
	
신술연산자 	+ - * / 

cf)123+'4'= '1234'->숫자와 문자를 더하면 문자열이 된다.

비교연산자 < > <= >= === !==

cf)등호는 =를 세번 이어서 쓴다.

=== 					vs					 ==
엄격한 동치 연산자						느슨한 동치 연산자
데이터 타입과 값까지 같아야				타입 비교없이 값만 같으면
true								true
1==="1"								1=='1'
>false								>true

엄격한 동치 연산자를 사용하도록 하자!

동치 연산자
&&, ||, !