Urn32dzknffww7rzec6y

陳岳龍

React 前端工程師


在過往的經驗中,我善於溝通且團隊合作,能與 SA 或是 PM 確認產品規格,與後端工程師討論 API 設計,以藉此達到客戶要求,擅長吸收關於相關產業的知識,能讓產品更能符合使用者的需求設計。 希望職涯的下一步,期待可以進入重視程式碼品質,重視使用者體驗的團隊,做出貼近人心產品。


phone: 0937-610-309

email: [email protected]


工作經歷

D-Link_友訊科技股份有限公司, ReactJS 前端工程師, Mar 2023 ~ 現在

主要進行維護 DView8 官網以及 網管系統產品 DView8 。

使用到的技術有 react、 react class、umi.js、dva.js、antd 、xterm.js、react-intel 等等。 


在接觸 DView8 專案的時候,大部分是針對使用者設計去做系統上的優化,為了讓使用者能夠更好的操作 DView8 網管系統,或是針對之前設計不良導致的系統操作異常,提出優化的可能,並且理解 SNMP 實際參與 mib 操作,直接了解網管軟體設計原理,協助壓力測試和提出設備整合的方案讓 DView8 更加完善。

金財通商務科技服務(股)有限公司(BankPro E-Service Technology Co.), ReactJS 前端工程師, Sep 2021 ~ Feb 2023

參與過的專案分別有陽信企業網路銀行、陽信銀行行員操作後台、陽信企業網路銀行 app 使用到的技術有 react 、react hook 、redux、saga、bootstrap、webpack、git、react-intel、formik、yup 等等。

 

 在接觸陽信企業網路銀行專案時, 透過 redux 的 Code Splitting ,優化多國語言包的大小,盡可能減少重複過多的 code,思考元件上的共用性,進而提升網頁效能。 

在接觸陽信企業網路銀行 app 專案, 發現 WebView 實作困難的點是 android 手機 與 ios 手機在進行操作瀏覽時, 預設行為是不一樣的,像是當使用者進行文字輸入的時候 android 手機的鍵盤跳出來並不會將畫面上推,會浮在畫面上, 可是 ios 手機 跳出鍵盤時是會將畫面上推,建立在畫面的下方, 所以必須時常解決 android 手機 與 ios 手機手機預設行為不一樣的問題。


專業技能


Front End

1. JavaScript ES5, ES6+

2. CSS, SCSS

3. Bootstrap / Antd

4. RWD

5. React(Class/ Hooks / Redux)

6. SPA 網站模式 

7. 串接 Restful API 、API 

8. SSR (umi.js) 


React 

1. 透過 Redux 進行管理和操作 

2. 透過 Redux 讓畫面及資料行為分離 

3. 透過 Redux 的 Code Splitting 提升        網頁效能 

4. 透過 Saga 處理資料上處理 或是              useContext、 useReducer 或是            thunk


Webpack、Git

1. 使用 Webpack 建立 React 環境專案 

2. 使用 Webpack 打包 

3. 使用 Webpack merge 區分專案環境

    使用 Git 版本控制


Version Control

1. Git Command Line
2. pre-commit

Figma

1. 運用 Figma 設計出需要介面,擅長        製作 Prototype 及模擬動態效果 


Java 

1. 能使用 Java 完成各類的 app 開發,        曾經製作過室內導航的 app。


專案與作品集

      DView8 官網和 DView8 網管系統

        

        主要進行維護 DView8 官網以及 網管系統產品 DView8 。

  • 實現設備整合,讓客戶可以使用第三方設備,使用 DView8 進行操作。
  • 參與跨部門合作,讓 DView8 能和 DNC portal server 進行跨產品的溝通。
  • 優化 DView8 CLI TOOL 功能,加上 Xtermjs ,提出將 https 連線改成websocket,更貼近 原生 CLI 的行為。 
  • 參與 switch mib 操作,了解產業需求,了解產業 know-how,思考更符合DView8 使用者行為的操作。
  • 協助進行壓力測試,使用 Linux 去建立模擬器去模擬上千台設備,連線Dview8 產品。 
  • 發覺客戶的不便提出解決方案,新增 template copy 功能改善優化使用者習慣。

       陽信企業網路銀行

         

        我在此專案主要負責的項目是 提供企業與企業之間的金融服務,外幣交易上的開發、憑證資料的串接等等。             串接讀卡機進行身分驗證,完成客戶需要的金流交易。

  • 主要使用 react 框架進行開發 ,使用 hook 進行程式上的開發。
  • 透過 formik + yup 進行複雜的表單驗證,提供客戶進行所需的資料填寫。
  • 透過 react-intel 實現多國語系。 
  • 運用 redux + saga 做到狀態管理、資料上的處理等等。
  • 經歷過上線前和上線之後的營運時期,熟悉 git flow 控版規劃。 

      陽信銀行行員操作後台

        

        我在此專案主要負責的項目是 提供銀行行員後台操作,查詢企業資料。

  • 主要使用 react 框架進行開發 ,使用 hook 進行程式上的開發。
  • 實作簡單的登入系統。
  • 透過 formik + yup 進行複雜的表單驗證,提供客戶進行所需的資料填寫。
  • 運用 redux + saga 做到狀態管理、資料上的處理等等。
  • 經歷過上線前和上線之後的營運時期,熟悉 git flow 控版規劃。

      陽信企業網路銀行 app

        

        我在此專案主要負責的項目是 提供客戶能使用行動裝置 app ,做簡單金流操作。

  • 實現 WebView 的運用。
  • 整合手機 app 廠商的介面 與 我們實作的 react 專案進行溝通。
  • 主要使用 react 框架進行開發 ,使用 hook 進行程式上的開發。 
  • 透過 formik + yup 進行複雜的表單驗證,提供客戶進行所需的資料填寫。 
  • 運用 redux + saga 做到狀態管理、資料上的處理等等。 
  • 經歷過上線前和上線之後的營運時期,熟悉 git flow 控版規劃。  

專案

世新大學資訊管理學系第 27 屆畢業成果展-《Make It Simple》 - INDOOR MAP


我們選擇的主題是「INDOOR MAP」是一款 AR 的室內導航 APP, 我們的構想是室內導航是使用最小的硬體需求、成本最低的方式, 來完成目前業界的成本高,硬體需求高的室內導航, 我們的解決方案則是透過 Google ARcore, 改善業界問題,完成了這次的畢業專題。 今年我們組別也在校內,畢業專題小論文競賽上, 拿下新興科技組的「特優」獎項。