程式碼之外，還有生活的藝術 前端工程師 / 攝影 / 生活紀錄
- 文章334
- 標籤474
標籤查看更多
分類查看更多
- Advanced Web Dev Quiz (27)
- Deep JavaScript Foundations v3 (69)
- Full Stack Fundamentals (47)
- JavaScript Hard Parts v3 (50)
- JS地下城 (5)
- Testing Fundamentals (27)
- TypeScript Fundamentals (28)
- Web Performance Fundamentals (41)
- You Might Not Need a Framework (32)
- 學習經歷 (2)
- 生活亂談 (2)
- 程式筆記 (4)
Dev
前端技術、踩坑紀錄與學習筆記
332 篇2026-08-1614 分鐘閱讀
用 NodeSource 安裝最新版 Node.js，比較 apt 與 apt-get 差異，用 chown 取回目錄擁有權避免每次 sudo，跑一遍 git init、npm init 建立陽春 Node.js 伺服器，並在 Nginx 新增虛擬伺服器設定檔，用 proxy_pass 轉送請求給 Node。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #NodeJs #NodeSource #Chown #Git #Npm #Nginx #ProxyPass 2026-08-1514 分鐘閱讀
安裝 Nginx 讓伺服器第一次真正回應請求，說明反向代理（reverse proxy）的用途，比較 Nginx 與 Apache 的差異，並拆解 sites-available 底下設定檔中 root、location block 與 directive 的結構，實際動手編輯出屬於自己的第一個網頁。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Nginx #WebServer #ReverseProxy #Apache #NginxConfig #SitesAvailable 2026-08-1513 分鐘閱讀
實際查看 /var/log/auth.log，看見伺服器上線瞬間湧入的入侵嘗試，理解為什麼要停用 root 登入；用 chmod 644 修正 authorized_keys 權限、編輯 sshd_config 停用 root，並強調照順序驗證新使用者能登入再重啟 daemon，避免把自己鎖在伺服器外。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Linux #Chmod #FilePermissions #SSH #SSHDaemon #AuthLog #RootLogin 2026-08-1415 分鐘閱讀
解釋為什麼伺服器上不能長期用 root 帳號操作，實際用 adduser 建立新使用者、用 usermod 把它加進 sudo 群組取得超級使用者權限，並手動建立 authorized_keys 檔案、把 SSH 公鑰交給新帳號，讓新使用者也能用金鑰安全登入伺服器，不再需要依賴 root 帳號操作。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Linux #Root #Sudo #AddUser #Usermod #SSH #AuthorizedKeys 2026-08-1416 分鐘閱讀
用 Namecheap 買下網域完整走一遍：解釋為什麼選它而非 Google Domains、哪些頂級網域（.org、.edu、.gov、.mil）受限，並把名稱伺服器換成 DigitalOcean、新增根網域與 www 的 A 記錄，用 dig、nslookup 驗證設定生效，最後介紹網域信箱轉寄技巧。
2026-08-1316 分鐘閱讀
拆解網域名稱系統（DNS）如何像電話簿一樣把好記的網域名稱翻譯成 IP 位址，用 nslookup、dig 實際查詢名稱伺服器、A 記錄與 CNAME 記錄的差異，並說明 URL 的完整結構（網域、子網域、TLD、路徑、查詢參數），透過 toyota.com 等真實案例談 ICANN 的網域仲裁與網域搶註爭議。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #DNS #Nameserver #Nslookup #Dig #URL #TLD #ICANN #Cybersquatting 2026-08-1313 分鐘閱讀
解釋上一節用 ping、traceroute 時反覆出現的 TCP 與 UDP 到底是什麼，拆解 TCP 三向交握如何確保資料完整送達、UDP 為什麼犧牲可靠性換取速度並適合串流應用，說明封包與 ICMP 的角色，並揭露 ping of death 與 DDoS 攻擊背後利用的正是這套機制。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Networking #TCP #UDP #ICMP #Packet #DDoS #ThreeWayHandshake #PingOfDeath 2026-08-1212 分鐘閱讀
不再只憑口頭描述，直接用 ping 快速檢查主機是否在線、用 traceroute 印出連到 google.com 沿途每一個節點的位址與延遲、用 netstat 檢視電腦上所有開放的通訊埠與連線的詳細狀態，藉此驗證前一節講的請求傳遞路徑是不是真的長這樣，也學會用這些工具排查網路問題究竟卡在哪一層。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Networking #Ping #Traceroute #Netstat #ISP #Backbone 2026-08-1216 分鐘閱讀
拆解「網路是怎麼運作的」這個經典面試題背後的完整答案：一個請求如何從網路卡出發，依序經過路由器、數據機、ISP、Tier 1 骨幹網路、資料中心、伺服器叢集與負載平衡器，最終抵達伺服器，並釐清網際網路、內部網路、區域網路、廣域網路等專有名詞，以及 IP 位址的分配方式、IPv4 與 IPv6 位址數量的差異。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Internet #Networking #IPAddress #ISP #Router #LoadBalancer #Backbone #DataCenter #IPv4 #IPv6 2026-08-1111 分鐘閱讀
重新走一遍 SSH 金鑰產生、加進 DigitalOcean 到登入伺服器的完整流程，解釋第一次連線出現主機驗證提示的原因與 known_hosts 檔案的作用，並示範修改 SSH config、用 ssh-add 把私鑰加進 macOS 鑰匙圈，讓 SSH agent 自動嘗試金鑰，之後不必每次都手動指定身份檔案。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Security #SSH #KnownHosts #SSHConfig #SSHAgent #Keychain #DigitalOcean MIT Licensed | Copyright © 2025-present Wen-Hsiu's Blog