Papago NMT API<\/a><\/p>\n\n\n\n \ub124\uc774\ubc84 API \uc774\uc6a9\uc2e0\uccad<\/a><\/p>\n\n\n\n \ub124\uc774\ubc84 \ud30c\ud30c\uace0 \ubc88\uc5ed API Papago NMT API \ub124\uc774\ubc84 API \uc774\uc6a9\uc2e0\uccad Request \ubaa8\ub4c8 NodeJS \uc571\uc5d0\uc11c HTTP \uc694\uccad \uae30\ub2a5 Jquery \uc758 .ajax \ud568\uc218\uc640 \ube44\uc2b7 my_littlechat> npm install –save request \uc11c\ubc84 \uad6c\ud604 Papago NMT API Reference \ud074\ub77c\uc774\uc5b8\ud2b8 \uad6c\ud604<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[38,37],"tags":[],"_links":{"self":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1266"}],"collection":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/comments?post=1266"}],"version-history":[{"count":9,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1266\/revisions"}],"predecessor-version":[{"id":1279,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1266\/revisions\/1279"}],"wp:attachment":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=1266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/categories?post=1266"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/tags?post=1266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Request \ubaa8\ub4c8<\/h3>\n\n\n\n
\n# request \uc0ac\uc6a9\ubc95\n\nvar request = require("request");\n\nrequest.get('\/books', function(error, response, body) {\n \n});\n\nrequest.post('\/books', { body: { key: value } }, function(error, response, body) {\n \n});\n\nrequest.put('\/books', { body: { key: value } }, function(error, response, body) {\n \n});\n\nrequest.delete('\/books', function(error, response, body) {\n \n});\n<\/pre><\/div>\n\n\napp.post('\/send', function(req, res) {\n var message = {\n sender: req.body.sender,\n ko: req.body.ko,\n en: req.body.en\n };\n console.log(message);\n\n messages.push(message);\n res.status(200).send({ message: "Success" });\n});\n<\/pre><\/div>\n\n\n\uc11c\ubc84 \uad6c\ud604<\/h2>\n\n\n\n
\napp.post('\/send', function(req, res) {\n var message = {\n sender: req.body.sender,\n ko: req.body.ko,\n en: req.body.en\n };\n console.log(message);\n\n var options = {\n url: "https:\/\/openapi.naver.com\/v1\/papago\/n2mt",\n form: {\n source: message.ko.length == 0 ? "en" : "ko",\n target: message.ko.length == 0 ? "ko" : "en",\n text: message.ko.length == 0 ? message.en : message.ko\n },\n headers: {\n "X-Naver-Client-Id": "ID",\n "X-Naver-Client-Secret": "KEY",\n "Content-Type": "application\/x-www-form-urlencoded; charset=UTF-8"\n }\n };\n\n request.post(options, function(error, response) {\n var result = JSON.parse(response.body).message.result;\n message.ko = message.ko.length == 0 ? result.translatedText : message.ko;\n message.en = message.en.length == 0 ? result.translatedText : message.en;\n\n console.log(message);\n messages.push(message);\n res.status(200).send({ message: "Success" });\n }); \n});\n\napp.get("\/receive", function(req, res) {\n var result = { total: messages.length, messages: [] };\n\n if (messages.length > req.query.from) {\n result.messages = messages.slice(req.query.from);\n }\n\n res.status(200).send(result);\n});\n<\/pre><\/div>\n\n\n\ud074\ub77c\uc774\uc5b8\ud2b8 \uad6c\ud604<\/h2>\n\n\n
\n<!DOCTYPE html>\n<html>\n <head>\n <meta charset="utf-8">\n <title>my little chat<\/title>\n <script src="https:\/\/code.jquery.com\/jquery-3.4.1.min.js"><\/script>\n <style>\n .messages {\n width: 500px;\n height: 500px;\n overflow: scroll;\n background: #eeeeee;\n }\n <\/style>\n <\/head>\n <body>\n <div class="messages" id="messages"><\/div>\n <div>\n <select id="selectBox">\n <option value="ko">\ud55c\uad6d\uc5b4<\/option>\n <option value="en">\uc601\uc5b4<\/option>\n <\/select>\n \uc544\uc774\ub514: <input type="text" id="senderId" \/>\n \ub0b4\uc6a9: <input type="text" id="chatInput" \/>\n <button id="sendButton">\uc804\uc1a1<\/button>\n <\/div>\n <script src=".\/chat.js"><\/script>\n <\/body>\n<\/html>\n<\/pre><\/div>\n\n\nvar curIndex = 0;\nvar language = "ko";\nvar messages = [];\n\nsetInterval(function() {\n $.ajax(`http:\/\/localhost:3000\/receive?from=${curIndex}`).done(function(data) {\n for (const message of data.messages) {\n console.log(message);\n\n $("#messages").append(\n message.sender + " : " + (language == "ko" ? message.ko : message.en)\n );\n $("#messages").append("<br\/>")\n }\n\n curIndex = data.total;\n });\n}, 1000);\n\n$("#sendButton").click(function() {\n var message = {\n ko: "",\n en: "",\n sender: $("#senderId").val()\n }\n\n if (language == "ko") message.ko = $("#chatInput").val();\n else message.en = $("#chatInput").val();\n\n console.log(message);\n\n $.ajax({\n url: "http:\/\/localhost:3000\/send",\n method: "POST",\n data: JSON.stringify(message),\n dataType: "json",\n contentType: "application\/json"\n }).done(function() {\n console.log("POST done");\n $("#chatInput").val("");\n });\n});\n\n$("#selectBox").change(function() {\n language = $("#selectBox").val();\n console.log(language);\n $("messages").html("");\n curIndex = 0;\n});\n<\/pre><\/div>\n\n\n