7. 서버와 통신 테스트

Fake API

JSONPlaceholder - Free Fake REST API

JSONPlaceholder is supported by the following companies and Sponsors on GitHub, check them out 💖

https://jsonplaceholder.typicode.com/

fetch 통신하기

page/post.js

import React from 'react';

function Post(props) {

    const download = async () => {
        let response = await fetch("https://jsonplaceholder.typicode.com/posts/3", {
            method: "GET"
        });
        let data = await response.json();
        console.log(data);
    }

    return (
        <div>
            <button onClick={download}>Download Post</button>
        </div>
    );
}

export default Post;