[CH43] AJAX

[yuzunsang]

[퀴즈 예시] Q. 여기에 퀴즈 설명을 적으세요.

적을 코드가 있다면 밑에 적어주세요. (백틱 3개로 코드를 감싸면 코드 양식을 적을 수 있습니다.)

// 예시 코드
const arr = [1, 2, 3];
console.log("Hello");

아래 코드를 복붙해서 정답을 적어주세요.

<details>
    <summary>정답</summary>
    <div markdown="1">    
    정답 설명
    </div>
</details>

[bo-eun]

Q. person객체를 JSON문자열화 했을 때 결과를 예측해보세요.

const person = {
    name: 'Lee',
        yearOfBirth: 1997,
    age: function() { return 2024 - this.yearOfBirth},
    alive: true,
    hobby: ['traveling', 'tennis'],
        address: undefined,
};
console.log(JSON.stringify(person));

정답

{"name":"Lee","yearOfBirth":1997,"alive":true,"hobby":["traveling","tennis"]}

[yuzunsang]

Q. 전통적인 클라이언트-서버 통신 방식에 비해 Ajax 가 가지는 이점에 대해 설명해보세요.

정답

1. 변경되는 데이터만 서버로부터 전송받기 때문에 불필요한 데이터 통신이 발생하지 않는다
2. 화면이 순간적으로 깜빡이는 현상이 발생하지 않는다
3. 클라이언트/서버 통신이 비동기적으로 이뤄지기 때문에 블로킹이 발생하지 않는다

[J-yun-ji]

Q. 다음 JSON 코드의 2가지 문제점을 설명하시오.

{
    'name' : 'Lee',
    'age' : 20,
    alive : true,
    'hobby' : ["tennis", "book"]

}

정답

키는 큰따옴표로 감싸야 한다.
작은따옴표는 사용이 불가하여 큰따옴표로 표기해야 한다.