Develop

api/index.js

@@ -11,4 +11,4 @@ module.exports = async (req, res) => {
     } catch(e){
         return res.send(e.message)
     }
-}
+}

src/cards/new-log.js

@@ -1,4 +1,4 @@
-const { koCheck } = require("../utils")
+const { koCheck, replaceAll } = require("../utils")
 
 const createCardTitle = (username, likes) => {
     const likeX = likes > 99 ?  365 : likes > 9 ? 370 : 380
@@ -34,8 +34,9 @@ const createCardBottom = ({tags}) => {
         <g data-testid="main-card-bottom" transform="translate(0, 40)">
             ${
                 tags.map((element) => {
-                    const text = element.replaceAll(' ','');
-                    const size=koCheck(text) ? text.length*12+20 : text.length*9+10;
+                    const text=replaceAll(element, ' ', '');
+                    const blakSize=element.length-text.length;
+                    const size=(koCheck(text) ? text.length*12+12 : text.length*9+5)+blakSize*2;
                     const pos=prev;
                     if(prev+size > 400) return;
                     else prev+=size+5;

src/utils/index.js

@@ -10,9 +10,13 @@ function koCheck(lang){
     var check = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;
     return check.test(lang)
 }
+function replaceAll(str, searchStr, replaceStr) {
+    return str.split(searchStr).join(replaceStr);
+}
+
 module.exports={
     request,
-    koCheck
-
+    koCheck,
+    replaceAll
 }