---
# System prepended metadata

title: 李冠勳(Tom)-中文履歷

---

---
title: 李冠勳(Tom)-中文履歷
---

# 李冠勳 - 中文履歷
## 基本資料
姓名: 李冠勳(Tom)
Email: hcpups0414@gmail.com
學歷: 中央大學資工系 學士

## 工作經歷
### 91APP (2019/08 - 現在)
#### 資深前端工程師
##### G11N跨國團隊
團隊實行敏捷開發，主要的任務是開發香港與馬來西亞端的業務需求，維護前後台頁面以及導入多語系。

##### 前台改版
因為AngularJS已經很舊了也已經準備要停止支援，所以要把舊頁面用React逐漸改寫，使用Redux做狀態管理，React部分導入hook的寫法，舊的專案css採用scss處理，在新的專案中改成styled-component處理，把原本html,css都改用js寫法統一技術，半年內在不影響舊功能的情況下翻新40%的頁面。

##### 導入Storybook到專案中
前台React組件在撰寫的時候還是用傳統的方法，一個大組件上千行導致日後追Bug很難，我把大組件依照功能拆分成小組件，跨組件能共用的就拆成共用組件並建立Storybook提升組件的共用率。

##### React導入錯誤邊界處理
前台React組件原本只有api錯誤會發送log到伺服器，但是因為常常遇到組件內有錯誤造成畫面白頁，但是因為只有在客戶端發生而且沒有送出log，導致難以重現Bug，導入錯誤邊界處理後再遇到組件錯誤時就會抓取到錯誤並且送出log，降低Debug難度。

### 順立智慧(cyberbiz) (2018/05 - 2019/08)
#### 前端工程師
##### EC團隊

##### 負責開發與維持店家使用的網站版型
- 期間開發六種版型供店家使用
- 導入Vue.js取代jQuery，讓開發時可以專注於資料呈現而不是操作DOM上
- 使用webpack優化開發流程
- 導入圖片lazyload加速載入優化使用者體驗

##### Line@專案開發
第一次在後台導入Redux架構並改成使用typescript開發，在開發期間建立storybook維護共用組件，並且導入jest做單元測試，並且在時限內Demo給公司的同仁，之後新功能開發也比照這次專案使用的技術架構做開發。

##### 後台頁面開發與維護
- 導入Redux取代prop跨組件傳遞資料
- 使用jest建立前端測試
- 使用typescript開發部分React組件
- 使用storybook維護共用組件

### 送子鳥生殖中心 (2017/09 - 2018/05)
#### 醫院IT

##### 導入電子化系統
- 文件電子簽名
- 醫療流程從紙本改成電腦輸入

##### 醫院形象網站與後台建立
- 香港據點服務網站
- 日本說明會報名網站


## 擅長技能
### Javascript
1. ES6
2. Typescript
3. React
4. Redux
5. Jest
6. Vue

### NodeJS
1. express
2. mongoDB

### 軟體流程及工具
1. Agile
2. Git