從 Alpha Camp 線上 web dev 課程跌跌撞撞走來的半年以及更早之前的事
驀然回首，我在 Alpha Camp（下稱 AC）的第一堂課，竟已是去年五月下旬。以學期三課程結束的二月底來算，也距離九個月了。
實際的課程長度會更短一些，我為了學習不要太匆忙，在課程之間會空一個班次的時間讓自己有時間消化和休息。
而從什麼都只了解到一點邊，到現在終於摸到求職門檻的程度，中間跨度更不止這九個月時間。
現在是時候為自己回顧過往，整理這段時間以來都學到什麼，又是從什麼狀態成長到現在的樣子的。
0%
使用 textarea 當輸入框時的各種問題
只是單純想要實現使用 <textarea></textarea> 當作輸入框，並以 Shift+Enter 換行、Enter 或 Ctrl+Enter 送出，最後把送出的訊息自動顯示在畫面上。
但希望能避免在訊息框中只有空白或換行的時候被送出。
我沒想到只是這麼單純的事情也會搞得困難重重QQ（一部分是我忘記有很好用的方法可以用……）
牽涉到畫面處理的部分好像都特別複雜……越來越覺得前端好厲害好辛苦了。
為了怕自己下次又遇到同樣需求卻找不到參考資料（甚至關鍵字都不確定要怎麼下比較好），趕緊趁還沒把參考網頁都關掉的時候先整理一篇文。
用 Socket.IO + Passport-jwt + Express.js 驗證 Bearer Token
一開始會接觸 Socket.IO 是因為 AlphaCamp 的作業專案中，有個加入聊天室功能的挑戰。
在該專案中，我的小組是使用前後端分離的方式作業，並且會用 Bearer Token 作為身分認證憑證。
加入 Socket.IO 的話，勢必也要通過同樣方式進行憑證認證。
實作時遇到的最大的困難點就是，要如何在 Socket.IO 傳回的訊息中，帶上 Bearer Token 的資訊。
以及在 Passport-jwt 中，要怎麼接到那個 Token。
使用 Socket.io + Express.js 建立聊天伺服器
在 Socket.IO 的官方網站上就已經有一篇簡單的聊天 app 的入門教學，如果你更喜歡看英文，可以參考這篇： Socket.IO Get started 。
官方的教學文章最後也附上了 GitHub repo ，有興趣的也可以前往下載。
由於官方提供的是一個小巧簡單的範例，實際要應用在自己習慣的專案結構中的話，依然會面對很多不知道為什麼就卡住無法執行的狀況。
在這裡想順一遍安裝的過程，以及分享自己遇到的問題和解決方法。
