<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script>
// var study = true;
// study = false;
// console.log(study);
// const study2 = false; // 상수 문법 : 자바 final
// study2 = true;
// let study1;
// text = "메로나";
//호이스팅
//var 전역변수
var study = "자바스크립트";
if (study) {
var study = "리액트";
console.log("공부하자", study); // 공부하자 리액트
}
console.log("재밌다", study); // 재밌다 리액트
//호이스팅
//이제는 무조건 let을 써야함.
var study = "자바스크립트";
if (study) {
let study = "리액트";
console.log("공부하자", study); // 공부하자 리액트
}
console.log("재밌다", study); // 재밌다 자바스크립트
//===================================================================
let firstname = "홍";
let lastname = "길동";
let middlename = "최고";
console.log(lastname + ", " + firstname + " " + middlename);
console.log(`${lastname}, ${firstname} ${middlename}`);
//4. 디폴트 파라미터 = 값이 전달되지 않는 함수 파라미터의
// 기본값을 설정하는 방법
function greet(name = "홍길순") {
console.log("Welcome mr." + name);
}
greet("홍길동");
greet();
// 5.화살표 함수 = 람다
// let lordify = function (name) {
// return `열심히 공부하는 ${name}`;
// };
// console.log(lodify("홍길동")); // 열심히 공부하는 EZ
// //화살표 함수 방식
// lordify = (name) => `열심히 공부하는 ${name}`;
// 6. ES6 객체와 배열
// 객체 구조 분할(분해)
var sandwich = {
bread: "플랫 화이트",
meat: "베이컨",
topping: ["치즈", "상추", "칠리소스"],
};
let { bread, meat } = sandwich;
//let meat = sandwich.meat;
//let bread = sandwich.bread;
console.log(bread, meat);
bread = "식빵";
meat = "삼겹살";
console.log(bread, meat); // 식빵 삼겹살
console.log(sandwich.bread, sandwich.meat); // 플랫 화이트 베이컨
//함수에서 객체구조분할 활용
let person ={
firstname:"길동",
lastname:"홍",
};
let study1 = ({firstname}) => {
console.log('오늘도 공부하는 ${firstname}')}; // 오늘도 공부하는 길동
study1(person);
//객체와 배열
var[firstResort, second, third]=["용평","평창","강촌"];
console.log(firstResort); // 용평
console.log(second); // 평창
console.log(third); // 강촌
//2.객체 리터럴 개선
</script>
</head>
<body></body>
</html>
