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도 같아서 저런식으로 생략이 가능하다!
'JavaScript > React' 카테고리의 다른 글
React - 수정모드 (0) | 2024.03.25 |
---|---|
React - 일반모드, 토글모드 (1) | 2024.03.23 |
React - 함수 호출, 컴포넌트 분리 (0) | 2024.03.21 |
React - 리스트 출력, 아이템 삭제 (0) | 2024.03.21 |
React - 기록, map, 배열 (0) | 2024.03.20 |