day10

📖 JavaScript

=> 웹 Html, CSS, JS 스크립트언어 (인터프리터 언어)
=> 한줄한줄 보면서 오류체크

내부스크립트, 외부스크립트

1. 내부스크립트

body태그 끝나기 전에

<script>
	console.log('console 창에 출력 1');
</script>

=> 그리고 웹 브라우저창 들어가서 개발자도구 -> 콘솔창으로 보면 'console 창에 출력 1' 출력!

2. 외부스크립트

외부 CSS 적용하는거랑 똑같이 파일명.js로 파일만들어주고

<script src="./js1.js"></script>

이렇게 적용!

=> code Runner랑 Node.js 설치하고나서
=> ctrl + alt + n 누르면 콘솔창이 보인다

자바스크립트

1. 변수

• 타입변수명 = 값;
• const(상수) , let(변수) 을 많이 쓴다!!
• var는 변수명 중복체크도 안되고 호이스팅(출력먼저하고 뒤에 선언해도 오류가 안나는)때문에 요새 별로안쓰는 추세!
• 숫자형, 문자형 타입을 따로 구별X
• 문자형쓸때 ''; ""; 둘다 가능!

🤙
let v1 = 10;
let v2 = 123.123;
let v3 = '문자';
let v4 = "이것도 문자";

🤙
const v8 = 10; //상수형 변수타입이라 이후에 값을 수정x
v8 = 20; (X)

2. 자료형

1) 문자열

• 템플릿 문자열 : `` 백틱
• ${다른변수}

🤙
let str1 = 백틱으로 감싸면 큰" 작은' 신경안쓰고 작성가능;

🤙
let n1 = 2;
let n2 = 10;
let result1 = n1 + ' ' + n2 + ' = ' + (n1n2);
let result2 = ${n1} * ${n2} = ${n1 * n2};
=> 2 * 10 = 20 출력!!

2) 숫자형 : 정수형, 실수형
3) 논리형 : true, false
4) 기타형

• null : 비워져있다 공간없다
• undefined : 값이 안들어있다 정의만 되있는
• NaN : Not a Number 숫자형이 아니다

5) 배열 : []
🤙
let arr = [1,2,3,4,5];
let arr2 = ['A', 'B', 'C'];
console.log(arr); => [1, 2, 3, 4, 5]
console.log(arr2); => ['A', 'B', 'C']

6) 객체 : {}
=>
🤙
let student1 = {
id:'mystu',
name:'내이름',
age:30
};

console.log(student1); => { id: 'mystu', name: '내이름', age: 30 }
console.log(student1.id); => mystu
console.log(student1.name); => 내이름

📌 배열 , 객체

let pizza = {
type:'프리미엄',
price:23000,
base: { //객체 안에 객체!
dough:"밀가루",
cheese:"국산치즈"
},
topping:['햄', '새우', '파인애플'] //객체 안에 배열!
};

console.log(pizza.price); => 23000
console.log(pizza.base.dough); => 밀가루
console.log(pizza.topping[2]); => 파인애플