728x90
전체 폴더 위치에다가
pages폴더 만들고
그 안에 api폴더 만들고
그 안에 test.js같은 파일 만들면 된다.
이런식으로 만들자!!
일단 get요청을 테스트 해보자
export default function handler() {
console.log(123);
}
코드를 이렇게 입력하고
인터넷주소창에
localhost:3000/api/test
이렇게 입력해보자!
몹시 성공적
export default function handler(req, res) {
console.log(123);
return res.status(200).json("안녕");
}
이렇게하면 응답까지 해준다!!!!
post 서버기능 만들려면 form을 이용하면 된다!!!
export default function Write() {
return (
<div>
<h4>글작성</h4>
<form action="/api/test" method="POST">
<button type="submit">버튼</button>
</form>
</div>
);
}
728x90
'교육후 개인공부 > React' 카테고리의 다른 글
[Next.js] 게시판 수정기능 (1) | 2024.02.24 |
---|---|
[Next.js] 입력한 데이터 mongoDB에 저장하기 (1) | 2024.02.24 |
[Next.js] useRouter (0) | 2024.02.20 |
[Next.js] dynamic route와 id맞추기(상세페이지설정) (0) | 2024.02.20 |
mongoDb 연결하기 (0) | 2024.02.20 |