前端有兩種
1. 單純的網頁設計師，大約就是使用illustrator 跟 photoshop 設計網頁樣式
2. 需要會程式邏輯的網頁設計工程師，類似當一般使用者按下按鈕促發一些功能或設計一些資料樣式的處理，跟後端溝通，需要會的語言->新手建議 HTML5, CSS3, jquery, js , 中高水準學習為Angular, React, Vue

後端語言為以下多種類型
1. C# 微軟派系，為C#工程師，程式部署在iis上面，通常運行Microsoft SQL Server
2. php 開源派系，為php工程師，程式部署在apache or tomcat上面，通常運行在Linux環境上面，中大型企業使用Redhat , 小型公司運行在Ubuntu
3. java Oracle 派系 為java工程師，程式部署在tomcat or jBoss上面，通常運行在Linux環境上面，中大型企業使用Redhat , 小型公司運行在Ubuntu
4. Node.js 開源派系，為node.js工程師，程式部署在pm2上面，通常運行在Linux環境上面，通常運行在Linux環境上面，屬Ubuntu市佔率為多數。
5. python 開源派系 為python工程師，程式部署在系統啟動時的指令上面，通常運行在Linux環境上面，通常運行在Linux環境上面。
6. Ruby on Rails 沒玩過，不清楚了 >.<

資料庫工程師
1. noSQL => MongoDB, RedisDB (新型大數據以轉型使用MongoDB)
2. SQL => SQL Server, MySQL, MariaDB, DB2 (SQL為目前市場大多數應用派系)

以上內容參考參考，很多keyword，可以先嘗試了解 前端工程師, 後端工程師, 資料庫工程師，這三種類型，選擇想前往的道路，

以下個人經驗
前端 => 看得到畫面，可以第一接觸到使用者的體驗，成就感較高，也會被外面長官器重
後端 => 第一次處理的邏輯，會不熟悉，沒感覺自己在做什麼，目標空洞，但有一兩次經驗後，後面得心印手，大概就只有這樣的把戲了！
資料庫端 => 除非進到 FB, google, yahoo, 等非常前面科技的龍頭水準，才會有SQL優化條件，不然普遍把SQL 摸熟，不外乎CRUD的指令 CREATE, SELECT, UPDATE, DELETE, 比對條件 WHERE，然後就是養老了！！

以上是目前本人所看到產業大方向的情況，小弟一些愚昧的見解，沒有要跟任何派系的高手爭論。

可以在plugin加入參數即可，v4跟v2版本有很大的差異。

在此提供兩種版本的方式。

Webpack v4

// 需引入uglifyjs-webpack-plugin,這邊與v2就不一樣
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
plugins: [
    new UglifyJsPlugin({
        sourceMap: true,
        uglifyOptions: {
            ie8: false,
            ecma: 8,
            parse: {},
            mangle: true,
            output: {
                comments: false,
                beautify: false
            },
            compress: true,
            warnings: false
            }
    })
]

Webpack v2

// v2 版本直接使用webpack.optimize即可
plugins: [
    new webpack.optimize.UglifyJsPlugin({
        sourceMap: true,
        compress: {
            warnings: false, // remove 警告
            drop_console: true // 移除console.log
        }
    })
]

Reference

https://blog.csdn.net/xiaoguang44/article/details/89555376

https://blog.csdn.net/xiasohuai/article/details/88527483

https://segmentfault.com/a/1190000015032321

Survey後有jenv這款管理，可以幫助切換，

但作者提供另一種切換為 alias的方式，我認為比較方便

安裝Java

// 新增homebrew cask功能
$ brew tap homebrew/cask-versions

// 查詢Java版本
$ brew search java

// 安裝想要的java版本 (如選java會為當前最新版本)
$ brew cask install java

// 安裝完可以查詢
$ brew cask list

設定快捷鍵

$ nano ~/.bash_profile
//在最下面新增以下內容，確定自己有的版本及alias快捷名稱
export JAVA_6_HOME=$(/usr/libexec/java_home -v1.6)
export JAVA_8_HOME=$(/usr/libexec/java_home -v1.8)
export JAVA_11_HOME=$(/usr/libexec/java_home -v1.11)

alias java6=`export JAVA_HOME=$JAVA_6_HOME`
alias java8=`export JAVA_HOME=$JAVA_8_HOME`
alias java11=`export JAVA_HOME=$JAVA_11_HOME`

#default java8
export JAVA_HOME=$JAVA_8_HOME

//完成後儲存

// 重讀bash檔案
$ source ~/.bash_profile

//測試切換
$ java6
$ java11

Reference

https://stackoverflow.com/questions/26252591/mac-os-x-and-multiple-java-versions

https://blog.gtwang.org/mac-os-x/how-to-set-or-change-the-default-java-jdk-version-on-os-x/

DeprecationWarning: Chunk.modules is deprecated. Use Chunk.getNumberOfModules/mapModules/forEachModule/containsModule instead.

查詢要更新哪個套件，更新node_module後即可，

$ npm install extract-text-webpack-plugin@3

npm 上面也已經提示不推薦使用，沒有在維護了！

extract-text-webpack-plugin

“建議改使用”

mini-css-extract-plugin

Reference

https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/529

(node:36968) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

並非webpack prod錯誤，而是套件太舊，查一下package.json以為是loader.utils.

結果node_module沒有這套件上查了，是babel-loader這套件。

跳出這錯誤是我用6.x.x版本，直接升級上去會到8.x.x版本，又會跳出babel-core的問題，

所以我改成指定 7.x.x版本

$ npm install babel-loader@7

Reference

https://github.com/babel/babel-loader/issues/392

結果發生一堆問題，有些套件lib 在更新都有出現，也補足後，最後在apache2 cfg上讀不到redmine…

原本都想放棄，還好想起有這種docker這種方式，已經把環境包好，直接運行

pi 3安裝docker

// 下載安裝docker
$ curl -sSL https://get.docker.com | sh

// 補足帳號權限
$ sudo usermod -a -G docker pi

// 重啟
$ sudo reboot

// 檢查docker
$ docker -v

導入docker for pi 的redmine 「arm32v7/redmine」，

此處用法的參數，可參考docker arm32v7/redmine 下方

相關參數依照每個人DB設定，

default設定為sqlite及3000 port，以下是我用docker 背景執行及連其他DB參數

// 啟動redmine
$ docker run -d --restart=always --name=redmine -p 9999:3000 -e REDMINE_DB_MYSQL=localhost -e REDMINE_DB_USERNAME=redmine -e REDMINE_DB_PASSWORD=password -e REDMINE_DB_DATABASE=redmine --volume=/srv/docker/redmine/redmine:/home/redmine/data arm32v7/redmine

正確啟動沒問題

即可看到畫面

Reference

https://qiita.com/Shun__/items/a44a5e00c534f2aeb6cb

真的滿麻煩，也不能在shellscript把密碼直接放入，

只好讓兩台server client -> server 免除認證，

步驟1. 至client server(這邊對我來說是jenkins這台server)

//client 建立自己的ssh ras憑證
$ ssh-keygen
Generating public/private rsa key pair.
Enter file in which to save the key (/root/.ssh/id_rsa): 
Enter passphrase (empty for no passphrase): 
Enter same passphrase again: 
Your identification has been saved in /root/.ssh/id_rsa.
Your public key has been saved in /root/.ssh/id_rsa.pub.
The key fingerprint is:
c3:e9:25:65:00:c8:65:cb:e8:fe:4e:7e:ce:06:a4:9d root@kvm8.deyu.wang
The key's randomart image is:
+--[ RSA 2048]----+
|   . o+..        |
|    o+ . .       |
|    . o   o      |
|   .  .. +       |
|    .+ .S .      |
|   .. E. +       |
|    . ...        |
|     + .o        |
|     .++o        |
+-----------------+

// 將client的pub放到server，該user 家目錄下
$ scp ~/.ssh/id_rsa.pub serverUser@serverIP:~/

步驟2. 切換到 目標Server

// ssh 目標server，這時進去還需要需入密碼
$ ssh serverUser@serverIP

// 把剛剛client傳過來的id_rsa.pub寫入authorized_keys
$ cat ~/id_rsa.pub >> ~/.ssh/authorized_keys

// 離開
$ exit

// 測試ssh連線，如設定成功，就不需要密碼即可以進入
$ ssh serverUser@serverIP

Reference

https://dywang.csie.cyut.edu.tw/dywang/security/node84.html

如果沒有會以當下的分支 create出新的分支，

但是當要git push會跳出提示訊息：

fatal: The current branch <branchName> has no upstream branch.

其實只是將目前分支設定好他遠端對應好的分支，

使用此指令：

// 追蹤分支的意思
$ git push --set-upstream origin branchName

// 取消追蹤分支,用到這個通常是遠端分支被刪除了！
$ git branch --unset-upstream

看到垃圾桶按鈕刪除即可…

所以主要這篇是使用指令來做遠端分支刪除的方式

$ git push steven :steven/master
To https://domain/username/repository.git
 - [deleted]         steven/master

是的，你沒看錯，就是在分支前面加上冒號，而且是用 Push 指令來刪除遠端分支，

遠端建立分支指令：

$ git push remoteName master:steven

這樣遠端remoteName位置 就會以 master 建立一個steven branch，

所以剛剛前面提到的 沒有帶上maste，也等同沒有basic所以會直接刪除的意思。

Reference

https://gitbook.tw/chapters/github/delete-remote-branch.html

fatal: refusing to merge unrelated histories.

明明是同一包分開做的結果出現無相關的提示..

# 從 git 2.9.0 開始預設行為不允許合併沒有共同祖先的分支。

幸好只要加上 –allow-unrelated-histories 此參數即可以解決。

$ git merge master --allow-unrelated-histories

Reference

https://stackoverflow.com/questions/37937984/git-refusing-to-merge-unrelated-histories-on-rebase