{"id":114,"date":"2026-06-26T13:32:39","date_gmt":"2026-06-26T13:32:39","guid":{"rendered":"https:\/\/aabbee.cafe24.com\/?p=114"},"modified":"2026-06-26T13:32:51","modified_gmt":"2026-06-26T13:32:51","slug":"%eb%b0%94%ec%9d%b4%eb%b8%8c%ec%bd%94%eb%94%a9","status":"publish","type":"post","link":"https:\/\/coalacoding.com\/?p=114","title":{"rendered":"\ubc14\uc774\ube0c\ucf54\ub529"},"content":{"rendered":"

1. \ud53c\uadf8\ub9c8(Figam Design)<\/h2>\n
    \n
  1. \ud53c\uadf8\ub9c8 \ub514\uc790\uc778 \ud30c\uc77c\uc744 Make\ub85c \uc804\uc1a1\ud55c\ub2e4.
    \n \"alt\"<\/li>\n<\/ol>\n

    2. \uba54\uc774\ud06c(Figam Make)<\/h2>\n
    \n

    AI \ud06c\ub808\ub527:
    \nstater \ud50c\ub79c\uc758 \uacbd\uc6b0 \ub9e4\ub2ec 500\ud06c\ub808\ub527 \uc0dd\uc131
    \n\uc77c\uc77c\ud55c\ub3c4 150 \ud06c\ub808\ub527
    \n\uc18c\uc9c4 \ube44\uc6a9\uc740 \ucf54\ub4dc\uc758 \ubcf5\uc7a1\ub3c4\uc5d0 \ub530\ub77c \ub2e4\ub984<\/p>\n<\/blockquote>\n

    2.1. \uc0dd\uc131\ud558\uae30<\/h3>\n

    Make\ubcf4\uae30<\/a><\/p>\n

      \n
    1. \ud53c\uadf8\ub9c8 \ub514\uc790\uc778 \ud30c\uc77c\uc758 \ud504\ub808\uc784\uc5d0\uc11c \uc6b0\ud074\ub9ad\ud558\uc5ec Make\ub85c \uc804\uc1a1 \uc120\ud0dd<\/li>\n
    2. \uc544\ub798\uc758 \ud504\ub86c\ud504\ud2b8 \uc785\ub825 \ud6c4 \uba54\uc2dc\uc9c0 \uc804\uc1a1<\/li>\n<\/ol>\n

      \"alt\"<\/p>\n

        \uc544\ub798 \uc694\uad6c\uc0ac\ud56d\uc5d0 \ub9de\uac8c \uad6c\ud604\ud574\n  [\uc694\uad6c\uc0ac\ud56d]\n  React\n  \uc21c\uc218\ud55c css \uc678\ubd80\ud30c\uc77c(tailwind css \uc4f0\uc9c0\ub9c8)\n  \uc21c\uc218\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8(typescript \uc4f0\uc9c0\ub9c8)\n<\/code><\/pre>\n
        \n
      1. \n
        \uc774\ud6c4 \uacb0\uacfc\ubb3c\uc5d0 \ub530\ub77c \ud504\ub86c\ud504\ud2b8 \uc218\uc815
        \n  \"alt\"<\/p>\n<\/li>\n
      2. \n
        \ucf54\ub4dc\ub2e4\uc6b4\ub85c\ub4dc
        \n\"alt\"<\/p>\n<\/li>\n<\/ol>\n
        2.2. \uae43\uc73c\ub85c \ud478\uc26c\ud558\uae30<\/h3>\n
          \n
        1. \uae43\ud5c8\ube0c\uc640 \uc5f0\ub3d9
          \n  \"alt\"
          \n  \"alt\"
          \n  \"alt\"
          \n  \"alt\"
          \n  \"alt\"<\/li>\n
        2. \ub514\uc790\uc778 \ud30c\uc77c\uc774 \uc788\ub294 \ud300 \ud504\ub85c\uc81d\ud2b8 \uc120\ud0dd
          \n  \"alt\"<\/li>\n
        3. \ub9ac\ud3ec\uc9c0\ud1a0\ub9ac \uc0dd\uc131
          \n  \"alt\"
          \n  \"alt\"<\/li>\n
        4. \uae43\uc5d0 \ud478\uc26c\ud558\uae30
          \n  \"alt\"<\/li>\n<\/ol>\n
          3. \uc218\uc815\ud558\uae30<\/h2>\n
          \uc644\ub8cc\ucf54\ub4dc\ubc1b\uae30<\/a><\/p>\n
            \n
          1. \uc555\ucd95\uc744 \ud480\uace0 \ud574\ub2f9 \ud3f4\ub354\ub97c vscode\uc5d0\uc11c \ub8e8\ud2b8\uacbd\ub85c \uc5f4\uae30<\/li>\n
          2. \ud130\ubbf8\ub110\uc5d0 npm i<\/code> \uc2e4\ud589
            \n\"alt\"<\/li>\n
          3. figma:asset \uc758 \uacbd\ub85c \ubcc0\uacbd<\/li>\n<\/ol>\n
             figma:asset\/ \ub85c \uc784\ud3ec\ud2b8\ub41c \ud30c\uc77c \uacbd\ub85c\ub97c \ubaa8\ub450 https:\/\/www.dummyimg.in\/placeholder \ub85c \ubc14\uafd4\n<\/code><\/pre>\n
               \"alt\"
            \n  4. \uad8c\ud55c\uc694\uccad\uc2dc \uc2b9\uc778\ud55c\ub2e4.
            \n   \"alt\"
            \n  5. \ubcc0\uacbd\uc644\ub8cc\ud6c4 \ud130\ubbf8\ub110 \ucc3d\uc5d0 \uc544\ub798 \uba85\ub839\uc5b4\ub97c \uc785\ub825\ud558\uc5ec \uacb0\uacfc\ub97c \ud655\uc778\ud55c\ub2e4
            \n     bash      npm run dev      <\/code>
            \n     \"alt\"
            \n     \"alt\"
            \n  6. \ucc44\ud305\ucc3d\uc5d0 \uc544\ub798\uc758 \ud504\ub86c\ud504\ud2b8 \uc785\ub825\ud558\uc5ec \uae30\uc220\uc2a4\ud0dd\uc744 \ubcc0\uacbd\ud55c\ub2e4
            \n    txt title="react \uac1c\ubc1c\uc2dc \ud504\ub86c\ud504\ud2b8"     \uc774 \ud504\ub85c\uc81d\ud2b8\uc758 \uae30\uc220\uc2a4\ud0dd\uc744 \ubcc0\uacbd\ud574     typescript -> javascript     tailwind css -> vanilla CSS     <\/code>
            \n    txt title="html \uac1c\ubc1c\uc2dc \ud504\ub86c\ud504\ud2b8"     \uc774 \ud504\ub85c\uc81d\ud2b8\uc758 \uae30\uc220\uc2a4\ud0dd\uc744 \ubcc0\uacbd\ud574     react -> html     typescript -> javascript     tailwind css -> vanilla CSS     <\/code><\/p>\n
              \n
            1. \uc624\ub958 \ubc1c\uc0dd\uc2dc \uba54\uc2dc\uc9c0\ub97c \ubcf5\uc0ac\ud558\uc5ec \uc218\uc815\uc694\uccad \ud55c\ub2e4.
              \ntxt title="\ud504\ub86c\ud504\ud2b8" build \ud14c\uc2a4\ud2b8 \ud558\uace0 \ub514\ubc84\uae45\ud574 <\/code><\/li>\n
            2. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \ubbf8\uc0ac\uc6a9\uc911\uc778 \uc758\uc874\uc131\uc744 \uc0ad\uc81c\ud55c\ub2e4.
              \ntxt title="\ud504\ub86c\ud504\ud2b8" \uc774 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ubd88\ud544\uc694\ud55c \uc758\uc874\uc131 \ud30c\uc77c\uacfc \ud3f4\ub354\ub97c \uc0ad\uc81c\ud574 <\/code><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
              1. \ud53c\uadf8\ub9c8(Figam Design) \ud53c\uadf8\ub9c8 \ub514\uc790\uc778 \ud30c\uc77c\uc744 Make\ub85c \uc804\uc1a1\ud55c\ub2e4. 2. \uba54\uc774\ud06c(Figam Make) AI \ud06c\ub808\ub527: stater \ud50c\ub79c\uc758 \uacbd\uc6b0 \ub9e4\ub2ec 500\ud06c\ub808\ub527 \uc0dd\uc131 \uc77c\uc77c\ud55c\ub3c4 150 \ud06c\ub808\ub527 \uc18c\uc9c4 \ube44\uc6a9\uc740 \ucf54\ub4dc\uc758 \ubcf5\uc7a1\ub3c4\uc5d0 \ub530\ub77c \ub2e4\ub984 2.1. \uc0dd\uc131\ud558\uae30 Make\ubcf4\uae30 \ud53c\uadf8\ub9c8 \ub514\uc790\uc778 \ud30c\uc77c\uc758 \ud504\ub808\uc784\uc5d0\uc11c \uc6b0\ud074\ub9ad\ud558\uc5ec Make\ub85c \uc804\uc1a1 \uc120\ud0dd \uc544\ub798\uc758 \ud504\ub86c\ud504\ud2b8 \uc785\ub825 \ud6c4 \uba54\uc2dc\uc9c0 \uc804\uc1a1 \uc544\ub798 \uc694\uad6c\uc0ac\ud56d\uc5d0 \ub9de\uac8c \uad6c\ud604\ud574 [\uc694\uad6c\uc0ac\ud56d] React \uc21c\uc218\ud55c css \uc678\ubd80\ud30c\uc77c(tailwind css … \ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-react-resume"],"_links":{"self":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":1,"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}