JSON객체의 메소드인 stringify와 DOM의 메소드인 getElementsByClassName을 직접 구현하는 스프린트를 시작했다.
-
JSON(Javascript Object Notation)이란 값이나 객체를 나타내주는 범용 포맷이며 데이터를 경량으로 교환하는 방식이다.
이름에서 유추하다시피, Javascript에서 사용할 목적으로 만들어졌으나, 라이브러리를 이용하면 다른 언어에서도 사용이 가능하다.
1-1. 자료형식은 null, number, string, array, object, boolean 값이며, 객체의 key값이나 문자열은 항상 쌍따옴표(")를 붙여야한다.
1-2. JSON에서의 데이터는 작은따옴표(')와 역슬래쉬()를 사용하지 않는다.
1-3. JSON에는 기본적인 메소드가 2가지 존재하는데,
JSON.stringify() : JS값을 JSON형식으로 변환시킨다.
JSON.parse() : JSON데이터를 JS값으로 변환시킨다.
-
template literal에 대해 자세하게 공부할 수 있었다.
template literal이란 ES6에서 새롭게 등장한 내장된 표현식인데, 쉽게 말해서 표현식과 문자열 삽입, 여러 줄 문자열 등 다양하고 편리한 기능을 제공하는 문법이다.
2-1. 백틱(`)을 이용해서 감싸주며, 표현식은 ${변수}로 나타내고, 줄 띄어쓰기가 가능하다. (가독성 굿!)
let scoreA = 3;
let scoreB = 1;
let result = `오늘의 경기 결과는 ${scoreA}:${scoreB}로 A팀이 승리했습니다!`
console.log(result); // -> 오늘의 경기 결과는 3:1로 A팀이 승리했습니다!
let partTime = 36;
let minimumWage = 8590;
let mySalary = `나의 이번 달 월급은 ${partTime * minimumWage}원이다.`
console.log(mySalary); // -> 나의 이번 달 월급은 309240원이다.+) 그외에도 template리터럴을 함수로 파싱할 수 있는 Tagged template, 템플릿을 중첩으로 사용할 수 있는 Nesting templates의 기능 등등이 있다. 이는 후에 더 공부해서 블로깅 해야할 것!
* mdn reference : Template_literals
