next.13 게시판 글 작성기능 만들기

권장 사용방식.

- URL은 개발자 맘대로 작성하면 됩니다. /어쩌구 /저쩌구 맘대로 기입가능합니다.

- method는 GET POST PUT DELETE 4개 중에 맘대로 골라서 작성하면 됩니다. 

보통 데이터 출력을 다루는 기능엔 GET,

입력은 POST

수정은 PUT

삭제는 DELETE 

를 많이 선택합니다. 

 

1. 파일트리 제일 외곽에서. pages폴더 그안에 api 폴더를 만들고 그안에 js(or tsx) 파일을 만든다.

요청시 그안에 js 파일에서 응답을 만들어줄수있다.

const handler = (요청:any, 응답:any) => {
    console.log(123)
    return 응답.status(200).json('처리완료');
};

export default handler;

서버기능 처리성공시엔 status(200)

서버기능 처리실패시엔 status(500)

서버기능 처리실패시 (유저잘못) status(400)

 

글쓰는 page 만들기.

app 폴더안에 write 폴더를 만들고 그안에 page.js(or tsx)만들고 안에 코드를 넣는다.

const Write = () => {
    return (
        <div>
            <h4>글작성</h4>
            <form action="/api/test" method="POST">
                <button type="submit">버튼</button>
            </form>
        </div>
    );
};

export default Write;

<form>태그 쓰면 유저들이 서버로 POST, GET요청을 쉽게 날릴 수 있다.

action = 서버요청 파일경로.

method = 어떤행동할지 정하기 form 태그에는  GET, POST  만 가능.