ES6 / TypeScript(2023-05-11)

권단비·2023년 5월 15일
0

IT

목록 보기
135/139
<!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>

0개의 댓글