作者gary861226 (林蓋瑞)
看板Soft_Job
標題[請益] 轉職前端方向
時間Sun Jul 3 15:01:52 2022
見過各位年薪百萬前輩
第一次在此版po文
小弟背景 高職肄業私大文組大五岩壁
年近25 比應屆生還老了
過去就是鄉民口中的垃圾+9
年紀不正確學歷不正確性別也不正確
最近一些個人因素
決定轉職本版所謂的前端難民
過去沒在讀書是我的錯我的問題 對不起
我目前是在某培訓機構的課程
大概是在三月底四月初開始上的
在此之前沒有碰過任何程式語言
六月中有發表過期中專題（前端無使用框架後端使用php）
個人是負責會員部分
預計七月底開始製作大專（使用React + Node）
有稍為看過React跟原生Js的差異
尚未開始學習React
怕等課程結束製作大專時再邊寫React跟Node會吸收不好
故先偷跑大專進度寫Node的API
https://i.imgur.com/UadPer7.jpg
https://i.imgur.com/yoKQOLY.jpg
目前有的功能如上
會員部分：
註冊＞密碼部分加密後再寫進資料庫
登入＞使用JWT
密碼修改＞比對User輸入的原密碼與資料庫的原密碼是否相同再寫入新密碼
資料修改、刪除帳號
管理員部分：
登入、停用會員（無法登入，User介面顯示被停用）、激活會員、刪除會員
其實也就是把我期中專題php寫得東西換成Node寫出來，會員中心撈撈收藏跟購買紀錄，
以
上都還沒用到任何React，API都是用Postman進行測試，JWT登入登出則用EJS簡單切出來
測試
就是會員基本該有的功能而已（？）
想了想是不是該寫點額外功能才有一點點競爭力
於是構思了會員互加好友跟聊天室
聊天室使用socket.io能簡單連續輸入訊息但尚未綁會員資料庫（頁面重新整理紀錄就都
沒了）
也大概知道會員互加好友的思路跟需要哪些資料表（還沒實際開始寫）
這時才猛然發現自己最近一直在寫API
但我的初衷是轉職成為前端
想請問各位前輩
###
如果是以雙北前端40K為目標的話
###
1.把互加好友跟聊天室完成
實際寫下去可能又要一段時間
2.把額外功能先放著，研究React各種視覺互動上的套件，等有時間再回來弄額外功能
其實是想知道大多前端面試官看到作品會希望是功能多一點但視覺互動呈現一般般的還是
功能很基本但視覺呈現不錯的
當然兩者都要是最好的但我應該無法在時限內完成
目前沒有任何要轉後端的想法
畢竟我API其實也就是寫寫判斷式連資料庫而已，沒有用到傳聞中資工系必修的演算法、
資結等等
Sever也只是用Express簡單架起來而已
況且業界後端應該是以Java、蛇蛇等佔大宗？
對於業界前輩來說我寫得這API只不過是垃圾中的垃圾根本無法勝任後端
感謝願意點進來看表達這麼爛的文章
下面這段可以直接略過
另外想請教與本文無關的問題
課程預計七月底製作大專前才要講JWT
（期中專題PHP用SESSION，老師也說大專可以用SESSION）
上網看發現現在JWT比較流行且我又想偷跑
所以就先研究寫寫看了
也可以進行登入登出
但怕自己摸索的寫法觀念有誤
想請問我的理解是不是正確的
登入後把token加密傳回前端
前端存入Local Storage
以後發需求時在headers Authorization放入token
經過Middleware時會進行解密讓各路由能判斷跟使用
登出＞直接把Local Storage資料清除
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.216.167.157 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Soft_Job/M.1656831714.A.425.html
※ 編輯: gary861226 (49.216.167.157 臺灣), 07/03/2022 15:09:22
1F：→ MonkeyCL: 能用學分報考碩班嗎07/03 15:10
2F：推 Saaski: 先不要這麼沒自信，或者說至少不要表現出來07/03 15:15
3F：→ Saaski: 這在面試會扣分07/03 15:15
4F：→ Saaski: 再來視覺vs.功能其實都可以，重點是要知道為什麼這樣寫07/03 15:17
5F：推 ededws1: 我覺得差不多可以投履歷了07/03 15:18
6F：→ Saaski: 例如為什麼要用React，他解決了JS的什麼問題07/03 15:18
※ 編輯: gary861226 (49.216.167.157 臺灣), 07/03/2022 15:23:49
7F：→ Saaski: 你用JWT，為什麼不直接用帳號登入就好？07/03 15:23
8F：推 Saaski: 寫很多功能但不太了解為什麼要這樣寫 vs.07/03 15:27
9F：→ Saaski: 寫的功能相對陽春但都知道這些功能解決什麼問題07/03 15:27
10F：→ Saaski: 就Junior來說，通常後者會有比較多機會07/03 15:28
11F：→ gary861226: 我是用user輸入的帳密跟資料庫比對判斷，如果有這筆07/03 15:31
12F：→ gary861226: 資料把會員的sid存進token傳回前端判斷登入成功，之07/03 15:31
13F：→ gary861226: 後其他頁面如果要渲染該會員的東西直接用token的會員07/03 15:31
14F：→ gary861226: sid去抓資料或進行其他動作，請問s大的意思是指？感07/03 15:31
15F：→ gary861226: 謝您07/03 15:31
16F：→ gary861226: jwt可以用於手機？網頁解決cors問題？是想問這個嗎？07/03 15:36
17F：→ gary861226: 我學藝不精07/03 15:36
18F：推 Saaski: 我那句話講得不太清楚，而且這裡可能比較深07/03 15:42
19F：推 Saaski: 這樣講好了，為什麼要把sid寫進token裡面？07/03 15:45
20F：→ Saaski: 直接回傳sid給他不行嗎？token做了什麼事？ 07/03 15:46
21F：→ Saaski: 後端收到token會做什麼事？其實這些看起來你都懂07/03 15:47
22F：推 glwl40039: 你蠻適合後端，可以投履歷了。對自己有信心一點，不去 07/03 15:47
23F：→ glwl40039: 大公司的話，學聯對你影響不大，只在意你會什麼而已 07/03 15:47
24F：→ Saaski: 但就是要花時間整理一下想法，然後在表現得更自信一點 07/03 15:47
25F：→ Saaski: 這樣要拿到 40k offer 應該不難 07/03 15:48
26F：推 hobnob: 看你的學習曲線雙北40k夠妥當，有自信一點就好 07/03 16:44
27F：推 qwe70302: 前端token通常放cookie裡 07/03 16:45
28F：→ qwe70302: 完全沒看到你的前端程度在哪，但是後端程度已經可以40k07/03 16:46
29F：推 iamOsaka: token存localstorage也ok 只學幾個月這樣算做得很不錯07/03 17:15
30F：→ iamOsaka: 了07/03 17:15
31F：→ Hsins: 三個月轉職 40k 起，投資報酬率很高欸07/03 17:28
32F：推 newhandfun: Saa大的思考方式已經相當靠近mid-senior了吧，現在新07/03 17:39
33F：→ newhandfun: 人都這麼強嗎？07/03 17:39
34F：→ newhandfun: 然後沒自信不要表現出來+1，你都對自己沒信心了怎麼07/03 17:40
35F：→ newhandfun: 說服別人用你07/03 17:40
36F：推 jeffreyup1: 雙北40很容易 我跟你同個機構 看用的就知道ㄌ 我第一07/03 18:08
37F：→ jeffreyup1: 份是開40拿40 其他夥伴正常人38-4507/03 18:08
38F：→ jeffreyup1: 有一個拿到50，結果進去後實力沒有50 自己離職了07/03 18:08
39F：推 DrTech: 你程式碼是抄哪的？激活會員，台灣不會這樣用耶。好好找對07/03 18:17
40F：→ DrTech: 教材吧。07/03 18:17
41F：→ gary861226: 自己寫得 註解也是 只是覺得重新啟用有點長07/03 18:19
→ gary861226:
https://i.imgur.com/j7naLQZ.jpg
07/03 18:19
42F：→ gary861226: 只是想跟停用一樣用兩個字而已，對不起07/03 18:22
43F：推 gamania0258: 先投履歷就對了 包裝自己 用LinkedIn 先想辦法進面試 07/03 18:27
44F：→ gamania0258: 再說 07/03 18:27
※ 編輯: gary861226 (49.216.167.157 臺灣), 07/03/2022 18:39:54
45F：→ netburst: 啟用 快取 記憶體 / 激活 緩存 內存 前者爽聽多了 07/03 19:20
46F：推 EPGo: 如果願意，放上 GitHub 讓大家幫忙看看相信會更有收穫 07/03 21:31
47F：推 pot1234: 不要沒自信+1 可以預習 練習自己上網找資料也很好 這些 07/03 21:35
48F：→ pot1234: 東西跟高中大學的課也沒那麼相關 持之以恆總是補的起來 07/03 21:35
49F：推 holebro: 你看起來比我強了 07/03 22:01
50F：推 hakosaki: 可以啦 有自信一點 加油 祝專職成功 07/04 00:19
51F：推 fanatics5566: 25歲非本科轉職跟40k起薪在台北真的不難拿 07/04 06:31
52F：→ fanatics5566: 註解的部分，我覺得使用啟用或重啟會更合適，建議 07/04 06:36
53F：→ fanatics5566: 順便提升一下英文閱讀的能力，感覺你目前比較習慣 07/04 06:36
54F：→ fanatics5566: 看中文教學文 07/04 06:36
55F：推 qrtt1: 會改變狀態的 request 不該用 get ，搜尋引擎逛一逛，你的 07/04 08:20
56F：→ qrtt1: 會員就不小心啟用或停用了。另外，儘可能以英文術語或台灣 07/04 08:20
57F：→ qrtt1: 慣用翻譯為主，這可以減少面試時的溝通成本。 07/04 08:20
58F：推 supremebboy: get, post, delete 就已經是動詞了，path內不需要放 07/04 09:02
59F：→ supremebboy: 動詞吧 07/04 09:02
60F：推 biblemouse: 這麼短的時間有這樣的成果，其實你是很不錯了，當然還 07/04 09:07
61F：→ biblemouse: 有很多要學，保持謙虛是必須的，但過多的自貶只會降低 07/04 09:07
62F：→ biblemouse: 別人對你的的第一印象，尤其是未來面試的時候 07/04 09:07
63F：→ biblemouse: 前端作品可以主邏輯副視覺，css可以以多欄式排版、RWD 07/04 09:18
64F：→ biblemouse: …etc，有切版和刻出基礎的元件的UI(不會就上網抄)的 07/04 09:18
65F：→ biblemouse: 能力就差不多，剩下把重心放在js & react，了解語言這 07/04 09:18
66F：→ biblemouse: 個工具，以及前端工程需要的知識(SPA、路由、狀態管理 07/04 09:18
67F：→ biblemouse: …etc) 07/04 09:18
68F：推 BigCockman: 看起來囫圇吞棗的 感覺很多基礎都沒弄懂 建議放慢腳 07/04 09:43
69F：→ BigCockman: 步 至少再花3個月到半年好好學吧 07/04 09:43
70F：推 yuzukeykusa: 重啟(o) 激活(x) 07/04 10:18
71F：推 longlyeagle: 啟用停用要不要改 activate deactivate 比較清楚? 07/04 10:58
72F：推 jobintan: Rest API Endpoint真的還是別放動詞免得一堆問題。 07/04 11:20
73F：→ jobintan: bit.ly/3IeSnjO 07/04 11:20
74F：→ jobintan: 找Use Nouns Instead of Verbs in Endpoints。 07/04 11:21
75F：推 jj0321: 不錯了 對這行有興趣摸這樣 建議再去UDEMY學 英文術語也學 07/04 11:23
76F：推 newbout: 比我厲害了 07/04 11:38
77F：→ lazarus1121: 要說激活也不是重啟吧，初次認證信的激活碼又是怎樣 07/04 12:37
78F：→ lazarus1121: 學支語就算了，還只學半套 07/04 12:38
79F：→ acgotaku: 加油吧 25還年輕 先在小外包練個兩年在跳看看大一點的 07/04 13:00
80F：→ e811222c: 加油 07/04 14:41
81F：→ leolarrel: 知道自己真的爛,蠻不錯的,基本功好好打扎實了吧,三個月 07/04 19:54
82F：→ leolarrel: 連皮毛都不到 07/04 19:55
83F：推 EDMillex: 40K要再鑽深一點，我認識API開得比你嚴謹還會框架的起 07/04 22:49
84F：→ EDMillex: 薪27K 07/04 22:49
85F：推 remember69: 雙北40k真的不難，加油 07/04 23:22
86F：推 c80352: 起薪27K那個根本侮辱人 只會切板都不見得拿那麼低了 07/04 23:43
87F：推 EPGo: 資源有限的情況下，要不要嘗試前端+firebase弄出個完整點的 07/05 08:35
88F：→ EPGo: 前端作品？覺得會比較快到達目標 07/05 08:35
89F：推 WaterLengend: 可以了啦 07/05 12:33
90F：→ ou9810: 做API只拿27K的就別拿出來講了，投入跟報酬不成比例 07/06 00:18