​貼心小提醒！！ 因為是亂亂寫筆記，真的就是純紀錄之前實作時，如何解決曾經卡住過的問題，所以主要都是解決問題的方式為主，不會有太多詳細說明。 最近終於有新專案可以碰了，但是碰新專案之前，會需要經歷幾個步驟，要先install在把專案run起來，有時候就有可能會遇到node-sass版本不對的問題。 排除node-sass版本不符問題 實作情境 在clone新專案後，正常的進行install程序後，要把專案跑起來時跳以下的錯誤。(已經切換到應該要使用的node版本，仍然會跳錯) ​實作方式 可以透過以下方排除這個狀況。 1. 確認已經切換到該使用的node版本。 2. 切換到node module資料夾李。 3. 透過以下指令讓node-sass重新rebuild npm rebuild node-sass 4. 跳出以下內容時，就代表有順利完成這個動作。

前陣子突然被問到，「你說你有碰過Nginx，那你知道什麼是Nginx嗎？」，這麼突然被一問，老實說我只回的出「它是一個伺服器」，如果要往更細節的問，我其實真的就回答不好了QQ 既然發現到自己好像對碰過的東西有些模糊地帶，不如就花點時間，把模糊的地方給清晰化(?)吧！ 什麼是Nginx？​ ​​Nginx是一種web server，除了Nginx外，還有一個也很有名的web server叫做Apache，不過今天的主角是Nginx，就只以Nginx為主了。 接下來直接看一下官方的介紹吧！

這幾天接受了白板題的小測驗，解了一道題，其中提出這題測驗題的大大也分享了他的解法，回到家後，自己也嘗試了一下他給的更好的解法，這邊也來稍微紀錄一下。 首先，一樣先看題目內容 ​ 題目需求 從陣列中取出加總起來的合可以等於第二個參數的兩個數字，並返回它們在陣列中的index。 解題過程 在現場我想到的方向如下： 第一個方向 — 先排序陣列，讓他可以從小至大排列，用兩個個pointer，一個從頭開始移動，一個從尾開始移動+ 迴圈來檢查哪兩個數字的總合等於第二個參數。

自己平常在寫Vue的時候，其實很常會使用到computed。因為當自己只是要一個被處理過後的值，在它被處理的過程中，又有一些相依的值時，就會使用computed。正確使用的話，不僅比較能節省效能，在程式碼的閱讀上，也更能一目瞭然地看到整體邏輯。因為實在是很愛使用computed(?)，在碰React的時候，也在想是不是在這樣對應的情境中，也能有類似computed效果的東東可以用？沒想到真的有耶！那個東東就是useMemo。 在進入今天的正題－useMemo之前，先來回顧一下Vue世界的computed。 Vue 的 computed 使用方法(以Vue3為主) - 單純使用get：當有相依的變數有變動時，就會重新計算最後的結果值。但若相依的變數沒有改變，就不會重新計算。 *這裡還有一個重點是 「這個值如果沒有使用在template上或其他的邏輯中，即使相依的值有變動，也不會重新計算」。 ​ - 搭配set做使用：變動計算後的值時(例如範例的full name)，會觸發setter，若沒有設定setter，直接對計算後的值進行變更，會跳出錯誤(this._setter is not a function)。 需要直接操作到計算後的值時，就需要把set的部份加上，如下範例。

JavaScript的hoisting這個特性在初學時期可能會偶爾不小心碰到，但不太會有什麼深刻的感受，或是不知道原來這就是hoisting。但是近期參與重構主題的讀書會，有討論到一些寫法和hoisting這個特性有關，才發現其實這個特性其實真的很需要好好認識，加上前陣子因為一些面談的過程，發現自己其實對這個概念有些錯誤的理解，所以就想說來好好地再幫自己釐清和整理一些這部分的必懂常識囉！ 什麼是hoisting 首先，不免俗地要來說文解字一下！直接看字面的話，沒有什麼花俏的說明，hoisting的字面意思就是「提升」。再深入一點理解，就會是「提升」某些東西，某些東西被「提升」了。看起來好像很廢話，總之就是「提升」。 進到MDN看一下更詳細的說明吧！ ​ 從上述這段說明可以看到關於「提升」的關鍵句子，也就是 “move the declaration of functions, variables or classes to the top of their scope”

轉眼間，一年就又要過去了！今年好像過得特別快，總覺得自己好像沒做什麼事情，但又好像做了特別多事情。 廢話不多說，直接來篇回顧文，記錄一下這一年的豐功偉業(咦?)吧！ 關於生活

許久未寫LeetCode刷題筆記了，趁著這次參加一個小考試的機會，來自己回顧檢討一下自己的寫的這道題。 看一下題目內容 ​ 題目需求 要將陣列中的數字0全部都排到陣列最後面。 解題過程 我總共想了兩個方向的作法： 第一個方向 — 用一個pointer + 迴圈來檢查是不是0，並且進行splice和push的動作。 用while迴圈逐一去比對陣列每個數字，當發現是0的時候，就把這個數字拿出來往後放。

map這個陣列的操作方式，只要從超級新手升級到初階新手，基本上都知道。但是說到Map這個東東，可能就有些人本來沒看過了。沒錯！！就是我！！！這邊說的就是我！！！！學藝不精的我本來沒看QQ 不過本來沒看過沒關係，現在看過了，那就花點時間把他是什麼給搞懂吧！ Map是什麼？ ​ 從MDN的說明內容可以理解到Ｍap是一個object，以key-value組成，並且會記住keys原始的插入順序。而且任何值都可以當作Key或value使用(包含物件或是或原始型別)。 Map相關的使用 建立 想要建立一個Map可以用以下這個方式。 可以直接用new Map()建立一個空的Map，也可以用陣列把key和value放入，建立一個有屬性的Map。

這禮拜四(9/29)又參加了一場ALPHA Camp主辦的線下的活動，比較不一樣的是這場活動主題是企業參訪，還結合一些交流討論的環節。另外，最令人矚目的就是這場企業參訪的合作企業是大家應該都聽過的AmazingTalker，並請來了創辦人和CTO跟大家分享！身為使用者的我，當然不能錯過這次的機會，手刀給他報名起來了。 除了參與這次的活動外，還收到了一個特別的任務，就是擔任討論環節其中一組的Group Leader，這個角色是主要任務是帶領大家進行討論。雖然我是一個極度內向的人(咦？)，但是喜歡挑戰的我還是接下這個任務了XD ​ 活動參與對象 ALPHA Camp學生、校友、助教 活動內容 除了聽創辦人以及CTO分享一些關於AmazingTalker的介紹外，還有參與這場活動的AC學生、校友、助教，以及AmazingTalker工程師們的交流討論，另外，剩下的時間就是企業參訪，參觀Amazing Talker的辦公室。