{"id":188,"date":"2026-05-05T08:18:36","date_gmt":"2026-05-05T08:18:36","guid":{"rendered":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/?p=188"},"modified":"2026-05-07T07:29:44","modified_gmt":"2026-05-07T07:29:44","slug":"188","status":"publish","type":"post","link":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/2026\/05\/05\/188\/","title":{"rendered":"9\uc8fc\ucc28 \uc8fc\uac04\ubcf4\uace0\uc11c"},"content":{"rendered":"\n

9\uc8fc\ucc28 \uc8fc\uac04\ubcf4\uace0\uc11c<\/p>\n\n\n\n

1. \uac1c\uc694 (Objective)<\/h3>\n\n\n\n

\ubcf8 \uc8fc\ucc28\uc5d0\ub294 AonBot \ud504\ub85c\uc81d\ud2b8\uc758 \uc2dc\uac01\uc801 \uc77c\uad00\uc131\uc744 \ud655\ubcf4\ud558\uace0, \uc0ac\uc6a9\uc790 \uacbd\ud5d8(UX)\uc744 \uadf9\ub300\ud654\ud558\uae30 \uc704\ud55c <\/p>\n\n\n\n

[Design System]<\/strong> \uaddc\uaca9\uc744 \uba85\ubb38\ud654\ud568. \ub2e8\uc21c\ud55c \uc2ec\ubbf8\uc801 \uc694\uc18c\ub97c \ub118\uc5b4, \ub370\uc774\ud130\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc774\uace0 \ud50c\ub7ab\ud3fc(Discord, Web, Blog) \uac04 \ud1b5\uc77c\ub41c \ube0c\ub79c\ub4dc \uc544\uc774\ub374\ud2f0\ud2f0\ub97c \uad6c\ucd95\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud568.<\/p>\n\n\n\n

2. \uc8fc\uc694 \uc218\ud589 \ub0b4\uc6a9 (Task Accomplishments)<\/h3>\n\n\n\n

\uac00. \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \uc0ac\uc591 (Design System Specification)<\/h4>\n\n\n\n

\uc544\uc774\uc6282\uc758 \ub2e4\ud06c\ud55c \ubd84\uc704\uae30\uc640 \ud504\ub85c\uc81d\ud2b8\uc758 \uc804\ubb38\uc131\uc744 \uacb0\ud569\ud55c \uace0\uc720 \uceec\ub7ec \ud314\ub808\ud2b8\ub97c \uc815\uc758\ud568.<\/p>\n\n\n\n

    \n
  • Primary Background (Deep Black: #121212):<\/strong> \uc7a5\uc2dc\uac04 \uc774\uc6a9 \uc2dc \ub208\uc758 \ud53c\ub85c\ub3c4\ub97c \ub0ae\ucd94\uace0 \ud14d\uc2a4\ud2b8\uc758 \uba85\ub3c4 \ub300\ube44\ub97c \uadf9\ub300\ud654\ud568.<\/li>\n\n\n\n
  • Point Color (Burgundy: #D32F2F)<\/strong>: \uc5f4\uc815\uacfc \uacbd\uc7c1\uc744 \uc0c1\uc9d5\ud558\ub294 \ubc84\uac74\ub514 \uceec\ub7ec\ub97c \uac15\uc870 \uc694\uc18c(\ubc84\ud2bc, \ud14c\ub450\ub9ac, \uc54c\ub9bc \uac15\uc870)\uc5d0 \uc801\uc6a9\ud558\uc5ec \uc2dc\uc120 \uc9d1\uc911 \uc720\ub3c4.<\/li>\n\n\n\n
  • Sub Background (Dark Gray: #1E1E1E):<\/strong> \uce74\ub4dc \ub808\uc774\uc544\uc6c3 \ubc0f \uc139\uc158 \uad6c\ubd84\uc5d0 \uc0ac\uc6a9\ud558\uc5ec \ud654\uba74\uc758 \uc785\uccb4\uac10 \ubd80\uc5ec.<\/li>\n\n\n\n
  • Typography:<\/strong> \uba54\uc778 \ud14d\uc2a4\ud2b8\ub294 Pure White(#FFFFFF)<\/strong>\ub97c, \ubd80\uc5f0 \uc124\uba85\uc740 Light Gray(#A0A0A0)\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc815\ubcf4\uc758 \uacc4\uce35 \uad6c\uc870(Hierarchy)\ub97c \ud655\ub9bd\ud568.<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    \ub098. \uae30\uc220\uc801 UI \uad6c\ud604: EJS(Embedded JavaScript) \uc5d4\uc9c4 \ud65c\uc6a9<\/h4>\n\n\n\n

    CLAUDE.md<\/mark> \uc544\ud0a4\ud14d\ucc98\uc5d0 \uba85\uc2dc\ub41c \uc6f9 \ub300\uc2dc\ubcf4\ub4dc(views\/)\ub97c \uad6c\ud604\ud558\uae30 \uc704\ud574 EJS<\/strong> \ud15c\ud50c\ub9bf \uc5d4\uc9c4\uc744 \ub3c4\uc785\ud568.<\/p>\n\n\n\n

      \n
    • EJS\uc758 \uc5ed\ud560:<\/strong> HTML \uad6c\uc870 \ub0b4\uc5d0 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub85c\uc9c1\uc744 \uc9c1\uc811 \uc0bd\uc785\ud560 \uc218 \uc788\ub294 \ud15c\ud50c\ub9bf \uc5d4\uc9c4\uc73c\ub85c, \uc11c\ubc84(Node.js)\uc5d0\uc11c \ucc98\ub9ac\ub41c \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ub97c \uc0ac\uc6a9\uc790 \ud654\uba74\uc5d0 \ub3d9\uc801\uc73c\ub85c \ub80c\ub354\ub9c1\ud568.<\/li>\n\n\n\n
    • \uc801\uc6a9 \uc0ac\ub840:<\/strong>\n
        \n
      • dashboard.ejs<\/mark>: \ubd07\uc758 \uc5c5\ud0c0\uc784, \ud551(Ping), \uc11c\ubc84 \uac00\ub3d9 \uc0c1\ud0dc\ub97c \uc2e4\uc2dc\uac04 \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \ud1b5\ud574 \ud45c\uc2dc.<\/li>\n\n\n\n
      • bosses.ejs<\/mark>: MongoDB\uc5d0\uc11c \uac00\uc838\uc628 \ubcf4\uc2a4 \uc820 \ub370\uc774\ud130\ub97c \ub8e8\ud504(Loop) \ubb38\uc744 \ud1b5\ud574 \ub9ac\uc2a4\ud2b8 \ud615\ud0dc\ub85c \ucd9c\ub825.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • \uc7a5\uc810:<\/strong> \uc11c\ubc84 \uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1(SSR) \ubc29\uc2dd\uc744 \ucc44\ud0dd\ud558\uc5ec \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uc5f0\uc0b0 \ubd80\ub2f4\uc744 \uc904\uc774\uace0 \ucd08\uae30 \ub85c\ub529 \uc18d\ub3c4\ub97c \uac1c\uc120\ud568.<\/li>\n<\/ul>\n\n\n\n

        \ub2e4. \uc778\ud130\ud398\uc774\uc2a4 \uc124\uacc4 \uc6d0\uce59 (UX Principles)<\/h4>\n\n\n\n
          \n
        • \uac00\uc6a9 \uc601\uc5ed \uadf9\ub300\ud654:<\/strong> 7\uc8fc\ucc28 \ud2b8\ub7ec\ube14\uc288\ud305\uc744 \ud1b5\ud574 \ubc18\uc601\ub41c ‘Full Card Clickable’ UI\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\uc758 \uc870\uc791 \ud3b8\uc758\uc131 \uc99d\ub300.<\/li>\n\n\n\n
        • \uc2e4\uc2dc\uac04 \ud53c\ub4dc\ubc31:<\/strong> \uc6f9 \ub300\uc2dc\ubcf4\ub4dc\uc640 \ub514\uc2a4\ucf54\ub4dc \uac04\uc758 \ub514\uc790\uc778 \uc77c\uad00\uc131\uc744 \uc720\uc9c0\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \ud50c\ub7ab\ud3fc\uc744 \uc774\ub3d9\ud558\ub354\ub77c\ub3c4 \ub3d9\uc77c\ud55c \uc11c\ube44\uc2a4 \uacbd\ud5d8\uc744 \uc720\uc9c0\ud558\ub3c4\ub85d \uc124\uacc4.<\/li>\n<\/ul>\n\n\n\n

          3. \uae30\uc220\uc801 \uc131\uacfc (Technical Achievements)<\/h3>\n\n\n\n
            \n
          • \ube0c\ub79c\ub4dc \uac00\uc774\ub4dc\ub77c\uc778 \uc218\ub9bd:<\/strong> \ud504\ub85c\uc81d\ud2b8 \uc804\ubc18\uc5d0 \uc801\uc6a9\ub418\ub294 \uc2dc\uac01\uc801 \uc5b8\uc5b4\ub97c \uaddc\uaca9\ud654\ud558\uc5ec \ud5a5\ud6c4 \uc720\uc9c0\ubcf4\uc218 \ubc0f \uae30\ub2a5 \ud655\uc7a5 \uc2dc \ub514\uc790\uc778 \uc77c\uad00\uc131 \uc720\uc9c0 \uac00\ub2a5.<\/li>\n\n\n\n
          • \ub3d9\uc801 UI \uad6c\ud604 \uc5ed\ub7c9:<\/strong> \ud15c\ud50c\ub9bf \uc5d4\uc9c4(EJS)\uc744 \ud65c\uc6a9\ud558\uc5ec \uc815\uc801 \uc6f9\ud398\uc774\uc9c0\uc758 \ud55c\uacc4\ub97c \uadf9\ubcf5\ud558\uace0, \uc2e4\uc2dc\uac04 \ub370\uc774\ud130 \uae30\ubc18\uc758 \uc778\ud130\ub799\ud2f0\ube0c \uc6f9 \ub300\uc2dc\ubcf4\ub4dc \uad6c\ucd95 \ub2a5\ub825\uc744 \uc785\uc99d\ud568.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

            9\uc8fc\ucc28 \uc8fc\uac04\ubcf4\uace0\uc11c 1. \uac1c\uc694 (Objective) \ubcf8 \uc8fc\ucc28\uc5d0\ub294 AonBot \ud504\ub85c\uc81d\ud2b8\uc758 \uc2dc\uac01\uc801 \uc77c\uad00\uc131\uc744 \ud655\ubcf4\ud558\uace0, \uc0ac\uc6a9\uc790 \uacbd\ud5d8(UX)\uc744 \uadf9\ub300\ud654\ud558\uae30 \uc704\ud55c [Design System] \uaddc\uaca9\uc744 \uba85\ubb38\ud654\ud568. \ub2e8\uc21c\ud55c \uc2ec\ubbf8\uc801 \uc694\uc18c\ub97c \ub118\uc5b4, \ub370\uc774\ud130\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc774\uace0 \ud50c\ub7ab\ud3fc(Discord, Web, Blog) \uac04 \ud1b5\uc77c\ub41c \ube0c\ub79c\ub4dc \uc544\uc774\ub374\ud2f0\ud2f0\ub97c \uad6c\ucd95\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud568. 2. \uc8fc\uc694 \uc218\ud589 \ub0b4\uc6a9 (Task Accomplishments) \uac00. \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \uc0ac\uc591 (Design System Specification) \uc544\uc774\uc6282\uc758 \ub2e4\ud06c\ud55c \ubd84\uc704\uae30\uc640 \ud504\ub85c\uc81d\ud2b8\uc758 […]<\/p>\n","protected":false},"author":62,"featured_media":237,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-188","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"blocksy_meta":[],"jetpack_featured_media_url":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-content\/uploads\/sites\/90\/2026\/04\/Gemini_Generated_Image_pjyx9xpjyx9xpjyx-scaled.png","_links":{"self":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/posts\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":3,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/posts\/188\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/posts\/188\/revisions\/238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/media\/237"}],"wp:attachment":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/media?parent=188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/categories?post=188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202251012\/wp-json\/wp\/v2\/tags?post=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}