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/원하는 데이터로 요청을 하면
=> [id]. js 코드가 실행이 된다.
req.query
3. 서버는 req.query를 통해 URL pareameter를 확인하여, 클라이언트가 보낸 데이터를 확인할 수 있다.
어떻게 사용할지는 개발자 몫에 달렸지만, 아직까지는 크게 와닿지는 않는 방식이다.
충분히 그전에 배운 내용으로도 할 수 있는 기능이라고 생각해서 그저 다른 방법도 있구나~ 알 수 있었다.
알고 있는 지식 말고도, GET방식과 POST방식의 장단점을 조금 더 알아보면 좋겠다는 생각이 들었다.
'Next.js' 카테고리의 다른 글
Next-Auth를 통한 소셜로그인 (0) | 2023.07.08 |
---|---|
static rendering /dynamic rendering / cache (0) | 2023.07.07 |
Ajax 사용법 (0) | 2023.07.06 |
ES6 destructuring 문법 <props> (0) | 2023.07.06 |
SEO (검색엔진 최적화) (0) | 2023.07.06 |