News
-
[Super Easy] Guide to building the best automatic deployment environment starting with Coolify x Xserver VPS x Cloudflare
In this article, we will summarize the steps to install Coolify on a VPS, integrate with GitHub, auto-deploy, and build your own domain + HTTPS using Cloudflare. The target audience is as follows: How to manage multiple apps on a Docker basis GUI... -
[2025 Edition] Next.js Hosting: Vercel Free Plan vs Paid Plan Thorough Comparison | Summary of Features, Limitations and Fees
Vercel is widely used as a hosting platform for Next.js apps. While it's easy to get started with the free plan (Hobby), the paid plan (Pro) has features that are essential for large-scale development. In this article, we will introduce the [2025 edition] to the full version of Vercel's free plans vs paid plans... -
[For beginners] Introduction to React Three Fiber x Drei x TypeScript! Create pixel art and dynamic animations from images
Recently, web application development has seen an increasing number of efforts to improve the user experience using graphics. With React Three Fiber (R3F), you can easily utilize Three.js features as a React component, making it easy for anyone to create attractive expressions... -
[Complete explanation] Learn with React Three Fiber × TypeScript! Practical guide to Transform (Position, Rotation, Scale) for 3D Objects
One thing that cannot be avoided in 3D app development is the operations of objects such as "Position", "Rotation", and "Scale". React Three Fiber (R3F) allows you to intuitively build 3D scenes while taking advantage of React's component-based mechanisms... -
[Super Easy] Introduction to React Three Fiber x Drei x TypeScript! Poke Poke style 3D background made with standard objects!
Recently, there have been an increasing number of cases where 3D graphics are used in web app development. In particular, React Three Fiber (R3F) allows you to easily handle Three.js as a React component. This time, we will also use the Three.js wrapper library Drei... -
[Super Introduction] React Three Fiber × Drei × TypeScript! Basics of 3D expressions made with standard objects
3D design is now attracting a lot of attention not only in game development, but also in the world of websites and next-generation interfaces. Have you ever thought, "I want to create that charming world myself!"? However, many people probably find that 3D is difficult. Traditional Thre... -
[Super Introduction] Easy even for beginners! Build a 3D environment for TypeScript x React Three Fiber with Vite!
Recently, on the web, we have seen more and more interactive and beautiful 3D representations. For example, 3D animation backgrounds, game-style designs, and even next-generation interfaces. At first glance, these may seem like "advanced skills required", but React T... -
Control 3D models in glb format generated using Meshy AI using React and Three.js! How to manage multiple animations
Are you interested in controlling animations for 3D models? Recently, there are an increasing number of 3D model generation tools that utilize AI, and among them, Meshy AI is attracting attention as a tool that allows you to easily create high-quality 3D models. However, the generated 3D model is... -
For beginners: Practice with Spring Boot and MyBatis! SQL Injection Risks and Prevention
Security measures are unavoidable when developing web applications. Among them, "SQL injection" is known as a serious threat to databases. In this article, we will explain in an easy-to-understand manner how SQL injection works, and we will explain what it actually is... -
I tried making bears walk with React x Three.js! Easy 3D modeling with Meshy AI!
As AI technology evolves, 3D modeling has become easier and more enjoyable. With the introduction of "Meshy AI," which can be easily used by beginners of programming, 3D modeling, which we have previously found difficult, has suddenly lowered the hurdle. 📺 Check Mesh: This Lin...