{"id":24453,"date":"2024-09-30T01:24:59","date_gmt":"2024-09-30T01:24:59","guid":{"rendered":"https:\/\/wordpress.pandassi.com\/hellopanda\/?p=24453"},"modified":"2024-09-30T01:25:14","modified_gmt":"2024-09-30T01:25:14","slug":"%eb%b2%84%ed%8a%bc-%ec%8a%a4%ed%83%80%ec%9d%bc-%ec%a0%81%ec%9a%a9%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/wordpress.pandassi.com\/hellopanda\/%eb%b2%84%ed%8a%bc-%ec%8a%a4%ed%83%80%ec%9d%bc-%ec%a0%81%ec%9a%a9%ed%95%98%ea%b8%b0\/","title":{"rendered":"\ubc84\ud2bc \uc2a4\ud0c0\uc77c \uc801\uc6a9\ud558\uae30"},"content":{"rendered":"\n
\n
\n
\ndone<\/span>\n\n\n\n
<\/div><\/div>\n<\/div>\n\n\n\n
\ndone<\/span>\n\n\n\n
<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

\ubc84\ud2bc \uc0ac\uc804 \uc815\uc758 \uc2a4\ud0c0\uc77c<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
\n
    \n
  • \ubc84\ud2bc\uc740 \uc0ac\uc804 \uc815\uc758\ub41c 20\uac1c\uc758 \ubc84\ud2bc \uc2a4\ud0c0\uc77c<\/strong>\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
  • \uc0ac\uc804 \uc815\uc758\ub41c \uc2a4\ud0c0\uc77c\uc740 \uc2a4\ud0c0\uc77c\uc2dc\ud2b8\ub85c \uc815\uc758\ub418\uae30 \ub54c\ubb38\uc5d0 \uc801\uc6a9\ub41c \uc2a4\ud0c0\uc77c\uc744 \ucef4\ud3ec\ub10c\ud2b8\uc5d0\uc11c\ub294 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
  • \uac04\ub2e8\ud55c\uac8c \uc124\uc815\ud558\ub294 \uacbd\uc6b0\ub098, \uc6d0\ud558\ub294 \ubc84\ud2bc\uacfc \uc720\uc0ac\ud55c \ubc84\ud2bc \ub514\uc790\uc778\uc744 \uc120\ud0dd\ud574\uc11c \uc0c1\uc138\ud558\uac8c \uc124\uc815\ud558\uc138\uc694.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
    \n
    \n

    \ubc84\ud2bc \uae30\ubcf8 \uc2a4\ud0c0\uc77c \uc9c0\uc6d0<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n
      \n
    • \uc774 \uae30\ub2a5\uc740 \uc6cc\ub4dc\ud504\ub798\uc2a4\uc758 \uae30\ubcf8 \uae30\ub2a5<\/strong>\uc785\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
    • \ud14c\ub9c8\uac00 \uc815\uc758\ud558\ub294 \uc0c9\uc0c1, \ud3f0\ud2b8 \ud06c\uae30, \ud328\ub529, \ud14c\ub450\ub9ac, \ubc18\uc9c0\ub984 \ub4f1 \ub2e4\uc591\ud55c \uc124\uc815\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
    • \uc0ac\uc804 \uc815\uc758 \uc2a4\ud0c0\uc77c\uacfc \uc774 \uae30\ub2a5\uc744 \ud63c\ud569\ud574\uc11c \uc4f0\uc2dc\ub294\uac83\ub3c4 \uc88b\uc740 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \n

      \ubc84\ud2bc \ucd94\uac00 \uc2a4\ud0c0\uc77c \uc9c0\uc6d0<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      \n
      \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
      \n
        \n
      • \uc774 \uae30\ub2a5\uc740 Hellopanda <\/strong>\uc758 \ucd94\uac00 \ucef4\ud3ec\ub10c\ud2b8 \uc785\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
      • \ubc84\ud2bc \ud14d\uc2a4\ud2b8 \uc18d\uc131<\/strong>
        \uc774 \uae30\ub2a5\uc740 \uc904\ubc14\uafc8\uc744 \ubc29\uc9c0\ud558\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4. \uc77c\ubc18\uc801\uc73c\ub85c\ub294 \uc0ac\uc6a9\ud560\uc77c\uc774 \uc5c6\uc9c0\ub9cc, \ud14c\uc774\ube14\uc774\ub098 \uae30\ud0c0 \uc881\uc740 \ud3ed \ub0b4\ubd80\uc5d0 \ubc84\ud2bc\uc744 \uc0bd\uc785\ud560 \ub54c \ubc84\ud2bc\uc758 \ud14d\uc2a4\ud2b8\ub97c \ubcf4\ud638\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. css \ub85c\ub294 white-space: nowrap; \uc744 \uc124\uc815\ud558\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
      • \ubc84\ud2bc \ud638\ubc84 \uc774\ud399\ud2b8<\/strong>
        \ud638\ubc84 \ud14d\uc2a4\ud2b8 \ub450\uaed8<\/strong>
        \ubc84\ud2bc\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \uc2a4\ud0c0\uc77c\uc744 \uc815\uc758\ud558\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
      • \ud638\ubc84 \ud14d\uc2a4\ud2b8<\/strong>
        \ubc84\ud2bc\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub838\uc744 \ub54c \ud14d\uc2a4\ud2b8\uc758 \uc0c9\uc0c1\uc744 \uc815\uc758\ud558\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4. \ud14c\ub9c8\uc758 \uae30\ubcf8 \uc0c9\uc73c\ub85c\ub9cc \uc815\uc758\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
      • \ud638\ubc84 \ubc31\uadf8\ub77c\uc6b4\ub4dc<\/strong>
        \ubc84\ud2bc\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub838\uc744 \ub54c \ubc30\uacbd\uc758 \uc0c9\uc0c1\uc744 \uc815\uc758\ud558\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4. \ud14c\ub9c8\uc758 \uae30\ubcf8 \uc0c9\uc73c\ub85c\ub9cc \uc815\uc758\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
      • \ud638\ubc84 \ubcf4\ub354<\/strong>
        \ubc84\ud2bc\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub838\uc744 \ub54c \ud14c\ub450\ub9ac\uc758 \uc0c9\uc0c1\uc744 \uc815\uc758\ud558\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4. \ud14c\ub9c8\uc758 \uae30\ubcf8 \uc0c9\uc73c\ub85c\ub9cc \uc815\uc758\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.
        border \uc18d\uc131\uc758 \ud06c\uae30\uac00 1px \uc774\uc0c1\uc77c \ub54c\ub9cc \uc774 \uae30\ub2a5\uc774 \ub3d9\uc791\ud569\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
      • \ud638\ubc84 \ud544\ud130<\/strong>
        \ubc84\ud2bc\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub838\uc744 \ub54c css filter \ub97c \uc774\uc6a9\ud574\uc11c \ubc84\ud2bc\uc758 \uc2a4\ud0c0\uc77c\uc744 \uc815\uc758\ud558\ub294 \uae30\ub2a5\uc785\ub2c8\ub2e4.
        \uc774 \uae30\ub2a5\uc740 \ud544\uc694\uc5d0 \ub530\ub77c \uc0ac\uc6a9\ud558\uc2dc\uba74 \ub418\uaca0\uc9c0\ub9cc \uc120\ud638\ub418\ub294 \uae30\ub2a5\uc740 \uc544\ub2d9\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
      • \ud638\ubc84 \ud22c\uba85\ub3c4<\/strong>
        \ubc84\ud2bc\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub838\uc744 \ub54c \ubc84\ud2bc\uc758 \ud22c\uba85\ub3c4\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.
        \uac70\uc758 \uc0ac\uc6a9\ud560\uc77c\uc774 \uc5c6\uc9c0\ub9cc, cover \ub0b4\ubd80\uc758 \ubc84\ud2bc\uc5d0 \uc2a4\ud0c0\uc77c\uc744 \uc8fc\uae30 \uc5b4\ub824\uc6b4 \uacbd\uc6b0, \ud639\uc740 \uadf8 \uc678 \ud22c\uba85\ub3c4 \uc9c0\uc6d0\uc774 \ud544\uc694\ud55c \uacbd\uc6b0\uc5d0 \uc0ac\uc6a9\ud558\uc138\uc694.
        \ud22c\uba85\ub3c4\ub294 50% ~ 90%\ub9cc \uc9c0\uc6d0\ud569\ub2c8\ub2e4. ( \ud638\ubc84\uc2dc \uc0ac\ub77c\uc9c0\ub294 \ubc84\ud2bc\uc774 \ud544\uc694\ud560\ub9ac\uac00 \uc5c6\ub2e4\uace0 \ud310\ub2e8 )<\/span><\/li>\n\n\n\n
      • \ubc84\ud2bc \ud074\ub9ad \uc774\ubca4\ud2b8<\/strong>
        \ubc84\ud2bc\uc744 \ud074\ub9ad\ud588\uc744 \ub54c \uc2a4\ud0c0\uc77c\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.
        css\uc758 Active \ud6a8\uacfc\uc774\ubbc0\ub85c, \uc2a4\ud0c0\uc77c\uc744 \ubcc4\ub3c4\ub85c \uc815\uc758 \ud588\uc744 \ub54c \uc774 \uae30\ub2a5\uc774 \ubb34\uc2dc\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
        <\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
        \n
        \n

        \ubc84\ud2bc \ub0b4\ubd80 \uc544\uc774\ucf58 \uc801\uc6a9<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

        \n
        \n
        \n
        \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
        \n
          \n
        • \uc774 \uae30\ub2a5\uc740 Hellopanda <\/strong>\uc758 \ucd94\uac00 \ucef4\ud3ec\ub10c\ud2b8 \uc785\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
        • \uc774 \uae30\ub2a5\uc740 Google meterial font<\/strong> \uc640 \uc5f0\ub3d9\ub41c \uae30\ub2a5\uc785\ub2c8\ub2e4.
          ( \\wp-content\\plugins\\hellopanda-theme-expand\\src\\assets\\css\\block.scss ) \uc5d0 \uc815\uc758 \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.
          @import url(https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0);<\/mark>
          \ud2b9\uc815 \ubc84\uc804\uc744 \uc120\ud0dd\ud558\ub294\uac83\uc774 \uc544\ub2cc \ud56d\uc0c1 \ucd5c\uc2e0 \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 CDN \uc73c\ub85c \uc124\uc815\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.
          ( \uc0ac\uc6a9\ud574\ubcf4\ub2c8, \uadf8\ub0e5 CDN\uc774 \uc81c\uc77c \ud3b8\ud569\ub2c8\ub2e4. \ubc84\uc804 \uad00\ub9ac \ub108\ubb34 \uadc0\ucc2e\uc544\uc694 )<\/span><\/li>\n\n\n\n
        • \ud604\uc7ac\ub294 \uc2a4\ud0c0\uc77c\uc774 outlined \uae4c\uc9c0\ub9cc \uc9c0\uc6d0\ud558\ub294\ub370, \uc774 \uae30\ub2a5\uc744 \ud655\uc7a5\ud560 \uc218 \uc788\ub294 \uc124\uc815\uc744 \uac1c\ubc1c\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
        • \uc544\uc774\ucf58\uc740 Google Meterial Font<\/strong> \uc758 \ucf54\ub4dc\ub9cc \uc785\ub825\ud558\uba74 \uc544\uc774\ucf58\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
        • \ucd94\ucc9c \uc544\uc774\ucf58\uc740 \ub9d0\uadf8\ub300\ub85c “\ucd94\ucc9c” \uc544\uc774\ucf58\uc774\uace0, \ubaa8\ub4e0 Google Meterial Font<\/strong> \uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
        • \ub2e4\ub978 \uc544\uc774\ucf58 \ud3f0\ud2b8\ub3c4 \ub9ce\uc9c0\ub9cc \uad6c\uae00\uc774 \uac00\uc7a5 \uc548\uc815\uc801\uc774\uae30 \ub54c\ubb38\uc5d0 \uc120\ud0dd\ud588\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
          \n
          \n
          \n
          \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
          \n
            \n
          • \uc544\uc774\ucf58\uc744 \uc120\ud0dd\ud558\uba74 \uc544\uc774\ucf58\uc5d0 \ub300\ud55c \uc124\uc815\uc744 \ucd94\uac00\ub85c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
          • \uc544\uc774\ucf58 \uc815\ub82c<\/strong>
            \uc544\uc774\ucf58\uc744 \uc5b4\ub5a4 \uc704\uce58\uc5d0 \ub193\uc744\uc9c0 \uacb0\uc815\ud569\ub2c8\ub2e4.
            \uc644\uc804 \uc88c\uce21<\/strong> : float \uc18d\uc131\uc73c\ub85c \uc88c\uce21\uc5d0 \ubc30\uce58\ub429\ub2c8\ub2e4.
            \uc88c\uce21<\/strong> : inline \uc18d\uc131\uc73c\ub85c \uc88c\uce21\uc5d0 \ubc30\uce58 \ub429\ub2c8\ub2e4.
            \uc6b0\uce21<\/strong> : inline \uc18d\uc131\uc73c\ub85c \uc6b0\uce21\uc5d0 \ubc30\uce58 \ub429\ub2c8\ub2e4.
            \uc644\uc804 \uc6b0\uce21<\/strong> : flaot \uc18d\uc131\uc73c\ub85c \uc6b0\uce21\uc5d0 \ubc30\uce58 \ub429\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
          • \uc544\uc774\ucf58 \uc0ac\uc774\uc988<\/strong>
            \uc544\uc774\ucf58\uc758 \uc0ac\uc774\uc988\ub97c \uc815\uc758\ud569\ub2c8\ub2e4. \ud14c\ub9c8\uc5d0 \uc815\uc758\ub41c \ud06c\uae30 6\uac00\uc9c0\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.
            \ubbf8\uc138\ud55c \uc124\uc815\uc744 \uc704\ud55c \ucf54\ub4dc \uc5c5\ub370\uc774\ud2b8\uac00 \uc608\uc815\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n
          • \uc544\uc774\ucf58 \uc0ac\uc774 \uac04\uaca9<\/strong>
            \ubc84\ud2bc \ub0b4\ubd80 \ud14d\uc2a4\ud2b8\uc640 \uc544\uc774\ucf58 \uc0ac\uc774\uc758 \uac04\uaca9\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.
            \ud14c\ub9c8\uc5d0 \uc815\uc758\ub41c “\uacf5\uac04” \ud06c\uae30\uc758 5\uac00\uc9c0\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

            \uc774 \uba54\ub274\uc5bc\uc740 \ubc84\ud2bc \uc124\uc815\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc744 \uae30\uc220\ud569\ub2c8\ub2e4. done \uc2a4\ud0c0\uc77c \uc801\uc6a9, \uc544\uc774\ucf58 \uc801\uc6a9 \ub4f1 \ub2e4\uc591\ud55c \uc124\uc815\uc744 \uc548\ub0b4\ud569\ub2c8\ub2e4. \ubc84\ud2bc \uc0ac\uc804 \uc815\uc758 \uc2a4\ud0c0\uc77c \ubc84\ud2bc\uc740 \uc0ac\uc804 \uc815\uc758\ub41c 20\uac1c\uc758 \ubc84\ud2bc \uc2a4\ud0c0\uc77c\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc0ac\uc804 \uc815\uc758\ub41c \uc2a4\ud0c0\uc77c\uc740 \uc2a4\ud0c0\uc77c\uc2dc\ud2b8\ub85c \uc815\uc758\ub418\uae30 \ub54c\ubb38\uc5d0 \uc801\uc6a9\ub41c \uc2a4\ud0c0\uc77c\uc744 \ucef4\ud3ec\ub10c\ud2b8\uc5d0\uc11c\ub294 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac04\ub2e8\ud55c\uac8c \uc124\uc815\ud558\ub294 \uacbd\uc6b0\ub098, \uc6d0\ud558\ub294 \ubc84\ud2bc\uacfc \uc720\uc0ac\ud55c \ubc84\ud2bc \ub514\uc790\uc778\uc744 \uc120\ud0dd\ud574\uc11c \uc0c1\uc138\ud558\uac8c \uc124\uc815\ud558\uc138\uc694.<\/p>\n","protected":false},"author":1,"featured_media":23010,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,8],"tags":[],"class_list":["post-24453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide","category-guide-ko"],"_links":{"self":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/24453"}],"collection":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/comments?post=24453"}],"version-history":[{"count":28,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/24453\/revisions"}],"predecessor-version":[{"id":24486,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/24453\/revisions\/24486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media\/23010"}],"wp:attachment":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media?parent=24453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/categories?post=24453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/tags?post=24453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}