https://eminent-glider-8c3.notion.site/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74
PDF檔:
fb914707-5bb0-42a2-94d6-0a012b43692f_前端集訓考核試題.pdf
- 後端: https://frontend-practice.ntubimdbirc.tw/practice/api/products
- 範例demo: https://hyc.eshachem.com/test
已完成2/3的程式碼:
https://github.com/Chen11111112/frontEndTest.git
檔案規劃
分成三個主要檔案
- pages/index.tsx
- components/ProductList.tsx (商品列表 區域)
- components/ShoppingCart.tsx (購物車 區域)
加分項
非必要,時間允許再寫。
- 視情況加上<p>載入商品中…</p>等loading提示
- 上方紅色的錯誤提示。如果後端有回傳錯誤會顯示在上方。
- SCSS 美觀
註解
- 可以參考之前寫的檔案。
- 可使用GPT。
- 用研討二的桌機考試。
- 考完不用關閉點腦,螢幕開著即可離場。
- 可以舉手問我問題,非技術性問題(ESlint)我會回答。
- 技術性問題為: TS錯誤,邏輯錯誤,React語法錯誤。




