본문 바로가기
교육후 개인공부/React

[Next.js] 서버기능 만들려면

by 뭉지야 2024. 2. 20.
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