JS chapter02 데이터 불러오기

안녕하세요. 오늘은 데이터를 불러오고 처리하는 다양한 방법에 대해 간단히 설명하겠습니다.

변수 (Variables)

선언: 변수를 선언할 때는 let 키워드를 사용합니다. 사용: 변수에 데이터를 할당하고, 이를 나중에 변경하거나 참조할 수 있습니다. 예시:

let name = "John";
console.log(name); // "John"

name = "Alice";
console.log(name); // "Alice"

상수 (Constants)

선언: 상수를 선언할 때는 const 키워드를 사용합니다. 사용: 상수는 한 번 할당되면 재할당할 수 없으며, 일반적으로 변경되지 않는 값을 나타내는데 사용됩니다. 예시:

const PI = 3.14;
console.log(PI); // 3.14

// 상수는 재할당할 수 없습니다.
// PI = 3.14159; // 에러 발생

배열 (Arrays)

선언: 배열을 생성하려면 []를 사용하거나 배열 생성자를 사용할 수 있습니다. 사용: 배열은 여러 데이터 요소를 저장하고, 각 요소는 인덱스를 통해 접근할 수 있습니다. 예시:

let fruits = ["apple", "orange", "banana"];
console.log(fruits[0]); // "apple"

// 배열 요소에 접근하여 변경
fruits[1] = "pear";
console.log(fruits); // ["apple", "pear", "banana"]

객체 (Objects)

선언: 객체는 중괄호 {}를 사용하여 생성하고, 속성과 값의 쌍으로 구성됩니다. 사용: 객체는 키-값 쌍으로 데이터를 저장하며, 특정 키를 사용하여 속성에 접근할 수 있습니다. 예시:

let person = {
    name: "John",
    age: 30,
    city: "New York"
};

console.log(person.name); // "John"
console.log(person.age); // 30

// 객체의 속성 값 변경
person.age = 31;
console.log(person.age); // 31

서버 데이터 (Server Data)

불러오기: 서버 데이터를 불러오는 방법은 주로 HTTP 요청을 사용합니다. 사용: JavaScript에서는 fetch API를 사용하여 서버로부터 데이터를 가져올 수 있습니다. 예시:

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
        console.log(data);
        // 서버에서 받아온 데이터를 여기서 처리
    })
    .catch(error => {
        console.error('Error fetching data:', error);
    });

위의 예시에서는 fetch 함수를 사용하여 서버에서 데이터를 비동기적으로 가져옵니다. then을 사용하여 응답(response)을 처리하고, catch를 사용하여 오류를 처리합니다.

이렇게 JavaScript에서는 다양한 데이터 유형을 다루고, 서버와의 통신을 통해 외부 데이터를 처리할 수 있습니다.