프론트 통신

// Fetch API로 POST 요청 보내기
const userData = {
    name: "김가나",
    email: "kim@example.com"
}; // 자바스크립트의 객체

fetch('http://localhost:8000/api/users/', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        // 필요 시 인증 토큰을 여기에 추가
        // 'Authorization': 'Bearer <token>'
    },
    body: JSON.stringify(userData)  // 데이터를 JSON으로 변환하여 보냄
})
.then(response => {
    if (!response.ok) {
        throw new Error('Network response was not ok');
    }
    return response.json();
})
.then(data => {
    console.log('User created successfully:', data); //{"message": "성공하였습니다."}
})
.catch(error => {
    console.error('Error:', error);
});

// Fetch API로 GET 요청 보내기
fetch('http://localhost:8000/api/users/', {
    method: 'GET',
    headers: {
        'Content-Type': 'application/json'
    }
})
.then(response => {
    if (!response.ok) {
        throw new Error('Network response was not ok');
    }
    return response.json();
})
.then(data => {
    console.log('Success:', data);
})
.catch(error => {
    console.error('Error:', error);
});