ywwwtseng

🚀 為 MAC 的 Terminal 上色

超簡單！十分鐘打造漂亮又好用的 zsh command line 環境

修復 ＶScode terminal 字體，設定檔加這行就 OK 囉

"terminal.integrated.fontFamily": "SauceCodePro Nerd Font"

ywwwtseng

Javascript 設計模型

許多 Javascript 開發者努力編寫可讀性高、維護性高且復用性高的 Javascript 代碼，因為要寫出糟糕的 Javascript 代碼非常簡單。設計模型幫助我們結構與組織我們的 Javascript 代碼。每個設計模型都包含許多特性，了解各個設計模型能幫助我們寫出優雅的程式代碼。

設計模型是被驗證過的，它已經事先幫解決一些我們可能會遇到的問題。

Constructor Pattern

Gang of Four（有關於設計模型的書） 一書中沒有提及 Constructor Pattern，但我們在 Javascript 中建立一個新的物件時，Constructor Pattern 是很重要的概念。

ywwwtseng

git rm -r --cached .
git add .
git commit -m "fixing .gitignore"

ywwwtseng

CSS Naming Conventions

Components

A page module that has a certain purpose and is a wrapper for its children.

Naming components

.component {…}

ywwwtseng

Mongodb practice

Array Query Operators > $elemMatch (query)

Given the following documents in the scores collection:

{ _id: 1, results: [ 82, 85, 88 ] }
{ _id: 2, results: [ 75, 88, 89 ] }

ywwwtseng

function redirect() {
  res.writeHead({ location: 'https://www.example.org/' });
  res.end();
}

ywwwtseng

Host react application on Apache server

Step 1 : Create your app

$ npm install -g create-react-app 
$ create-react-app my-app

Step 2 : Build it for production

ywwwtseng

// 以下用簡單的程式碼說明 Redux

/*
 * 核心概念
 *
 * 1. 只使用一個 store 將整個應用程式的狀態 (state) 用物件樹 (object tree) 的方式儲存起來。
 *
 * 2. 唯一可以改變這個 state 的方法就是發送 action，這個 action 其實就只是一個物件告訴 state 該怎麼改變而已。
 *
 * 3. 實際因應 action 裡的內容對 state 做變化的函式叫做 reducer。

ywwwtseng

Mongodb Security

Enable Auth Procedure

1. Start MongoDB without access control.

   $ systemctl start mongod
   

ywwwtseng

Create a self-certified certificate

For development purposes you can create a self-certified certificate.Here's how to do it on a linux-based system.

generate a private key

> openssl genrsa 1024 > key.pem