화살표 함수(Arrow Function)

---

화살표 함수는 ES6부터 지원하는 문법으로 함수를 간단하게 표현할 수 있다.

---

[사용]

• 매개변수가 없는 경우

let foo = () => console.log('bar');
foo(); // bar

• 매개변수가 하나인 경우

let foo = x => x;
foo('bar'); // bar

• 매개변수가 여러개인 경우

let foo = (a, b) => a+b;
foo(1, 2); // 3

---

• 실행 내용이 하나인 경우

let foo = (a, b) => a+b; // return a+b;와 동일 
foo(1,2); // 3

• 실행 내용이 여러개인 경우

let foo = (a, b) => {
  var c = 3;
  return a+b+c; // 여러개의 문장을 실행할 때에는 '중괄호' 필수!
}

템플릿 리터럴

---

내장된 표현식을 허용하는 문자열 리터럴이며 백틱(`)을 사용한다
(ES6부터 지원)

---

[사용]

 let name = 'neity16';
 let age = 25;
 let str = `이름은 {name}이고, 나이는 {age}입니다.`;
 console.log(str); // 이름은 neity16이고, 나이는 25입니다.

JSON

---

• JavaScript Object Notation의 약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량 Data 교환 형식
• JavaScript에서 객체를 만들 때 사용하는 표현식
• 최근에는 XML을 대체하여 데이터 전송에 많이 사용
• name-value 형식의 쌍을 갖는다

---

• 생성

const result = { 
   "name" : "neity16", // "name"이 key, "neity16"이 value
   "email" : "neity16@daum.net",
   "age" : 25
}

---

• 사용

    console.log(result.name); // neity16
    console.log(result.age); // 25

---

• 요소 추가 [객체.key = value]

   result.phone = '010-1234-5678';
   console.log(result); /* { 
                         "name" : "neity16",
                         "email" : "neity16@daum.net",
                         "age" : 25,
                         "phone" : "010-1234-5678"} */

---

• 요소 삭제 [delete 객체.key]

   delete result.name;
   console.log(result); /* { 
                         "email" : "neity16@daum.net",
                         "age" : 25,
                         "phone" : "010-1234-5678"} */