{"id":4187,"date":"2026-02-11T18:40:20","date_gmt":"2026-02-12T02:40:20","guid":{"rendered":"https:\/\/www.tiptinker.com\/easy-syntax-highlighter-wordpress-plugin\/"},"modified":"2026-02-24T06:26:24","modified_gmt":"2026-02-24T14:26:24","slug":"easy-syntax-highlighter-wordpress-plugin","status":"publish","type":"page","link":"https:\/\/www.tiptinker.com\/ko\/easy-syntax-highlighter-wordpress-plugin\/","title":{"rendered":"Easy Syntax Highlighter (\uc6cc\ub4dc\ud504\ub808\uc2a4 \ud50c\ub7ec\uadf8\uc778)"},"content":{"rendered":"

\ud604\ub300\uc801\uc774\uace0 \uac00\ubcbc\uc6b4 WordPress\uc6a9 \uad6c\ubb38 \uac15\uc870<\/a>.<\/strong><\/p>\n

\ucd5c\uc2e0 Highlight.js<\/strong> \uc5d4\uc9c4\uc73c\ub85c \uad6c\ub3d9\ub418\ub294 \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 \ucf54\ub4dc \uc2a4\ub2c8\ud3ab\uc744 \ud45c\uc2dc\ud558\ub294 \ube60\ub974\uace0 \uc815\ud655\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. 20\uac1c \uc774\uc0c1\uc758 \uc5b8\uc5b4\ub97c \uc9c0\uc6d0\ud558\uba70, 80\uac1c \uc774\uc0c1\uc758 \uc2dc\uac01\uc801 \ud14c\ub9c8\ub97c \ud3ec\ud568\ud558\uace0, Gutenberg\uc640 \ud074\ub798\uc2dd \uc5d0\ub514\ud130 \ubaa8\ub450\uc640 \uc6d0\ud65c\ud558\uac8c \ud1b5\ud569\ub429\ub2c8\ub2e4.<\/p>\n

\"easy-syntax-highlighter\"<\/p>\n

\u2728 \uc8fc\uc694 \uae30\ub2a5<\/h2>\n
    \n
  • \u26a1 \ubaa8\ub358 \uc5d4\uc9c4:<\/strong> \ucd5c\uc2e0 Highlight.js \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud558\uc5ec \uace0\uc131\ub2a5 \uad6c\ubb38 \uac15\uc870\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\n
  • 80\uac1c \uc774\uc0c1\uc758 \ud14c\ub9c8:<\/strong> \uad11\ubc94\uc704\ud55c \ub77c\uc774\ud2b8 \ubc0f \ub2e4\ud06c \ud14c\ub9c8 \ub77c\uc774\ube0c\ub7ec\ub9ac(Monokai, Dracula, VS Code, GitHub \ub4f1)\ub97c \ud3ec\ud568\ud558\uba70, \ubaa8\ub450 \uc624\ud504\ub77c\uc778 \ud638\ud658\uc131\uc744 \uc704\ud574 \ub85c\uceec\uc5d0 \uc800\uc7a5\ub429\ub2c8\ub2e4.<\/li>\n
  • \ufe0f \uc2dc\uac01\uc801 \uc778\ud130\ud398\uc774\uc2a4:<\/strong> \ud14c\ub9c8 \ubbf8\ub9ac\ubcf4\uae30\uc640 \uc120\ud0dd\uc774 \uc26c\uc6b4 \uae54\ub054\ud55c \uadf8\ub9ac\ub4dc \uae30\ubc18 \uad00\ub9ac\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uac16\ucd94\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
  • \uc5d0\ub514\ud130 \ud1b5\ud569:<\/strong><\/li>\n
  • \uad6c\ud150\ubca0\ub974\ud06c:<\/strong> WordPress \uae30\ubcf8 “\ucf54\ub4dc” \ube14\ub85d\uacfc \uc790\ub3d9\uc73c\ub85c \uc5f0\ub3d9\ub429\ub2c8\ub2e4.<\/li>\n
  • \ud074\ub798\uc2dd \uc5d0\ub514\ud130:<\/strong> \uc190\uc26c\uc6b4 \ucf54\ub4dc \uc0bd\uc785\uc744 \uc704\ud55c TinyMCE \ubc84\ud2bc\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
  • \uc2a4\ub9c8\ud2b8 \ubcf5\uc0ac:<\/strong> \uc0ac\uc6a9\uc790\ub294 \ub354\ube14\ud074\ub9ad<\/strong>\uc73c\ub85c \ucf54\ub4dc \ube14\ub85d\uc744 \uc989\uc2dc \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4(\uc9c0\uc5ed\ud654\ub41c \ud53c\ub4dc\ubc31 \uc81c\uacf5).<\/li>\n
  • \ud37c\ud3ec\uba3c\uc2a4 \uc6b0\uc120:<\/strong> \uc5d0\uc14b\uc740 \uc2a4\ub9c8\ud2b8 \ub85c\ub529\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc2a4\ud06c\ub9bd\ud2b8\uc640 \uc2a4\ud0c0\uc77c\uc740 \uc2e4\uc81c\ub85c \ucf54\ub4dc \ube14\ub85d\uc774 \uc788\ub294 \ud398\uc774\uc9c0\ub9cc \ub85c\ub4dc\ub429\ub2c8\ub2e4.<\/li>\n
  • \ubcf4\uc548 \ubc0f \uc811\uadfc\uc131:<\/strong> \uc801\uc808\ud55c \uc785\ub825 \uac80\uc99d, \ucd9c\ub825 \uc774\uc2a4\ucf00\uc774\ud551 \ubc0f \uc811\uadfc\uc131\uc744 \uc704\ud55c ARIA \ub77c\ubca8\ub85c \uad6c\ucd95\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n
    \n

    \uc694\uad6c\uc0ac\ud56d<\/h2>\n\n\n\n\n\n\n\n
    \uad6c\uc131 \uc694\uc18c<\/th>\n\ubc84\uc804<\/th>\n<\/tr>\n<\/thead>\n
    WordPress<\/strong><\/td>\n5.0+<\/td>\n<\/tr>\n
    PHP<\/strong><\/td>\n7.0+<\/td>\n<\/tr>\n
    MySQL<\/strong><\/td>\n5.6+<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \n

    \uc124\uce58 \ubc29\ubc95<\/h2>\n
      \n
    1. \ud50c\ub7ec\uadf8\uc778 \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc138\uc694.<\/li>\n
    2. FTP\ub97c \ud1b5\ud574 easy-syntax-highlighter<\/code> \ud3f4\ub354\ub97c \uc11c\ubc84\uc758 \/wp-content\/plugins\/<\/code> \uacbd\ub85c\uc5d0 \uc5c5\ub85c\ub4dc\ud558\uc138\uc694.<\/li>\n
    3. WordPress\uc5d0 \ub85c\uadf8\uc778\ud558\uace0 \ud50c\ub7ec\uadf8\uc778<\/strong>\uc73c\ub85c \uc774\ub3d9\ud558\uc138\uc694.<\/li>\n
    4. Easy Syntax Highlighter<\/strong>\ub97c \ucc3e\uc544 \ud65c\uc131\ud654<\/strong>\ub97c \ud074\ub9ad\ud558\uc138\uc694.<\/li>\n
    5. \uc124\uc815 \u2192 Syntax Highlighter<\/strong>\uc5d0\uc11c \ud658\uacbd\uc124\uc815\uc744 \uad6c\uc131\ud558\uc138\uc694.<\/li>\n<\/ol>\n
      \n

      \u2699\ufe0f \uad6c\uc131<\/h2>\n

      \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\uc790 \uc9c0\uc815\ud558\ub824\uba74 \uc124\uc815 \u2192 Syntax Highlighter<\/strong>\ub85c \uc774\ub3d9\ud558\uc138\uc694.<\/p>\n

      1. \ud14c\ub9c8 \uc120\ud0dd<\/h3>\n

      80\uac00\uc9c0 \uc774\uc0c1\uc758 \ub2e4\uc591\ud55c \uc0c9\uc0c1 \ud14c\ub9c8<\/strong> \uc911\uc5d0\uc11c \uc120\ud0dd\ud558\uc138\uc694. \uc124\uc815 \ud398\uc774\uc9c0\ub294 \uc2e4\uc2dc\uac04 \ubbf8\ub9ac\ubcf4\uae30\uac00 \ud3ec\ud568\ub41c \uc2dc\uac01\uc801 \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3\uc744 \uc81c\uacf5\ud558\uc5ec \uc800\uc7a5\ud558\uae30 \uc804\uc5d0 \ucf54\ub4dc\uac00 \uc5b4\ub5bb\uac8c \ud45c\uc2dc\ub420\uc9c0 \uc815\ud655\ud788 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

      2. \uc77c\ubc18 \uc124\uc815<\/h3>\n
        \n
      • \uc5b8\uc5b4 \uc9c0\uc6d0:<\/strong> \uc790\ub3d9 \uc5b8\uc5b4 \uac10\uc9c0\ub97c \ud65c\uc131\ud654\ud558\uac70\ub098 \ud2b9\uc815 \uc5b8\uc5b4\ub97c \uac15\uc81c\ub85c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\n
      • \ubcf5\uc0ac \uae30\ub2a5:<\/strong> “\ub354\ube14\ud074\ub9ad\uc73c\ub85c \ubcf5\uc0ac” \uae30\ub2a5\uc744 \ucf1c\uac70\ub098 \ub055\ub2c8\ub2e4 (\uae30\ubcf8\uc801\uc73c\ub85c \ud65c\uc131\ud654\ub428).<\/li>\n
      • \uc131\ub2a5:<\/strong> \uc790\uc0b0 \ub85c\ub529 \ubc0f \uce90\uc2f1 \ub3d9\uc791\uc744 \uad6c\uc131\ud558\uc5ec \uc0ac\uc774\ud2b8 \uc18d\ub3c4\ub97c \uc720\uc9c0\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n
        \n

        \uc0ac\uc6a9 \ubc29\ubc95<\/h2>\n

        \uad6c\ud150\ubca0\ub974\ud06c \ube14\ub85d \ud3b8\uc9d1\uae30\uc5d0\uc11c (\uad8c\uc7a5)<\/h3>\n

        \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 \uae30\ubcf8 WordPress \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n

          \n
        1. +<\/code> \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uace0 \ud45c\uc900 \ucf54\ub4dc<\/strong> \ube14\ub85d\uc744 \ucd94\uac00\ud558\uc138\uc694.<\/li>\n
        2. \ucf54\ub4dc \uc870\uac01\uc744 \ube14\ub85d\uc5d0 \ubd99\uc5ec\ub123\uc73c\uc138\uc694.<\/li>\n
        3. \uac8c\uc2dc\ud558\uc138\uc694!<\/strong> \ud50c\ub7ec\uadf8\uc778\uc774 \uc790\ub3d9\uc73c\ub85c \uc5b8\uc5b4\ub97c \uac10\uc9c0\ud558\uace0 \ud504\ub860\ud2b8\uc5d4\ub4dc\uc5d0\uc11c \uac15\uc870 \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n

          \uace0\uae09: \uc5b8\uc5b4 \uac15\uc81c \uc9c0\uc815<\/strong>
          \n\ud2b9\uc815 \ucf54\ub4dc \uc870\uac01\uc5d0 \ub300\ud574 \uc790\ub3d9 \uac10\uc9c0\uac00 \uc815\ud655\ud558\uc9c0 \uc54a\uc740 \uacbd\uc6b0, \uc218\ub3d9\uc73c\ub85c \uc5b8\uc5b4\ub97c \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n

            \n
          1. \ucf54\ub4dc \ube14\ub85d\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/li>\n
          2. \ud234\ubc14\uc758 \uc810 \uc138 \uac1c \uba54\ub274(\u22ee<\/strong>)\ub97c \ud074\ub9ad\ud558\uace0 HTML\ub85c \ud3b8\uc9d1<\/strong>\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/li>\n
          3. code \ud0dc\uadf8\uc5d0 \uc5b8\uc5b4 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4: <code class=\"language-python\"><\/code>.<\/li>\n
          4. \uc2dc\uac01\uc801\uc73c\ub85c \ud3b8\uc9d1<\/strong>\uc744 \uc120\ud0dd\ud558\uc5ec \ud45c\uc900 \ubcf4\uae30\ub85c \ub3cc\uc544\uac11\ub2c8\ub2e4.<\/li>\n<\/ol>\n

            \ud074\ub798\uc2dd \ud3b8\uc9d1\uae30\uc5d0\uc11c<\/h3>\n
              \n
            1. \ud3b8\uc9d1\uae30 \ud234\ubc14\uc5d0\uc11c \ucf54\ub4dc \uc544\uc774\ucf58<\/strong>(TinyMCE \ubc84\ud2bc)\uc744 \ucc3e\uc2b5\ub2c8\ub2e4.<\/li>\n
            2. \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \uc0bd\uc785 \ubaa8\ub2ec\uc744 \uc5fd\ub2c8\ub2e4.<\/li>\n
            3. \ucf54\ub4dc\ub97c \ubd99\uc5ec\ub123\uace0, \ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c \uc6d0\ud558\ub294 \uc5b8\uc5b4\ub97c \uc120\ud0dd\ud55c \ud6c4 \uc0bd\uc785<\/strong>\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n
              \n

              \ubb38\uc81c \ud574\uacb0<\/h2>\n

              \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uba74 \ub2e4\uc74c \ud574\uacb0 \ubc29\ubc95\uc744 \ud655\uc778\ud558\uc138\uc694:<\/p>\n\n\n\n\n\n\n\n\n
              \ubb38\uc81c<\/th>\n\uac00\ub2a5\ud55c \ud574\uacb0\ucc45<\/th>\n<\/tr>\n<\/thead>\n
              \ucf54\ub4dc \ud558\uc774\ub77c\uc774\ud2b8\uac00 \ub418\uc9c0 \uc54a\uc74c<\/strong><\/td>\n\uc62c\ubc14\ub978 \uad6c\ud150\ubca0\ub974\ud06c \ucf54\ub4dc \ube14\ub85d<\/strong>\uc744 \uc0ac\uc6a9\ud558\uace0 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \ucf54\ub4dc \uc870\uac01\uc774 <code><\/code> \ud0dc\uadf8\ub85c \uac10\uc2f8\uc838 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.<\/td>\n<\/tr>\n
              \ud14c\ub9c8\uac00 \ubcc0\uacbd\ub418\uc9c0 \uc54a\uc74c<\/strong><\/td>\n\ube0c\ub77c\uc6b0\uc800 \uce90\uc2dc(Ctrl+F5<\/strong>)\uc640 \ubaa8\ub4e0 WordPress \uce90\uc2f1 \ud50c\ub7ec\uadf8\uc778(\uc608: WP Rocket, Autoptimize)\uc744 \uc9c0\uc6b0\uc138\uc694.<\/td>\n<\/tr>\n
              \ubcf5\uc0ac\uac00 \uc791\ub3d9\ud558\uc9c0 \uc54a\uc74c<\/strong><\/td>\n\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c JavaScript\uac00 \ud65c\uc131\ud654\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \ucf54\ub4dc \ud14d\uc2a4\ud2b8\ub97c \uc9c1\uc811 \ub354\ube14 \ud074\ub9ad<\/strong>\ud558\uace0 \uc788\ub294\uc9c0 \ub2e4\uc2dc \ud55c \ubc88 \ud655\uc778\ud558\uc138\uc694.<\/td>\n<\/tr>\n
              \uc2a4\ud0c0\uc77c\uc774 \ub204\ub77d\ub428<\/strong><\/td>\n\ube0c\ub77c\uc6b0\uc800 \ucf58\uc194(F12)\uc5d0\uc11c .css<\/code> \ud30c\uc77c\uc5d0 \ub300\ud55c 404 \uc624\ub958\ub97c \ud655\uc778\ud558\uc138\uc694. \uc124\uc815\uc744 \ub2e4\uc2dc \uc800\uc7a5\ud558\uc5ec \uacbd\ub85c\ub97c \uc7ac\uc0dd\uc131\ud558\uc138\uc694.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
              \n

              \ub77c\uc774\uc120\uc2a4 & \uae30\uc5ec<\/h2>\n

              \ub77c\uc774\uc120\uc2a4<\/strong>
              \nGNU \uc77c\ubc18 \uacf5\uc911 \uc0ac\uc6a9 \ud5c8\uac00\uc11c v2.0 \uc774\uc0c1\uc5d0 \ub530\ub77c \ub77c\uc774\uc120\uc2a4\uac00 \ubd80\uc5ec\ub429\ub2c8\ub2e4.<\/p>\n

              \uae30\uc5ec\ud558\uae30<\/strong>
              \n\ucee4\ubba4\ub2c8\ud2f0\uc758 \uae30\uc5ec\ub97c \ud658\uc601\ud569\ub2c8\ub2e4!<\/p>\n

                \n
              1. \uc800\uc7a5\uc18c\ub97c \ud3ec\ud06c\ud558\uc138\uc694.<\/li>\n
              2. \uae30\ub2a5 \ube0c\ub79c\uce58\ub97c \ub9cc\ub4dc\uc138\uc694.<\/li>\n
              3. \ubcc0\uacbd \uc0ac\ud56d\uc5d0 \ub300\ud55c \uba85\ud655\ud55c \uc124\uba85\uacfc \ud568\uaed8 \ud480 \ub9ac\ud018\uc2a4\ud2b8\ub97c \uc81c\ucd9c\ud558\uc138\uc694.<\/li>\n<\/ol>\n
                \n

                WordPress \ucee4\ubba4\ub2c8\ud2f0\ub97c \uc704\ud55c \u2764\ufe0f\uc73c\ub85c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4<\/strong><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

                \ud604\ub300\uc801\uc774\uace0 \uac00\ubcbc\uc6b4 WordPress\uc6a9 \uad6c\ubb38 \uac15\uc870. \ucd5c\uc2e0 Highlight.js \uc5d4\uc9c4\uc73c\ub85c \uad6c\ub3d9\ub418\ub294 \uc774 \ud50c\ub7ec\uadf8\uc778\uc740 \ucf54\ub4dc \uc2a4\ub2c8\ud3ab\uc744 \ud45c\uc2dc\ud558\ub294 \ube60\ub974\uace0 \uc815\ud655\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. 20\uac1c \uc774\uc0c1\uc758 \uc5b8\uc5b4\ub97c \uc9c0\uc6d0\ud558\uba70, 80\uac1c \uc774\uc0c1\uc758 \uc2dc\uac01\uc801 \ud14c\ub9c8\ub97c \ud3ec\ud568\ud558\uace0, Gutenberg\uc640 \ud074\ub798\uc2dd \uc5d0\ub514\ud130 \ubaa8\ub450\uc640 \uc6d0\ud65c\ud558\uac8c \ud1b5\ud569\ub429\ub2c8\ub2e4. \u2728 \uc8fc\uc694 \uae30\ub2a5 \u26a1 \ubaa8\ub358 \uc5d4\uc9c4: \ucd5c\uc2e0 Highlight.js \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud558\uc5ec \uace0\uc131\ub2a5 \uad6c\ubb38 \uac15\uc870\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. 80\uac1c \uc774\uc0c1\uc758 \ud14c\ub9c8: \uad11\ubc94\uc704\ud55c \ub77c\uc774\ud2b8 \ubc0f \ub2e4\ud06c \ud14c\ub9c8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/fullwidth.php","meta":{"footnotes":""},"class_list":["post-4187","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tiptinker.com\/ko\/wp-json\/wp\/v2\/pages\/4187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tiptinker.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tiptinker.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tiptinker.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tiptinker.com\/ko\/wp-json\/wp\/v2\/comments?post=4187"}],"version-history":[{"count":0,"href":"https:\/\/www.tiptinker.com\/ko\/wp-json\/wp\/v2\/pages\/4187\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tiptinker.com\/ko\/wp-json\/wp\/v2\/media?parent=4187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}