What is Three.js

• Renderer: Receives Scene and Camera objects and renders the 3D scene as a 2D image.
• Scene Graph: Represents the hierarchical structure of nodes (elements) in the scene.

After upgrading Node.js, you may encounter errors when loading scripts.

If you’re seeing openSSL errors, try enabling legacy mode as follows:

export NODE_OPTIONS=--openssl-legacy-provider

"scripts": {
  "build": "NODE_OPTIONS=--openssl-legacy-provider webpack --mode production"
}

In JavaScript, floating-point numbers are represented using the 64-bit floating-point format defined by the IEEE 754 standard.

Some numbers cannot be represented exactly, which can lead to errors.

Issues with Floating-Point Numbers

1. Limitations of Binary Representation: Some decimal fractions cannot be represented exactly in binary form. For example, numbers like 0.1 or 0.2 become repeating decimals when converted to binary floating-point and are stored as approximations.

console.log(0.1 + 0.2); // 예상: 0.3, 실제: 0.30000000000000004

2. Loss of Precision: Small errors during calculations can accumulate into significant errors. This is particularly problematic in iterative calculations or financial computations.

Solutions

1. Using the toFixed() Method

The toFixed() method rounds a number to a specified number of decimal places and returns it as a string.