Nextjs13 route..

Next.js에서는 API 요청을 위해 `fetch()`를 주로 사용합니다. 특정 페이지에서 회원 아이디와 비밀번호를 JSON 형식으로 POST 방식으로 전달하기 위해서는 다음과 같은 절차를 따릅니다. 먼저 로그인 페이지에 form 작성 후 submit event handle하는 함수에서 fetch()를 호출하여 POST 요청을 보낼 수 있습니다. ```javascript async function handleLogin(e) { e.preventDefault(); // 공유폼에서 data 가져오기 const formData = new FormData(e.target); const username = formData.get('username'); const password = formData.get('password'); // fetch request 보내기 const response = await fetch('/api-route', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ username, password }), }); if (response.ok) { // 로그인 성공시 redirect or 다른 액션 } else { // 실패시 에러 핸들링 const errorData = await response.json(); console.error(errorData); } } // 마크업 부분 <form onSubmit={handleLogin}> .... ``` 위 코드는 단순 예제로서 실제 프로젝트에 적용하려면 validation, error handling 등의 추가적인 작업이 필요할 수 있습니다.