1121650
陳怡均
精誠資訊 數位保險應用服務處
💼 個人工作詳述
📈 技術學習與成長
💬 自我評估及心得感想
Section 01
個人工作詳述

工作職責

① 陽信銀行行動投保 Prototype 前端開發

此項工作的主要目的,是翻新既有的前端畫面,完整體現行動投保的業務流程,並著重於介面的現代化優化,以提升視覺清晰度與操作的直覺性,讓客戶能更直觀地確認系統流程。

工作內容:

  • 前端畫面排版調整與主畫面視覺設計
  • CSS 樣式檢查與校閱,確認各功能頁面在不同解析度下的呈現效果
  • 確保畫面皆能正常運作且不跑版
🎨 陽信銀行業務員文件 Prototype 設計
🎨 陽信銀行案件查詢 Prototype 設計

💡 Prototype 的價值不僅止於視覺畫面的產出,更在於細節中充分考量實際展示效果與使用者的操作情境。

② 遠銀保代壽險系統優化

參與既有系統的維護與功能調整,優化壽險進件作業的整體流程,橫跨前端與後端資料庫的雙向調整。

  • 前台:系統畫面更新與排版優化,提升使用者操作流暢度
  • 後台:依據調整需求進行資料庫欄位與資料邏輯的修改與維護
  • 確保進件資料的正確性與系統穩定度
💻 遠銀保代壽險系統畫面
Angular React CSS SQL Server

實習期間完成進度

一月 至 二月
Angular 框架學習
透過公司提供的影片教材邊看邊操作,認識 Angular 專案的程式結構,掌握如何控制網頁畫面的顯示、前端資料的撈取,以及按鈕點擊後的後續動作流程。
二月
SQL 資料庫語法熟悉
複習基礎查詢、條件設定、排序和資料表串聯,並學習部門因應業務所需的進階寫法。透過實際演練公司題庫,熟悉業界撈取資料庫數據的方式。
三月 至 四月
React 訓練 + 遠銀保代壽險系統優化
修完 React 基礎課程後,將所學投入遠銀保代壽險系統的改版,完成前端畫面調整與後端資料庫欄位的雙向修改。
四月 至 今
陽信銀行行動投保 Prototype
負責畫面調整、主畫面規劃,並全面檢查所有分頁的 CSS 設定,修正畫面異常及跑版問題,確保 Prototype 在展示流程時能清晰且正常呈現。

遇到的挑戰與解決方法

⚠️ 挑戰一:框架不熟悉

對新框架不熟悉,實作結果與教學影片不符,容易卡關。

解決: 使用 HackMD 系統化整理框架架構,在程式碼旁加上差異註解;先自行嘗試排查,再帶著測試紀錄向學長請教。

⚠️ 挑戰二:大量既有程式碼

需在龐大且複雜的既有程式碼中找到正確位置進行修改,操作繁瑣。

解決: 善用 AI 工具輔助解讀陌生程式碼邏輯,加速理解後再定位修改位置,大幅提升開發效率。

📝 HackMD 線上筆記畫面

工作中扮演的角色

🛡️ 協助者與把關者

從前端主畫面設計、排版調整、CSS 樣式細心除錯,到後端資料庫欄位的維護與修改,確實執行主管與團隊交辦的系統優化任務。

🔍 積極主動的學習者

遇到瓶頸時,先透過線上筆記和 AI 工具進行自我除錯與程式碼理解,在適當時機再與學長、同事請教溝通。

「踏實執行、注重畫面細節,且能靈活因應前後端調整需求的協作夥伴。」

Section 02
技術學習與成長

透過幾個月的實習與專案實作,在資訊管理與網頁開發的技術應用上,主要在以下四個方面有了比較明顯的進步:

01

前端框架思維與資料流動流程

從初期學習 Angular 的專案架構、資料撈取與事件流程,到進階理解 React 的資料傳遞與畫面更新機制,建立起整體的系統全貌。理解資料如何在前端、後端、資料庫三層之間流通、互相影響,進而提升了全端協同調整的實務能力。

AngularReactTypeScript
02

網頁視覺校正與 CSS 除錯實務

對網頁細節的敏感度有明顯提升。熟練使用 F12 開發者工具定位問題,深入理解 CSS 父階層與子階層之間的繼承關係及樣式覆蓋的權重問題,培養出站在使用者角度微調介面的 UI/UX 觀念。

CSSF12 DevToolsUI/UX
03

資料庫實務操作

在遠銀保代系統的優化中,將先前練習的 SQL 語法實際落實到既有系統的維護上,學會依據業務規格功能書修改資料庫 Table 的欄位結構與資料內容,配合前端畫面的變更同步調整後端資料庫的對應欄位。

SQL Server資料庫設計
04

善用 AI 工具自主解決問題的習慣

面對大量且複雜的既有程式碼,學會將 AI 工具引入實際開發流程,輔助解讀不熟悉的程式邏輯,搭配 HackMD 線上筆記記錄重點,大幅提升在龐大專案中的自主除錯與學習能力。

AI 工具HackMD

個人非技術面學習

🎯 自主學習習慣

面對全新框架與龐大的既有程式碼,學會自主規劃進度,透過做線上筆記和寫註解來加強理解,培養出更獨立的學習習慣。

🤝 團隊溝通的重要性

在 Prototype 與另一位實習生協作的過程中,深刻體會到「先把話說清楚、對齊進度」的重要性,學會如何避免因訊息落差產生認知偏差。

💡 換位思考

在討論行動投保畫面時,意識到要思考經辦人員的操作動線、客戶看畫面的直覺性,研究按鈕位置與欄位排版如何最貼近使用者核心情境。

Section 03
自我評估及心得感想

自我評估

從最初的教育訓練,到實際參與陽信銀行行動投保 Prototype 的製作,這段實習讓我深刻體會到學校課程與職場環境的差異。在學校,多數時候是跟著規定的教材學習;但在職場,需要先理解需求、看懂既有程式碼,並配合部門的開發流程,才能真正解決問題。

這段期間,技術能力有了顯著的提升,從 Angular、React 的框架思維,到 CSS 除錯的細心度,再到 SQL 資料庫的實務操作,每一項都是在實際的商業專案中磨練出來的。也非常感謝部門的學長和同仁在我遇到瓶頸時願意耐心指導。


實習心得

坦誠地說,在技術理解速度上我仍有不足的地方,面對大型框架與複雜的系統架構,有時需要比預期更長的時間才能掌握。但也正是這種「卡住了再想辦法」的過程,讓我逐漸培養出自主解決問題的能力。

這段實習最大的收穫,是真正理解了「前後端協同」的意義——不只是前端畫面要好看,也要確保資料能正確地在各層之間傳遞;不只是寫出功能,也要考量使用者的操作情境。


未來改進方向

🔧 深化前端框架

加強 Angular 與 React 的深度理解,特別是元件設計模式與狀態管理,從「能用」提升到「用得好」。

🎨 提升 CSS 能力

進一步研究 CSS 架構,提升大型專案中樣式維護的系統性與可讀性。

🗄️ 強化資料庫知識

加強 SQL 進階語法與資料庫設計能力,能夠更從容地應對後端資料的調整需求。

🌐 培養全端思維

持續拓展全端協同的視野,能夠更全面地理解系統在前、後端與資料庫之間的完整運作邏輯。

「技術能力可以持續累積,但更重要的是在實作中養成的獨立思考習慣與解決問題的勇氣——這才是這段實習帶給我最珍貴的收穫。」