Miku SANO miku0129

Conclusion After launching Ubuntu on VirtualBox, I noticed that the network was not working. This turned out to be because VirtualBox requires manual switching between Wi-Fi and wired LAN. Environment Ubuntu-20.04.4 VirtualBox 7.1.8 Steps Taken for Trouble Shooting 1. Check the current network status Type nmcli device status. <network interface> ethernet connecting (getting IP configuration) netplan-<network interface> lo loopback connected (externally) It means the connection to wasn’t really connected. 2.Try to reconnect to network At first disconnect from current network: sudo nmcli device disconnect <network interface>

While editing code, my machine crashed unexpectedly. After recovering, I encountered a persistent error message every time I tried to git push: me@my-machine:~/some/directory$ git commit -m "refactor: updating changes" [main a3d7e5b] refactor: updating changes 4 files changed, 15 insertions(+), 41 deletions(-) me@my-machine:~/some/directory$ git push Enumerating objects: 17, done. error: object file .git/objects/47/91d93efad0c600dd4de05433259e97f94d1425 is empty Counting objects: 100% (17/17), done. Delta compression using up to 4 threads Compressing objects: 100% (9/9), done.

When I added custom npm package-built with Tailwind CSS-to a React project that already used Bootstrap, some Tailwind styled were unexpectedly overridden. Add a prefix to Tailwind CSS utilities in the npm package. Confiture style layer order in the consuming project to prioritize Tailwind utilities over Bootstrap. Optionally, use Tailwind’s !(important) syntax for specific cases. To avoid class name conflicts, I confitured Tailwind in my npm package with a prefix, like this.

I created an npm package that includes React components styled with Tailwind CSS. However, when I imported the package into another project, the components rendered—but without any styles. Through the browser’s developer tools, I could confirm that the Tailwind utility classes were present in the HTML, but the actual styles weren’t being applied. The Cause Tailwind CSS styles weren’t included in the consuming project. Although the utility classes existed in the DOM, the corresponding CSS wasn’t available in the browser.

Conclution It’s because browsers apply default styles to HTML elements, and Tailwind CSS removes those defaults using its built-in reset called Preflight. By default, browsers apply their own styles to HTML elements like headings and buttons. For example, <h1> tags might appear bold and large, and <button> elements usually have borders and background colors - even if you haven’t added any CSS yet. In general, CSS frameworks override these defaults.

I’d like to share my experience setting up a shared file system between a Host OS (Windows 10) and a Guest OS (Ubuntu 24.04) running in a virtual machine. Although I followed the steps in this guide, I discovered that it lacked an important virtual machine setting required for proper connectivity. How To Share File From Host Machine(Windows) To Guest Machine(Linux) To verify whether the guest OS is accessble from the host, you can use the ping command after completing the setup on Ubuntu.

To test Windows 11, I installed it on VirtualBox using an ISO file. Later I installed Ubuntu-24.04 on Windows 11 via WLS1. I followed this YouTube video to install Windows 11 in VirtualBox. How to Install Windows 11 in VirtualBox However, I initially missed the message that said Press any key to boot from CD or DVD after launching the newly created virtual machine. As a result, I failed to boot properly and had to restart the process several times.

Last time, I wrote about deploying a static web application on a VPS via Portainer. This article summarizes the knowledge I gained from deployment a full-stack web application on a VPS via Portainer. Table of contents Insights 1. Building a Dockerfile Requires a Local Build File 2. Database Configuration docker-compose.yaml Unknown Error Insights 1. Building a Dockerfile Requires a Local Build File Building a Dockerfile requires the application’s build file to be in the root directory.

To manage version control for my blog posts, I wanted to enable Git over SSH in the directory where I store them, making version control easier to handle. In the end, I spent a day troubleshooting an issue caused by a misconfiguration in the VPS that prevented me from connecting to the Docker Container hosting Gitea. My initial configuration I generated ssh-key then placed it in the .ssh/ directory in the VPS.

One day I noticed that the app I deployed on my VPS was getting too heavy… I typed the top command to see ongoing tasks. $ top Then I found an unknown service named kinsing What is Kinsing ? Kinsing is a kind of malware. Malware is the name given to software aimed at malicious activity. What is the purpose of Kinsing ? Kinsing`s main objective is to mine bitcoins by occupying resources such as CPU and memory.