My Profile Photo

Hao's Keeper


A blog to place memos


  1. Bootstrap5 Alignment

    Columns build on the grid’s flexbox architecture. Flexbox means we have options for changing individual columns and modifying groups of columns at the row level. You choose how columns grow, shrink, or otherwise change. When building grid layouts, all content goes in columns. The hierarchy of Bootstrap’s grid goes from container to row to column to your content. On rare occasions, you may combine content and column, but be aware there can be unintended consequences. Bootstrap includes predefined classes for creating fast, responsive layouts. With six breakpoints and a dozen columns at each grid tier, we have dozens of classes already built for you to create your desired layouts. This can be disabled via Sass if you wish. …


  2. Ubuntu UFW

    List all rules sudo ufw status numbered …


  3. Create Web Prject On Intellij IDEA

    Don’t Start With “Web” Choose Java …


  4. Auto Redeploy(Hot Swap) On Intellij IDEA

    It’s just not like NetBeans! You Can’t hot swap when save file! Artifacts choose Web Application: Exploded Server configuration: [On ‘Update’ action:] choose Update classes and resources manually Command + F10 to update running application. …


  5. Auto Compile SCSS IN Intellij IDEA

    Install plugin: File Watchers …


  6. React Project Specify Port

    package.json …


  7. npm command

    npm list …


  8. Run Project On Intellij IDEA

    Artifacts choose Type: Web Application: Exploded double click on Available Elements: Web facet resours …


  9. Method Function

    Starting with ECMAScript 2015, you are able to define own methods in a shorter syntax, similar to the getters and setters. See method definitions for more information. …


  10. OSX 10.13.6 High Sierra Homebrew Gem Not Work

    起因是為了安裝 dart sass, 結果就把原本不確定是 gem 還是 brew 的 sass 移除, 結果導致 http-server 也壞掉了… …