如何逃離 React useState 地獄
嚴格說起來,我應該不算前端工程師,只是會寫一點點 React 而已。 不過,我遇到的問題卻也很實際,就是隨著 state 越來越多,你的 code 裡面會有一堆 useState(...) ,這叫 useState hell ,看
Posted on Apr 21, 2023 by Amo Chen ‐ 1 min read
嚴格說起來,我應該不算前端工程師,只是會寫一點點 React 而已。 不過,我遇到的問題卻也很實際,就是隨著 state 越來越多,你的 code 裡面會有一堆 useState(...) ,這叫 useState hell ,看
Posted on Apr 21, 2023 by Amo Chen ‐ 1 min read
隨著前後端技術演進,姑且不論是否採用微服務(microservice)架構,前後端分離成為越來越常見的開發模式,例如前端採用 NEXT.js 等框架,或者編譯成靜態網頁(static site)部署在雲端,所需要的後端 API 功能則是呼叫部署在另一個網域(domain)的伺服器,例如下圖:
不過採用此種前後端分離的架構,就需要理解何謂 CORS(Cross-Origin Resource Sharing),才能讓前端正常運作。
p.s. 通常有用到前後端分離架構的公司,就有可能問到何為 CORS 。
Posted on Apr 19, 2023 in 後端面試準備 by Amo Chen ‐ 5 min read
以下這篇文章講述 Airbnb 怎麼介紹他們新功能的 UI 以及作者本人的感受,並且透過這些案例提供我們一些建議,日後如果我們也想設計類似的功能時,可以有一些不
Posted on Apr 18, 2023 by Amo Chen ‐ 1 min read
最近看了 1 個 YT 影片,在教怎麼在 macOS 上達到更高效率的視窗管理,有點潮啊 😎 原來是搭配 yabai 與 shkd 這 2 套開源專案,就可以做到像 Retangle, Moom, Magnet 等視窗管理的效果,甚至
Posted on Apr 17, 2023 by Amo Chen ‐ 1 min read
細節細節細節,有些網頁之所以高質感,就是贏在細節! 就連網頁向下滾動時,也要有點動畫點綴,網頁就會質感 up up ! 最近的 side project 需要一些前端包裝,所以觀
Posted on Apr 16, 2023 by Amo Chen ‐ 1 min read
談到容器管理工具,我首先想到 Docker Desktop 。 不過 Docker Desktop 不僅慢,還耗記憶體⋯⋯。 幸好現在有 OrbStack 可以取代 Docker Desktop, OrbStack 不僅速度比 Docker Desktop 快,記憶體更只要 687 MB 就能夠運作得相
Posted on Apr 15, 2023 by Amo Chen ‐ 1 min read
後端工程師日常不僅要跟程式、作業系統、架構搏鬥,也要跟資料庫(database)打交道。
資料庫的類型也隨著時代演變越來越多,除了 NoSQL, In-memory database 之外,面試過程最常聊到的還是關聯式資料庫(relational database management system),而且關聯式資料庫也是目前業界常見的資料儲存系統,各個公司無論規模大小或多或少都會有關聯式資料庫的存在,除此之外,關聯式資料庫也相當適合用以儲存交易(transaction)類型的資料。
因此操作關聯式資料庫需要用到的 SQL(Structured Query Language) 幾乎成為後端工程師面試時的必考題,而且考 SQL 的好處在於它是一項標準,無論你是 MySQL 還是 PostgreSQL 還是 MS SQL Server 的使用者,基本上都能夠用 SQL 進行交流。
本文來介紹經常會被問到的 SQL 面試問題吧!
Last updated on Oct 17, 2023 in 後端面試準備 by Amo Chen ‐ 8 min read
Weaviate 是開放原始碼(open source)的向量資料庫(vector database),可以用它存各種向量型的資料,例如一些 Machine Learning Model 都是一堆向量資
Posted on Apr 13, 2023 by Amo Chen ‐ 1 min read