{"id":134,"date":"2025-12-10T04:49:17","date_gmt":"2025-12-10T04:49:17","guid":{"rendered":"https:\/\/hyc.eshachem.com\/program\/?p=134"},"modified":"2025-12-23T14:23:12","modified_gmt":"2025-12-23T14:23:12","slug":"114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c","status":"publish","type":"post","link":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/","title":{"rendered":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74\">https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PDF\u6a94:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/1drv.ms\/b\/c\/0e67d00a66e34af6\/IQCqui8cEEF1TaIjZBEppTSdAeuD74x1t--RkU3G9T4qXjo?e=6RMFT5\">fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">\u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products<\/li>\n\n\n\n<li class=\"\">\u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/Chen11111112\/frontEndTest.git\">https:\/\/github.com\/Chen11111112\/frontEndTest.git<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\"><\/ol>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"%e6%aa%94%e6%a1%88%e8%a6%8f%e5%8a%83\">\u6a94\u6848\u898f\u5283<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">\u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">pages\/index.tsx<\/li>\n\n\n\n<li class=\"\">components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df)<\/li>\n\n\n\n<li class=\"\">components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df)<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"%e5%8a%a0%e5%88%86%e9%a0%85\">\u52a0\u5206\u9805<\/h1>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002<\/p>\n<\/blockquote>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"\">\u8996\u60c5\u6cc1\u52a0\u4e0a&lt;p&gt;\u8f09\u5165\u5546\u54c1\u4e2d\u2026&lt;\/p&gt;\u7b49loading\u63d0\u793a<\/li>\n\n\n\n<li class=\"\">\u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002<\/li>\n\n\n\n<li class=\"\">SCSS \u7f8e\u89c0<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%e8%a8%bb%e8%a7%a3\">\u8a3b\u89e3<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">\u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002<\/li>\n\n\n\n<li class=\"\">\u53ef\u4f7f\u7528GPT\u3002<\/li>\n\n\n\n<li class=\"\">\u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002<\/li>\n\n\n\n<li class=\"\">\u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002<\/li>\n\n\n\n<li class=\"\">\u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002\n<ul class=\"wp-block-list\">\n<li class=\"\">\u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"599\" src=\"https:\/\/i0.wp.com\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image.png?fit=720%2C599&amp;ssl=1\" alt=\"\" class=\"wp-image-199\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image.png 720w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-300x250.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"782\" height=\"392\" src=\"https:\/\/i0.wp.com\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-2.png?fit=782%2C392&amp;ssl=1\" alt=\"\" class=\"wp-image-201\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-2.png 782w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-2-300x150.png 300w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-2-768x385.png 768w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"554\" src=\"https:\/\/i0.wp.com\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-3.png?fit=766%2C554&amp;ssl=1\" alt=\"\" class=\"wp-image-202\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-3.png 766w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-3-300x217.png 300w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"551\" src=\"https:\/\/i0.wp.com\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-4.png?fit=768%2C551&amp;ssl=1\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-4.png 768w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-4-300x215.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"707\" height=\"440\" src=\"https:\/\/i0.wp.com\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-5.png?fit=707%2C440&amp;ssl=1\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-5.png 707w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image-5-300x187.png 300w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8a3b\u89e3<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-134","post","type-post","status-publish","format-standard","hentry","category-front-end"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products \u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 pages\/index.tsx components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df) components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df) \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8996\u60c5\u6cc1\u52a0\u4e0a\u8f09\u5165\u5546\u54c1\u4e2d...\u7b49loading\u63d0\u793a \u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002 SCSS \u7f8e\u89c0 \u8a3b\u89e3 \u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002 \u53ef\u4f7f\u7528GPT\u3002 \u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002 \u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002 \u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002 \u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"H.Y. Chen\"\/>\n\t<meta name=\"google-site-verification\" content=\"-324YR5tomynX5FeTW2lTMHIX0KmPBvpxjXpOhXwi1Q\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"HyC Wiki - Technical articles\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c - HyC Wiki\" \/>\n\t\t<meta property=\"og:description\" content=\"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products \u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 pages\/index.tsx components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df) components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df) \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8996\u60c5\u6cc1\u52a0\u4e0a\u8f09\u5165\u5546\u54c1\u4e2d...\u7b49loading\u63d0\u793a \u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002 SCSS \u7f8e\u89c0 \u8a3b\u89e3 \u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002 \u53ef\u4f7f\u7528GPT\u3002 \u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002 \u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002 \u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002 \u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"64\" \/>\n\t\t<meta property=\"og:image:height\" content=\"64\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-10T04:49:17+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-12-23T14:23:12+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c - HyC Wiki\" \/>\n\t\t<meta name=\"twitter:description\" content=\"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products \u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 pages\/index.tsx components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df) components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df) \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8996\u60c5\u6cc1\u52a0\u4e0a\u8f09\u5165\u5546\u54c1\u4e2d...\u7b49loading\u63d0\u793a \u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002 SCSS \u7f8e\u89c0 \u8a3b\u89e3 \u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002 \u53ef\u4f7f\u7528GPT\u3002 \u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002 \u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002 \u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002 \u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#blogposting\",\"name\":\"114-BIRC\\u524d\\u7aef\\u96c6\\u8a13\\u8003\\u6838\\u8a66\\u984c - HyC Wiki\",\"headline\":\"114-BIRC\\u524d\\u7aef\\u96c6\\u8a13\\u8003\\u6838\\u8a66\\u984c\",\"author\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hyc.eshachem.com\\\/program\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/image.png?fit=720%2C599&amp;ssl=1\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#articleImage\"},\"datePublished\":\"2025-12-10T04:49:17+00:00\",\"dateModified\":\"2025-12-23T14:23:12+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#webpage\"},\"articleSection\":\"Front-End\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/#listItem\",\"name\":\"Front-End\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/#listItem\",\"position\":2,\"name\":\"Front-End\",\"item\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#listItem\",\"name\":\"114-BIRC\\u524d\\u7aef\\u96c6\\u8a13\\u8003\\u6838\\u8a66\\u984c\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#listItem\",\"position\":3,\"name\":\"114-BIRC\\u524d\\u7aef\\u96c6\\u8a13\\u8003\\u6838\\u8a66\\u984c\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/#listItem\",\"name\":\"Front-End\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#person\",\"name\":\"H.Y. Chen\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"H.Y. Chen\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\",\"url\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/\",\"name\":\"H.Y. Chen\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"H.Y. Chen\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#webpage\",\"url\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/\",\"name\":\"114-BIRC\\u524d\\u7aef\\u96c6\\u8a13\\u8003\\u6838\\u8a66\\u984c - HyC Wiki\",\"description\":\"https:\\\/\\\/eminent-glider-8c3.notion.site\\\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\\u524d\\u7aef\\u96c6\\u8a13\\u8003\\u6838\\u8a66\\u984c.pdf \\u5f8c\\u7aef: https:\\\/\\\/frontend-practice.ntubimdbirc.tw\\\/practice\\\/api\\\/products \\u7bc4\\u4f8bdemo: https:\\\/\\\/hyc.eshachem.com\\\/test \\u5df2\\u5b8c\\u62102\\\/3\\u7684\\u7a0b\\u5f0f\\u78bc: https:\\\/\\\/github.com\\\/Chen11111112\\\/frontEndTest.git \\u6a94\\u6848\\u898f\\u5283 \\u5206\\u6210\\u4e09\\u500b\\u4e3b\\u8981\\u6a94\\u6848 pages\\\/index.tsx components\\\/ProductList.tsx (\\u5546\\u54c1\\u5217\\u8868 \\u5340\\u57df) components\\\/ShoppingCart.tsx (\\u8cfc\\u7269\\u8eca \\u5340\\u57df) \\u52a0\\u5206\\u9805 \\u975e\\u5fc5\\u8981\\uff0c\\u6642\\u9593\\u5141\\u8a31\\u518d\\u5beb\\u3002 \\u8996\\u60c5\\u6cc1\\u52a0\\u4e0a\\u8f09\\u5165\\u5546\\u54c1\\u4e2d...\\u7b49loading\\u63d0\\u793a \\u4e0a\\u65b9\\u7d05\\u8272\\u7684\\u932f\\u8aa4\\u63d0\\u793a\\u3002\\u5982\\u679c\\u5f8c\\u7aef\\u6709\\u56de\\u50b3\\u932f\\u8aa4\\u6703\\u986f\\u793a\\u5728\\u4e0a\\u65b9\\u3002 SCSS \\u7f8e\\u89c0 \\u8a3b\\u89e3 \\u53ef\\u4ee5\\u53c3\\u8003\\u4e4b\\u524d\\u5beb\\u7684\\u6a94\\u6848\\u3002 \\u53ef\\u4f7f\\u7528GPT\\u3002 \\u7528\\u7814\\u8a0e\\u4e8c\\u7684\\u684c\\u6a5f\\u8003\\u8a66\\u3002 \\u8003\\u5b8c\\u4e0d\\u7528\\u95dc\\u9589\\u9ede\\u8166\\uff0c\\u87a2\\u5e55\\u958b\\u8457\\u5373\\u53ef\\u96e2\\u5834\\u3002 \\u53ef\\u4ee5\\u8209\\u624b\\u554f\\u6211\\u554f\\u984c\\uff0c\\u975e\\u6280\\u8853\\u6027\\u554f\\u984c(ESlint)\\u6211\\u6703\\u56de\\u7b54\\u3002 \\u6280\\u8853\\u6027\\u554f\\u984c\\u70ba: TS\\u932f\\u8aa4\\uff0c\\u908f\\u8f2f\\u932f\\u8aa4\\uff0cReact\\u8a9e\\u6cd5\\u932f\\u8aa4\\u3002\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\"},\"datePublished\":\"2025-12-10T04:49:17+00:00\",\"dateModified\":\"2025-12-23T14:23:12+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#website\",\"url\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/\",\"name\":\"HyC Wiki\",\"description\":\"Technical articles\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c - HyC Wiki","description":"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products \u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 pages\/index.tsx components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df) components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df) \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8996\u60c5\u6cc1\u52a0\u4e0a\u8f09\u5165\u5546\u54c1\u4e2d...\u7b49loading\u63d0\u793a \u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002 SCSS \u7f8e\u89c0 \u8a3b\u89e3 \u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002 \u53ef\u4f7f\u7528GPT\u3002 \u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002 \u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002 \u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002 \u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002","canonical_url":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"-324YR5tomynX5FeTW2lTMHIX0KmPBvpxjXpOhXwi1Q","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#blogposting","name":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c - HyC Wiki","headline":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c","author":{"@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author"},"publisher":{"@id":"https:\/\/hyc.eshachem.com\/program\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/hyc.eshachem.com\/program\/wp-content\/uploads\/2025\/12\/image.png?fit=720%2C599&amp;ssl=1","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#articleImage"},"datePublished":"2025-12-10T04:49:17+00:00","dateModified":"2025-12-23T14:23:12+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#webpage"},"isPartOf":{"@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#webpage"},"articleSection":"Front-End"},{"@type":"BreadcrumbList","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program#listItem","position":1,"name":"Home","item":"https:\/\/hyc.eshachem.com\/program","nextItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/#listItem","name":"Front-End"}},{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/#listItem","position":2,"name":"Front-End","item":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/","nextItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#listItem","name":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c"},"previousItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#listItem","position":3,"name":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c","previousItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/#listItem","name":"Front-End"}}]},{"@type":"Person","@id":"https:\/\/hyc.eshachem.com\/program\/#person","name":"H.Y. Chen","image":{"@type":"ImageObject","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g","width":96,"height":96,"caption":"H.Y. Chen"}},{"@type":"Person","@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author","url":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/","name":"H.Y. Chen","image":{"@type":"ImageObject","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g","width":96,"height":96,"caption":"H.Y. Chen"}},{"@type":"WebPage","@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#webpage","url":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/","name":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c - HyC Wiki","description":"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products \u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 pages\/index.tsx components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df) components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df) \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8996\u60c5\u6cc1\u52a0\u4e0a\u8f09\u5165\u5546\u54c1\u4e2d...\u7b49loading\u63d0\u793a \u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002 SCSS \u7f8e\u89c0 \u8a3b\u89e3 \u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002 \u53ef\u4f7f\u7528GPT\u3002 \u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002 \u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002 \u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002 \u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/hyc.eshachem.com\/program\/#website"},"breadcrumb":{"@id":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/#breadcrumblist"},"author":{"@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author"},"creator":{"@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author"},"datePublished":"2025-12-10T04:49:17+00:00","dateModified":"2025-12-23T14:23:12+00:00"},{"@type":"WebSite","@id":"https:\/\/hyc.eshachem.com\/program\/#website","url":"https:\/\/hyc.eshachem.com\/program\/","name":"HyC Wiki","description":"Technical articles","inLanguage":"en-US","publisher":{"@id":"https:\/\/hyc.eshachem.com\/program\/#person"}}]},"og:locale":"en_US","og:site_name":"HyC Wiki - Technical articles","og:type":"article","og:title":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c - HyC Wiki","og:description":"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products \u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 pages\/index.tsx components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df) components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df) \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8996\u60c5\u6cc1\u52a0\u4e0a\u8f09\u5165\u5546\u54c1\u4e2d...\u7b49loading\u63d0\u793a \u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002 SCSS \u7f8e\u89c0 \u8a3b\u89e3 \u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002 \u53ef\u4f7f\u7528GPT\u3002 \u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002 \u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002 \u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002 \u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002","og:url":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/","og:image":"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png","og:image:secure_url":"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png","og:image:width":64,"og:image:height":64,"article:published_time":"2025-12-10T04:49:17+00:00","article:modified_time":"2025-12-23T14:23:12+00:00","twitter:card":"summary_large_image","twitter:title":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c - HyC Wiki","twitter:description":"https:\/\/eminent-glider-8c3.notion.site\/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74 PDF\u6a94: fb914707-5bb0-42a2-94d6-0a012b43692f_\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c.pdf \u5f8c\u7aef: https:\/\/frontend-practice.ntubimdbirc.tw\/practice\/api\/products \u7bc4\u4f8bdemo: https:\/\/hyc.eshachem.com\/test \u5df2\u5b8c\u62102\/3\u7684\u7a0b\u5f0f\u78bc: https:\/\/github.com\/Chen11111112\/frontEndTest.git \u6a94\u6848\u898f\u5283 \u5206\u6210\u4e09\u500b\u4e3b\u8981\u6a94\u6848 pages\/index.tsx components\/ProductList.tsx (\u5546\u54c1\u5217\u8868 \u5340\u57df) components\/ShoppingCart.tsx (\u8cfc\u7269\u8eca \u5340\u57df) \u52a0\u5206\u9805 \u975e\u5fc5\u8981\uff0c\u6642\u9593\u5141\u8a31\u518d\u5beb\u3002 \u8996\u60c5\u6cc1\u52a0\u4e0a\u8f09\u5165\u5546\u54c1\u4e2d...\u7b49loading\u63d0\u793a \u4e0a\u65b9\u7d05\u8272\u7684\u932f\u8aa4\u63d0\u793a\u3002\u5982\u679c\u5f8c\u7aef\u6709\u56de\u50b3\u932f\u8aa4\u6703\u986f\u793a\u5728\u4e0a\u65b9\u3002 SCSS \u7f8e\u89c0 \u8a3b\u89e3 \u53ef\u4ee5\u53c3\u8003\u4e4b\u524d\u5beb\u7684\u6a94\u6848\u3002 \u53ef\u4f7f\u7528GPT\u3002 \u7528\u7814\u8a0e\u4e8c\u7684\u684c\u6a5f\u8003\u8a66\u3002 \u8003\u5b8c\u4e0d\u7528\u95dc\u9589\u9ede\u8166\uff0c\u87a2\u5e55\u958b\u8457\u5373\u53ef\u96e2\u5834\u3002 \u53ef\u4ee5\u8209\u624b\u554f\u6211\u554f\u984c\uff0c\u975e\u6280\u8853\u6027\u554f\u984c(ESlint)\u6211\u6703\u56de\u7b54\u3002 \u6280\u8853\u6027\u554f\u984c\u70ba: TS\u932f\u8aa4\uff0c\u908f\u8f2f\u932f\u8aa4\uff0cReact\u8a9e\u6cd5\u932f\u8aa4\u3002","twitter:image":"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png"},"aioseo_meta_data":{"post_id":"134","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-07-28 14:30:02","updated":"2026-07-28 14:30:02"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/hyc.eshachem.com\/program\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/\" title=\"Front-End\">Front-End<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/hyc.eshachem.com\/program"},{"label":"Front-End","link":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/"},{"label":"114-BIRC\u524d\u7aef\u96c6\u8a13\u8003\u6838\u8a66\u984c","link":"https:\/\/hyc.eshachem.com\/program\/114-birc%e5%89%8d%e7%ab%af%e9%9b%86%e8%a8%93%e8%80%83%e6%a0%b8%e8%a9%a6%e9%a1%8c\/"}],"views":34,"_links":{"self":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":5,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/134\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}