Jan's World

Hello 各位，由於前面發了多廢文，所以這篇希望可以有點深度，我很深，你忍一下

這篇會介紹的幾種調用 redux state 的方式，都是工作上遇到的，算是長了知識，網路上也許會有相關教學，但這邊會以初學者的角度跟大家分享(因為我也是初學者，嗚嗚嗚)

首先：什麼是 Redux

Redux 一個用於應用程式狀態管理的開源 JavaScript 庫。Redux 經常與 React 搭配運用，但其也可以獨立使用。 - 取自維基百科

是我的話，我會說是一個可以讓你把特殊資料全域的方法

因為有了 redux 我們不用再在各個 Component 中傳遞 Props，當然除了 redux 還是有別的方法做資料的存儲，不過不是這篇的重點，所以這邊先跳過

感覺很好用欸，那要怎麼用？

在進入 redux 之前，你必須要知道 redux 三巨頭，就跟 NBA 一樣一定會有三巨頭，分別是：action, store, reducer，什麼鬼？行動商店減速器？感覺很有商機欸，先別急嘛…這邊我先講一下各自所做的事，再搭配圖片你一定會更加了解！

題外話：很多人在學 redux 都喜歡使用圖書館的例子，不過像我們這種不喜歡讀書才來當工程師的人來說一點說服力都沒有啊…

警告：這邊會有點黃色成份，所以覺得不適的話可以先跳到圖片部分

1. 使用官方提供的方法

1

npx create-react-app my-app --template typescript

2. 想把舊專案升級成 Typescript

1

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

這時候所有檔名還是 Js 檔，所以需手動更改為 Ts 檔，並修改錯誤

快速建立 Next 專案

1
2

npx create-next-app project-name
// project-name 需自己定義

引入 Jest

下載相關套件

1
2
3

npm install jest babel-jest @babel/preset-env @babel/preset-react react-test-renderer -g
or
yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react react-test-renderer

這邊因為想要之後可以 import 東西所以才需下載這麼多東西，如果只需使用 node 環境，那只需使用
npm install --save-dev jest

在 package.json 檔中加入 test

1
2
3

"scripts": {
    "test": "jest"
  }

建立 babel.config.js

1
2
3

module.exports = {
  presets: ['@babel/preset-env', '@babel/preset-react'],
};

2021/08/15

今天一早起來想說來更新一下我的 Blog，誰知道在我按下 hexo d 的那一刻，居然跳出錯誤:

1
2

unable to access 'https://github.com/janlin002/janlin002.github.io.git/': The requested URL returned error: 403
// 我的Github是janlin002，所以中間才會顯示janlin002

當下想說：不會吧！又來？只好硬著頭皮來解決了…

我一共找到三個解決方法，但我真正能解決的是第三個，也許你用第一或第二個方法就可以解決也說不定

• 首先是修改_config.yml 檔案,的 repo 值，改成：

1
2

repo: https://使用者名稱:github密碼@github.com/janlin002/janlin002.github.io
ex. https://janlin002:github密碼@github.com/janlin002/janlin002.github.io

但沒有效果，可能是文章有點年代了(2018)，只好換另一種方式

• 使用 Travis CI

Travis CI 是在軟體開發領域中的一個線上的，分散式的持續整合服務，用來構建及測試在 GitHub 代管的代碼。這個軟體的代碼同時也是開源的，可以在 GitHub 上下載到，儘管開發者當前並不推薦在閉源專案中單獨使用它。

2021/07/28

先來講一下為什麼會寫這篇文章…

原本今天會跟平常一樣開心的寫筆記，並且開開心心的 push 到 github，最後再開開心心地看著自己的 commit 數增加，畫面看起來更綠油油

但奇怪的事發生了，當我輸入 git push origin master 時，卻跳出錯誤…當下以為是我輸入錯誤，所以也就再輸了一次，不過卻跳出一樣的錯誤，仔細看了一下:

1
2

Password authentication is temporarily disabled as part of a brownout. Please use a personal access token instead.
The requested URL returned error: 403

慘了，這什麼鬼？我根本沒遇過這個問題，查了一下網站，各種解法如春雨冒出，看的我眼花撩亂，索性就先重開電腦、更新我的 git，看會不會問題就解決(怎麼會想說重新啟動就能解決呢？哎…)，但發現問題並沒有解決，只好硬著頭皮去找其他方法，(先說一下我的 github 是用 http 方法處理的)

首先我查在 google 上輸入了關鍵字：

1

Password authentication is temporarily disabled as part of a brownout. Please use a personal access token instead.

結果出來的第一個結果看起來蠻有說服力的，連結，稍微看了一下，卻卻步了，一下要 Creating a personal access token，一下要 Using a Token on the Command Line，看著我頭都昏了，怕一出錯會很麻煩，所以只能找其他方法了…
所以我就再 google 輸入第二行報錯程式碼：

1

The requested URL returned error: 403

在開始今天的主題之前，我先說一下我的背景

我今年 23 歲，大學後去過一家科技公司做了五個月的前端工程師，在今年的五月離開了前公司，時間剛好是台灣爆發嚴重疫情的那段時間，沒過一個月政府就開始三級警戒了，不過離職後我沒有馬上去找下一份工作，而是希望可以先精進自己，再從新開始…

原本以為會是如政府所說延期到 5/28 就會解除，所以就想說靜觀其變，然後再開始決定投遞履歷，結果一延再延，延到現在(2021/07/30)，好的，背景講完了，現在要開始正題了。

疫情下的工作好找嗎？我可以直接告訴你，不好找，不是不好找而已，而是很難找，不對，應該是找不到…是不是想說看不下去了？先別走啊，都點進來了…

為什麼我會說很難找呢？其實可以從幾個面向來看，首先會有職缺其實主要是兩種可能造成的:

1. 前職員提出離職，所以出現職缺，公司只能找尋可以填補空位的人
2. 公司需求量增加，所以需要更多的人幫他解決問題

先以第一點開始看，因為疫情肆虐，所以我相信沒有人會現在提出離職，即使不習慣公司，也會希望疫情結束再換，畢竟大家都知道現在離開，不知道多久會有新工作，再從第二點來看，公司在疫情期間也是資金吃緊，在這種情況下，很難再去招聘新的人手，以前端職缺來看，每天求才的公司其實不會超過 10 家，頂多就是舊公司一直在更新他們的網站，鮮少看到有新的職缺，看到這裡是不是覺得沒希望了？先不要失望，從現在開始就是寫作文的「轉」的部分

以前端工程師為例(其他行業我不懂)，現在有兩種人比較好找工作，一種是對工作沒有太多需求，例如：博弈、駐點公司，並不是說這兩種行業不好，而是這兩種行業的流動量相對高，所以會需要的人也比較多，筆者本人在疫情期間收到約 25 封這樣的公司的面試邀請(只面試了一家，其他都拒絕了)，給大家做參考，而這兩種行業基本上會直接面試你，從視訊面試中考你基本的 JavaScript，然後決定要不要用你，所以如果有興趣的朋友可能需要先稍微看一下基本的 JavaScript，就會有很大的機會錄取，再來說第二種很好找工作的人，就是會資料結構的人(算是筆者本身的切身之痛)，會這麼說的原因是現在大公司也會在這時候招人，通常他們在面試前會先請你寫三到五題“基本”的題目，然後再跟他們的主管面試，所以如果寫得出來的話會是很大的加分(之後可能會分享自己刷題的筆記)，相信會提升很大的錄取率，為什麼會說相信呢…？大家心裡有底

時間也不早了(12:10)，祝所有在找工作的人都找到工作，我們一起加油，掰掰
(以上算是個人的經驗，大家就當睡前故事看看就好)