여러분 크리에이터메이커입니다!
!
이번 글에서는 API 쿼리를 통해 서버에서 원하는 HTML을 쉽게 표현하는 방법을 알려드리겠습니다.
이것은 nodejs에서 express를 사용한 코드입니다.
서버를 실행하는 js에 붙여넣기만 하면 됩니다.
app.get('/getoneobject', (req, res) => {
let link = req.query.link
const param = (link)
let html =``;
html += `<!
DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="getdbdatas('`+link+`') 함수가 있는 js"></script>
</head>
<body >
원하는 html 및 함수
<script>
getdbdatas('`+link+`');
</script>
</body>
</html>`
res.send(html);
});
왜 그렇게 넣어야 했을까?
서버에 많은 정보가 있고 링크를 클릭하면 해당 링크와 관련된 정보만 나오도록 만들었습니다.
변수에 해당하는 정보는 메인 페이지가 아닌 변수와의 링크 자체에서 직접 가져와야 하므로 어떻게 쓸까 고민하다가 이런 방법을 생각해냈습니다.
app.get 으로 getoneobject 이름을 식별한 후,
주소창에 blah blah/ 입력
getoneobject?link=/objectimages/objectimg0.png
쿼리를 추가하여
스크립트에서 함수의 인수에 조인 쿼리를 적용합니다.
JavaScript 함수에 적용됩니다.
코드의 목적은 쿼리가 포함된 주소의 API 형식으로 JSON 정보가 아닌 웹 자체의 시각적 정보를 제공하기 위해 작성된 코드입니다.
더 궁금한 사항은 댓글로 문의주세요~