Dev：前端技術與學習筆記第 8 頁

程式碼之外，還有生活的藝術前端工程師 / 攝影 / 生活紀錄

文章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-2112 分鐘閱讀

讀 log 檔的正確工具：cat、tail -f 怎麼選，以及 POSIX 標準串流與重導向符號全解析

解釋為什麼 cat 與 tail -f 適合不同讀取情境，整理 syslog、auth.log、Nginx 日誌為什麼統一放在 /var/log/，拆解 POSIX 標準賦予每個指令的標準輸入、輸出、錯誤三個共同介面，並說明 >、>>、2>&1 這些重導向符號的作用，理解指令為何能無限串接組合。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Logging #POSIX #StandardStreams #Pipe #Redirection #Tail

2026-08-2016 分鐘閱讀

用 cron 打造假 CI/CD：bash script 自動 git pull，crontab.guru 排程

不靠 Spinnaker 這類重型工具，只用 shebang、chmod、git pull 三行程式碼寫出 bash script，搭配 cron 每分鐘自動從 GitHub 拉取最新程式碼，用 crontab.guru 破解排程語法、syslog 搭配 logger 除錯，體驗簡化版 CI/CD 運作原理。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #CICD #Cron #Crontab #BashScript #Shebang #Syslog #Logger #CrontabGuru

2026-08-2012 分鐘閱讀

CI/CD 是什麼：連續整合、連續交付與連續部署三個名詞的差異，為什麼測試才是核心而非推得更快

拆解為什麼超過一人規模的團隊就需要 CI/CD，釐清連續整合（CI）、連續交付與連續部署三個常被混用的名詞差異，說明為什麼醫療這類高風險應用寧可選擇連續交付保留人工把關，並指出多數人對 CI/CD 的誤解：真正的核心從來不是「推得更快」，而是容易被忽略的測試與驗證環節。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #CICD #ContinuousIntegration #ContinuousDelivery #ContinuousDeployment #Testing #Pipeline #Spinnaker #GitBisect

2026-08-199 分鐘閱讀

unattended-upgrades 安裝教學：Ubuntu 伺服器自動套用 LTS 更新，多數資安事件只是懶得補洞

許多資安事件（尤其是 WordPress 站台）其實只是因為系統沒有定期更新，這一節安裝 unattended-upgrades 讓 Ubuntu 伺服器在背景自動套用 LTS 穩定更新，用 dpkg-reconfigure 完成設定，不必再自己動手寫 cron job 排程更新流程。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Security #UnattendedUpgrades #Apt #LTS #DpkgReconfigure

2026-08-1912 分鐘閱讀

chmod 數字背後的數學：read、write、execute 怎麼變成 4、2、1，以及最小權限原則

拆解 ls -la 顯示的 rwx 權限字元背後代表什麼、擁有者、群組、其他人這三層權限怎麼區分，並揭開 chmod 數字（例如 777、600）背後其實是 read=4、write=2、execute=1 這三個八進位數字加總而成，說明為什麼永遠不該隨手 chmod 777，而該遵守最小權限原則。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Security #Chmod #FilePermissions #LeastPrivilege #Octal

2026-08-1812 分鐘閱讀

用 UFW 設定防火牆：關閉不該開放的 3000 埠，以及 deny 與 reject 的關鍵差異

用 ufw（Uncomplicated Firewall）取代過去繁瑣的 iptables 設定，實際只開放 22 與 80 埠、關掉上一節發現的 3000 埠，並解釋 deny 與 reject 的差異，為什麼靜默的 deny 反而更能防範放大攻擊，以及設定防火牆時千萬不能誤鎖 SSH 埠。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Security #Firewall #UFW #Port #DDoS #AmplificationAttack #IPTables

2026-08-1811 分鐘閱讀

什麼是連接埠（Port）：常見服務對應的埠號，用 nmap 掃描伺服器找出不該開放的 3000 埠

解釋連接埠（port）為什麼能讓一個 IP 位址同時承載成千上萬個服務，一次認識 SSH、FTP、HTTP、HTTPS 等常見埠號與埠號衝突該怎麼避開，並實際用 nmap 掃描伺服器，揪出因為 Node 伺服器而意外對外開放的 3000 埠，理解為什麼只有 22 與 80 埠該保持開放。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Security #Port #Nmap #VPN #PortCollision #WellKnownPorts

2026-08-1710 分鐘閱讀

伺服器被入侵之後能做什麼：偷走 GitHub 帳號、清空紀錄，為什麼唯一解法是砍掉重練，SSH 金鑰與防火牆缺一不可

重新檢視上線一天後的 auth.log，具體拆解一旦有心人士取得伺服器存取權能做哪些事，從濫用頻寬、把伺服器當跳板攻擊他人，到透過伺服器上的 SSH 金鑰偷走 GitHub 帳號、抹除入侵紀錄，並說明為什麼機器一旦被入侵就只能整台砍掉重練，以及 SSH 金鑰、防火牆、隨時更新軟體這三項基本防線為什麼缺一不可。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Security #AuthLog #Firewall #SSH #Rootkit #PortScanning #BruteForce

2026-08-1712 分鐘閱讀

Git 也是靠雜湊運作的：在伺服器上建一把 GitHub 專用金鑰，改用本機開發後 push、pull 就好

Git 底層同樣仰賴 SHA-1 雜湊，發明者 Linus Torvalds 也打造了 Linux。記錄如何在伺服器建立獨立的 gh_key、加進 GitHub、設定 SSH config 讓連線自動套用金鑰，並用 ssh -Tv 排查連線問題，之後改回本機開發，用 git push、pull 跟伺服器同步。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Git #GitHub #SSH #SSHConfig #Hashing #SHA1

2026-08-1616 分鐘閱讀

寫出 Nginx 虛擬伺服器設定檔，用 nginx -t 驗證，並用 PM2 讓 Node 應用程式永遠活著

實際寫出 Nginx 虛擬伺服器區塊，設定 listen 80、proxy_pass 轉給 3000 埠的 Node 應用程式，用 nginx -t 驗證設定、移除預設站台避免衝突，接著別忘了實際啟動 Node 伺服器，最後裝 PM2 讓應用程式在關閉終端機、伺服器重開機後依然自動存活，並設定當機自動重啟。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Nginx #VirtualServer #ProxyPass #PM2 #ProcessManager #NodeJs

1...5 6 7 8 9 10 11...34