[11.19] req.query는 뭐야?😲

💥 req.query

지금까지 req.params를 이용해 데이터가 {"num" : "18"} 이런 식으로만 보이니까 재미가 없다........

진짜로....... 재밌다고 했지만 그건.. 알아가는 과정이 재밌을 뿐.. 결과물이 재미 없단 말이다.....

그래! 다시하자! 다른 방법으로 사용해보자고👏👏

유튜브를 이용해서 재밌게 색다르게 사용해보겠다 :) 

 

// 영상 : https://www.youtube.com/watch?v=AkeeabfJjd8

// 타임 : https://www.youtube.com/watch?v=AkeeabfJjd8&t=920s

 

이렇게 유튜브의 url을 자세히 보면 /watch를 기점으로 ? 부분을 볼 수가 있다.

이 부분을 질의, 질문을 한다 라는 뜻으로 query 라고 부른다.

query string으로 파라미터를 받는다. 라고 생각하면 되겠다!

 

영상과 타임의 주소를 잘 보게되면 t=920s 이전의 주소는 같은 걸 볼 수 있다.

그럼 영상의 주소&t=920s 이라는 건?

영상의 920초 시점이라는 뜻이다.

저 주소를 주소창에 그대로 붙여넣기 해보면 쉽게 알 수 있다.

15:20 / 15분 20초 타임인 걸 확인할 수 있다! 사실 나도 이번에 알았다 신기해.. =ㅅ=

 

자! 그럼 req.query를 이용해 한 번 연습해보겠다!

app.get('/watch', function(req, res){

    const q = req.query

    console.log(q)

    res.json({})

})

 

query를 요청해 변수 q에 넣어서 사용하겠다.

이 때 q가 어떻게 나오는 지 확인하기 위해 먼저 콘솔로 확인해보겠다!

res.json은 빈 공간이기 때문에 

화면에선 아무것도 볼 수 없는 건 이제 다들 아시겠쥬?

자, 그럼 콘솔창은????

 

어? 어디서 많이 봤는데????

// 타임 : https://www.youtube.com/watch?v=AkeeabfJjd8&t=920s

v= ~~~~   /  t= ~~~~  

이게 그대로 뿌려진다! 굉장히 신기하다 😲

그럼 이거 화면에도 뿌려볼까? 라는 생각이 바로 들었다..

res.json에 변수 q만 넣으면 되니 바로 뿌려보겠다!

이미 q가 json형태로 되어있었기 때문에 json 형태로 뿌려진다!!

v/t 말고 video/timeline으로 표현하고싶어졌다.

뭐든 해보면 되는 거 아니겠는가 ㅎㅎㅎㅎㅎㅎ

어떻게 해야 원하는대로 뿌려질까... 한 1분정도 걸린 것 같다

q의v 만 / q의t 만 뽑으면 되는 것! 아주 쉽다!

app.get('/watch', function(req, res){

    const q = req.query

    console.log(q)

    res.json({

        video : q.v,

        timeline : q.t

    })

})

음 아주 맘에 들어 :D !!!

 

req.params와 다르게 query를 이용해 유튜브를 재밌게 활용해봤다
사실상 유튜브 주소는 깊이 본 적이 없었어서, 이번에 공부하면서 유튜브 주소를 제대로 보게되었는데
저렇게 식별코드가 있다는 거에 1번 놀라고, 타임라인까지도 나뉘어져 있다는 것에 2번 놀랐다.
유튜브에 댓글달 때 타임라인을 써 본 적이 있었는데 이렇게 되는 거구나.. 싶은 생각도 들었다!
이번 req.query 굉장히 흥미로운 부분이었다 ㅎㅅㅎ
매일 오늘같았으면 좋겠다 =ㅅ=
아 참! 코드 깨끗하게 업로드 하는 법을 찾아버렸다....
이제 굳이굳이 캡쳐해서 안 올려도 되겠다.. 짱🤩