코드캠프 2일차] 구조분해할당, Date()

haengbeok·2022년 9월 22일

코드캠프

목록 보기

4/4

Template Literals(템플릿 리터럴)

ES6에 추가된 문자열 표기법
백틱(`) 으로 문자열을 표현하는 기능
${variable} 을 사용해 표현식도 넣을 수 있다

기존 문자열 표기

var name = "철수";
var age = 13;
console.log("저의 이름은 " + name + "이고, 나이는 " + age + "살 입니다.");

Template Literals 적용

var name = "철수";
var age = 13;
console.log(`저의 이름은 ${name}이고, 나이는 ${age}살 입니다.`);

매개변수, 인수

function getWelcomeTemplate(name, age, school, createdAt) {
  return `
          <html>
              <body>
                  <h1>${name}님 가입을 환영합니다.</h1>
                  <hr />
                  <div>이름: ${name}</div>
                  <div>나이: ${age}</div>
                  <div>학교: ${school}</div>
                  <div>가입일: ${createdAt}</div>
              </body>
          </html>
      `;
}

const myName = "철수";
const myAge = 13;
const mySchool = "다람쥐초등학교";
const myCreatedAt = "2010-09-07";

const result = getWelcomeTemplate(myName, myAge, mySchool, myCreatedAt);
console.log(result);

매개변수(parameter)

function getWelcomeTemplate(name, age, school, createdAt)

name, age, school, createdAt
인수를 함수 내부에서 사용 가능 하게 해주는 것

인수(argument)

const result = getWelcomeTemplate(myName, myAge, mySchool, myCreatedAt);

myName, myAge, mySchool, myCreatedAt
함수 사용을 위해 실제로 담기는 값

구조분해할당(Destructuring)

--객체--
const fruit = {
    name: '사과',
    color: 'red',
    sell: 'market',
}

const name = fruit.name
const color = fruit.age
const sell = fruit.sell


// 구조분해할당
const {name, age, sell } = fruit

--배열--
const fruits = ['사과', '딸기', '바나나'];

const fruit1 = fruits[0];
const fruit2 = fruits[1];
const fruit3 = fruits[2];

// 구조분해할당
const [fruit1, , fruit2, fruit3] = fruits;

Date()

const date = new Date()

date.getFullYear();         // 연도
date.getMonth();            // 월 0(월)부터 시작함
date.getDate();             // 일
date.getDay();              // 요일 (일요일: 0)
date.getHours();            // 시
date.getMinutes();          // 분
date.getSeconds();          // 초
date.getMilliseconds();     // 밀리초

function getToday() {
    const date = new Date()
    const yyyy = date.getFullYear()
    const mm = date.getMonth() + 1
    const dd = date.getDate()

    return `${yyyy}-${mm}-${dd}`
}

console.log(getToday())

haengbeok

이전 포스트