잡동구리들

1. Hoisting(호이스팅)

어디에 선언했느냐에 상관없이 항상 제일 위로 선언을 끌어올려 주는 것

2. Method(메소드)

object(객체)의 property 값이 function(함수)일 경우, 일반 function과 구분하기 위해 method라고 부른다. 즉 method는 object에 제한되어 있는 fucntion를 의미한다. 

3. JSON(JavaScript Object Notation)

서버와 클라이언트 간의 Data 교환 형식

4. JavaScript

JavaScript(자바스크립트)는 웹 페이지와 상호작용하도록 만들어진 언어 

5. Function(함수)

하나의 특정한 작업을 수행하도록 설계된 독립적인 블록

6. Scope(변수 영역)

변수 영역은 변수가 유효성을 갖는 영역을 가리킨다. 

7. Object-oriented(객체 지향)

객체지향 프로그래밍이란, 프로그램을 객체들로 구성하고, 객체들 간에 서로 상호 작용 하도록 작성하는 방법이다.

8. [React]side-effect

함수가 실행되면서 함수 외부에 존재하는 값이나 상태를 변경시키는 등의 행위

(ex. 함수 외부에 존재하는 버튼의 텍스트를 변경하거나, API로부터 유저 목록을 받아올때 해당 데이터를 호출하는 경우)

9. [React]state

화면에 보여줄(렌더링) 데이터(값)를 가지고 있는 객체(혹은 값 그 자체). 즉, 정보!(상태)

10. ORM(Object-Relational Mapping)

데이터베이스의 체계(테이블과 컬럼 등)를 클래스(객체)와 연관지어 사고하는 패러다임

오류 1

"SyntaxError: Unexpected token k in JSON at position 6" 에러

발생 원인 및 해결 : JSON 데이터를 만들때 맨 마지막 값에 콤마(,)가 들어가 있으면 발생 ==> 콤마(,) 제거로 해결

오류 2

"SyntaxError: Unexpected token } in JSON at position 99" 에러

발생 원인 및 해결 : JSON 데이터를 만들때 키값이 쌍따옴표("")로 감싸져 있지 않으면 발생  ==> 쌍따옴표("") 추가로 해결

10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트엔드 개발자 입문편 (JavaScript ES6)

// JSON
// JavaScript Object Notation

// 1. Object to JSON
// stringfy(obj)
let json = JSON.stringify(true);
console.log(json);

json = JSON.stringify(["apple", "banana"]);
console.log(json);

const rabbit = {
  name: "tori",
  color: "white",
  size: null,
  birthDate: new Date(),
  //   symbol: Symbol("id"), // Symbol은 JSON에 포함되지 않는다.
  jump: () => {
    console.log(`${this.name} can jump!`);
  },
};

json = JSON.stringify(rabbit);
console.log(json);

json = JSON.stringify(rabbit, ["name", "color", "size"]);
console.log(json);

console.clear();
json = JSON.stringify(rabbit, (key, value) => {
  console.log(`key: ${key}, value: ${value}`);
  //   return value;
  return key === "name" ? "ellie" : value;
});
console.log(json);

// 2. JSON to Object
// parse(json)
console.clear();
json = JSON.stringify(rabbit);
const obj = JSON.parse(json, (key, value) => {
  console.log(`key: ${key}, value: ${value}`);
  //   return value;
  return key === "birthDate" ? new Date(value) : value; // string을 다시 object로..
});
console.log(obj);
rabbit.jump();
// obj.jump(); // JSON으로 변환될때 함수는 포함되지 않는다.

console.log(rabbit.birthDate.getDate());
console.log(obj.birthDate.getDate()); // JSON으로 넘어가면서 string이 되었기 때문에, parse를 이용해 다시 object로 넘어와도 여전히 string이다.