{"id":22793620,"url":"https://github.com/kylemocode/blog","last_synced_at":"2025-08-03T20:39:33.428Z","repository":{"id":112650925,"uuid":"374240384","full_name":"kylemocode/blog","owner":"kylemocode","description":"My technical blog about web development and cloud technologies 👏","archived":false,"fork":false,"pushed_at":"2021-06-28T01:36:55.000Z","size":25,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T19:34:07.169Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://oldmo860617.medium.com/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kylemocode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-06T00:56:44.000Z","updated_at":"2021-06-28T01:36:57.000Z","dependencies_parsed_at":"2023-06-02T06:30:38.567Z","dependency_job_id":null,"html_url":"https://github.com/kylemocode/blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylemocode%2Fblog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylemocode%2Fblog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylemocode%2Fblog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylemocode%2Fblog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kylemocode","download_url":"https://codeload.github.com/kylemocode/blog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246352919,"owners_count":20763554,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-12T03:28:02.405Z","updated_at":"2025-03-30T17:25:41.190Z","avatar_url":"https://github.com/kylemocode.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 簡介\n\n大家好，我是 Kyle，也可以叫我老莫，是一名雜食性的菜鳥工程師，喜歡接觸 Web 前後端與雲端技術，撰寫技術文章是自己的一大興趣與堅持，平常主要在 Medium 經營[自己的部落格](https://oldmo860617.medium.com/)，打算把這個 Repo 當作文章的備份。如果對我撰寫的文章有興趣，歡迎追蹤我的 Medium 部落格或是 Star 這個 Repo 獲得最新消息！\n\n# 文章列表\n\n## 依時間排序\n`2021-06-27`  [前端開發者也可以懂的基礎 System Design](https://medium.com/starbugs/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC%E8%80%85%E4%B9%9F%E5%8F%AF%E4%BB%A5%E6%87%82%E7%9A%84%E5%9F%BA%E7%A4%8E-system-design-5468e0f43033?source=---------0----------------------------)\n\n`2021-06-05`  [Cache Policy — 效能與一致性之間的抉擇](https://oldmo860617.medium.com/%E4%B8%8D%E5%90%8C%E7%9A%84-cache-policy-%E6%95%88%E8%83%BD-%E8%88%87-%E4%B8%80%E8%87%B4%E6%80%A7-%E4%B9%8B%E9%96%93%E7%9A%84%E6%8A%89%E6%93%87-709455fa472a)  \n\n`2021-06-05`  [想學習 AWS 卻又不知道從何下手？初探 AWS 雲端架構](https://medium.com/starbugs/%E6%83%B3%E5%AD%B8%E7%BF%92-aws-%E5%8D%BB%E5%8F%88%E4%B8%8D%E7%9F%A5%E9%81%93%E5%BE%9E%E4%BD%95%E4%B8%8B%E6%89%8B-%E5%88%9D%E6%8E%A2-aws-%E9%9B%B2%E7%AB%AF%E6%9E%B6%E6%A7%8B-2c8d3093b10c?source=your_stories_page-------------------------------------)  \n\n`2021-05-21`  [Coding your CDN ! 充滿驚奇的 AWS Lambda@Edge](https://medium.com/starbugs/coding-your-cdn-%E5%85%85%E6%BB%BF%E9%A9%9A%E5%A5%87%E7%9A%84-aws-lambda-edge-763d9dd1f00d?source=your_stories_page-------------------------------------)  \n\n`2021-05-08`  [前端開發者該負責寫 API Endpoints 嗎？The Backend For Frontend Pattern (BFF) In Microservices World](https://medium.com/starbugs/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC%E8%80%85%E8%A9%B2%E8%B2%A0%E8%B2%AC%E5%AF%AB-api-endpoints-%E5%97%8E-the-backend-for-frontend-pattern-bff-in-microservices-world-1368362c141c?source=your_stories_page-------------------------------------)  \n\n`2021-04-27`  [身為 Web 工程師，你應該要知道的瀏覽器架構演進史 feat.渲染引擎運作機制](https://medium.com/starbugs/%E8%BA%AB%E7%82%BA-web-%E5%B7%A5%E7%A8%8B%E5%B8%AB-%E4%BD%A0%E6%87%89%E8%A9%B2%E8%A6%81%E7%9F%A5%E9%81%93%E7%9A%84%E7%80%8F%E8%A6%BD%E5%99%A8%E6%9E%B6%E6%A7%8B%E6%BC%94%E9%80%B2%E5%8F%B2-feat-%E6%B8%B2%E6%9F%93%E5%BC%95%E6%93%8E%E9%81%8B%E4%BD%9C%E6%A9%9F%E5%88%B6-6d95d4d960ee?source=your_stories_page-------------------------------------)  \n\n`2021-02-08`  [與 Github Actions 的再次相遇！AWS S3 + CloudFront 自動部署 React Web App](https://medium.com/starbugs/%E8%88%87-github-actions-%E7%9A%84%E5%86%8D%E6%AC%A1%E7%9B%B8%E9%81%87-aws-s3-cloudfront-%E8%87%AA%E5%8B%95%E9%83%A8%E7%BD%B2-react-web-app-e2c11942263f?source=your_stories_page-------------------------------------)  \n\n`2021-01-27`  [實作開源小工具，與 Github Actions 的第一次相遇！](https://medium.com/starbugs/%E5%AF%A6%E4%BD%9C%E9%96%8B%E6%BA%90%E5%B0%8F%E5%B7%A5%E5%85%B7-%E8%88%87-github-actions-%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AC%A1%E7%9B%B8%E9%81%87-3dd2d70eeb?source=your_stories_page-------------------------------------)  \n\n`2021-01-08`  [微服務很夯，那你有聽過微前端嗎？初探 Micro Frontends 架構](https://medium.com/starbugs/%E5%BE%AE%E6%9C%8D%E5%8B%99%E5%BE%88%E5%A4%AF-%E9%82%A3%E4%BD%A0%E6%9C%89%E8%81%BD%E9%81%8E%E5%BE%AE%E5%89%8D%E7%AB%AF%E5%97%8E-%E5%88%9D%E6%8E%A2-micro-frontends-%E6%9E%B6%E6%A7%8B-e0a8469be601?source=your_stories_page-------------------------------------)  \n\n`2020-12-15`  [身為 Web 工程師，你一定要知道的幾個 Web 資訊安全議題](https://medium.com/starbugs/%E8%BA%AB%E7%82%BA-web-%E5%B7%A5%E7%A8%8B%E5%B8%AB-%E4%BD%A0%E4%B8%80%E5%AE%9A%E8%A6%81%E7%9F%A5%E9%81%93%E7%9A%84%E5%B9%BE%E5%80%8B-web-%E8%B3%87%E8%A8%8A%E5%AE%89%E5%85%A8%E8%AD%B0%E9%A1%8C-29b8a4af6e13?source=your_stories_page-------------------------------------)  \n\n`2020-11-10`  [今晚，我想來點 Web 前端效能優化大補帖！](https://medium.com/starbugs/%E4%BB%8A%E6%99%9A-%E6%88%91%E6%83%B3%E4%BE%86%E9%BB%9E-web-%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96%E5%A4%A7%E8%A3%9C%E5%B8%96-e1a5805c1ca2?source=your_stories_page-------------------------------------)  \n\n`2020-10-15`  [Customized Form 上傳資料至 Google sheet — 輕鬆讓 Google Sheet 當你的表單資料庫！](https://oldmo860617.medium.com/customized-form-%E4%B8%8A%E5%82%B3%E8%B3%87%E6%96%99%E8%87%B3-google-sheet-%E8%BC%95%E9%AC%86%E8%AE%93-google-sheet-%E7%95%B6%E4%BD%A0%E7%9A%84%E8%A1%A8%E5%96%AE%E8%B3%87%E6%96%99%E5%BA%AB-a900622bb70d?source=your_stories_page-------------------------------------)  \n\n`2020-10-02`  [初步認識分散式資料庫與 NoSQL CAP 理論\n](https://oldmo860617.medium.com/%E5%88%9D%E6%AD%A5%E8%AA%8D%E8%AD%98%E5%88%86%E6%95%A3%E5%BC%8F%E8%B3%87%E6%96%99%E5%BA%AB%E8%88%87-nosql-cap-%E7%90%86%E8%AB%96-a02d377938d1?source=your_stories_page-------------------------------------)  \n\n`2020-09-20`  [Transaction 併發錯誤與隔離層級](https://oldmo860617.medium.com/transaction-%E4%BD%B5%E7%99%BC%E9%8C%AF%E8%AA%A4%E8%88%87%E9%9A%94%E9%9B%A2%E5%B1%A4%E7%B4%9A-51b8af6178ae?source=your_stories_page-------------------------------------)  \n\n`2020-09-15`  [Database Transaction \u0026 ACID](https://oldmo860617.medium.com/database-transaction-acid-156a3b75845e?source=your_stories_page-------------------------------------)\n\n`2020-09-08`  [進程、線程、協程，傻傻分得清楚！](https://oldmo860617.medium.com/%E9%80%B2%E7%A8%8B-%E7%B7%9A%E7%A8%8B-%E5%8D%94%E7%A8%8B-%E5%82%BB%E5%82%BB%E5%88%86%E5%BE%97%E6%B8%85%E6%A5%9A-a09b95bd68dd?source=your_stories_page-------------------------------------)  \n\n`2020-09-05`  [用 Node.js 建立一個簡單的 Http Proxy](https://oldmo860617.medium.com/%E7%94%A8-node-js-%E5%BB%BA%E7%AB%8B%E4%B8%80%E5%80%8B%E7%B0%A1%E5%96%AE%E7%9A%84-http-proxy-5262e349a1ad?source=your_stories_page-------------------------------------)  \n\n`2020-09-04`  [Proxy Pattern](https://oldmo860617.medium.com/proxy-pattern-5f89595dcd30?source=your_stories_page-------------------------------------)  \n\n`2020-08-30`  [菜鳥工程師的初次 Open Source Contribution](https://oldmo860617.medium.com/%E8%8F%9C%E9%B3%A5%E5%B7%A5%E7%A8%8B%E5%B8%AB%E7%9A%84%E5%88%9D%E6%AC%A1-open-source-contribution-fca04240bf31?source=your_stories_page-------------------------------------)  \n\n`2020-08-23`  [沒了解過 Cache，就別說網站性能沒救了！](https://oldmo860617.medium.com/%E6%B2%92%E4%BA%86%E8%A7%A3%E9%81%8E-cache-%E5%B0%B1%E5%88%A5%E8%AA%AA%E7%B6%B2%E7%AB%99%E6%80%A7%E8%83%BD%E6%B2%92%E6%95%91%E4%BA%86-6d9d4cfe3291?source=your_stories_page-------------------------------------) \n\n`2020-08-16`  [初探 Server-Side-Rendering 與 Next.js 推坑計畫](https://medium.com/starbugs/%E5%88%9D%E6%8E%A2-server-side-rendering-%E8%88%87-next-js-%E6%8E%A8%E5%9D%91%E8%A8%88%E7%95%AB-d7a9fb48a964?source=your_stories_page-------------------------------------)  \n\n`2020-08-10`  [Web Server \u0026 Nginx — (2)](https://medium.com/starbugs/web-server-nginx-2-bc41c6268646?source=your_stories_page-------------------------------------)  \n\n`2020-08-07`  [Web Server \u0026 Nginx — (1)](https://medium.com/starbugs/web-server-nginx-1-cf5188459108?source=your_stories_page-------------------------------------)  \n\n`2020-08-02`  [讓任務排隊吧：Message Queue — (3)](https://medium.com/starbugs/%E8%AE%93%E4%BB%BB%E5%8B%99%E6%8E%92%E9%9A%8A%E5%90%A7-message-queue-3-251b25bf0b22?source=your_stories_page-------------------------------------)  \n\n`2020-07-30`  [讓任務排隊吧：Message Queue — (2)](https://medium.com/starbugs/%E8%AE%93%E4%BB%BB%E5%8B%99%E6%8E%92%E9%9A%8A%E5%90%A7-message-queue-2-305165f0dcad?source=your_stories_page-------------------------------------)  \n\n`2020-07-27`  [讓任務排隊吧：Message Queue — (1)](https://medium.com/starbugs/%E8%AE%93%E4%BB%BB%E5%8B%99%E6%8E%92%E9%9A%8A%E5%90%A7-message-queue-1-de949e274c43?source=your_stories_page-------------------------------------)  \n\n`2020-07-21`  [朝更好的 OOC 走去: IOC 控制反轉與 DI 依賴注入](https://oldmo860617.medium.com/%E6%9C%9D%E6%9B%B4%E5%A5%BD%E7%9A%84-ooc-%E8%B5%B0%E5%8E%BB-ioc-%E6%8E%A7%E5%88%B6%E5%8F%8D%E8%BD%89%E8%88%87-di-%E4%BE%9D%E8%B3%B4%E6%B3%A8%E5%85%A5-b7fed15ff058?source=your_stories_page-------------------------------------)  \n\n`2020-07-05`  [初探 Deno — 與 Node.js 的淺比較](https://oldmo860617.medium.com/%E5%88%9D%E6%8E%A2-deno-%E8%88%87-node-js-%E7%9A%84%E6%B7%BA%E6%AF%94%E8%BC%83-19e8c6cbb249?source=your_stories_page-------------------------------------)  \n\n`2020-06-16`  [【筆記】Database Sharding](https://oldmo860617.medium.com/%E7%AD%86%E8%A8%98-database-sharding-22e22f0809c0?source=your_stories_page-------------------------------------)  \n\n## IT邦幫忙鐵人賽\n\n`11TH`  [React.js 從 【0】 到【1】推坑計畫 ](https://ithelp.ithome.com.tw/users/20113277/ironman/2212) \n\n`12TH`  [前端工程師一起來種一棵後端技能樹吧！ ](https://ithelp.ithome.com.tw/users/20113277/ironman/2937)  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylemocode%2Fblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkylemocode%2Fblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylemocode%2Fblog/lists"}