React - 함수 분리, 매개변수

console.clear();

function hi_v1() {
  const name = "홍길동";
  const msg = "안녕하세요";

  //템플릿 리터럴
  console.log("hi_v1");
  console.log(`${name}님이 인사함`);
  console.log(`메세지 : ${msg}!!!`);
}

hi_v1();

const printName = ({ name, age }) => {
  console.log(`${name}님(${age})이 인사함`);
};

const printMsg = (msg) => {
  console.log(`메세지 : ${msg}!!!`);
};

function hi_v2() {
  const name = "홍길동";
  const msg = "안녕하세요";

  console.log("hi_v2");
  printName({ name });
  printMsg(msg);
}

hi_v2();

function hi_v3() {
  const name = "홍길동";
  const age = 27;
  const msg = "안녕하세요";

  console.log("hi_v3");
  printName({
    name,
    age
  });
  printMsg(msg);
}

hi_v3();

• 객체가 다르다고 해서 오류가 안나, 형식만 맞춰주면 됨!
• const printName = ({ name, age }) -> 객체로 넘기는 방식
• printName({ name,  age }); ==  printName({ name : name, age : age }); // name같고 , age도 같아서 저런식으로 생략이 가능하다!