post

Next.js

URL parameter 문법 & GET 방식

URL parameter 문법 1. dynamic routing방식을 생각해 보면 => 폴더 이름을 [ ] array로 작명을 하게 된다면 어떤 URL로 접근을 하여도 그 page.js를 보여줬었다. 이번에는 js파일도 [ ] array로 작명을 해보자. [test]. js를 하면 어떤 점이 좋을까? query string 우선 클라이언트가 서버에게 GET방식을 사용하여 값을 전달하면 /URL?name=hong&age=20 이런 식으로 파라미터가 같이 전달됨을 확인할 수 있다. => 이것을 query string이라고 한다. 클라이언트 > 서버 메시지 전달 1. api/test/[id]. js를 만들어보자. 2. 클라이언트가 GET이나 POST방식을 통해 api/test/원하는 데이터로 요청을 하면 =>..

Next.js

Next.js 서버 기능 <MongoDB>

서버 만드는 법 1. /pages/api 폴더를 생성한다. 2. 원하는 이름의 js파일을 생성한다. => 필자는 /pages/api/test.js로 생성하였다. 클라이언트가 요청을 하면 적절히 응답하기 위한 서버코드를 이곳에 작성할 것이다. 클라이언트 > 서버 (app/write/page.js) export default function Write(){ return ( 버튼 ) } 1. form태그를 연다. 2. action: 서버 경로를 기입한다. 3. method : GET, POST 방식을 기입한다. - GET요청: URL의 주소 끝에 파라미터를 포함하여 전송하는 법. (qurry string) - POST 요청: 전송할 데이터를 HTTP메시지 body부분에 담아서 서버로 전송하는 법. 4. sub..

www.seok.com
'post' 태그의 글 목록