Three.js 3D ๋์๋ชจ๋ธ & Netlify ๋ฐฐํฌ
์ธ์ ๊น์ง ๋ฐ์ค๋ ๊ตฌ์ฒด ๋บ๋บ์ด ๋๋ ๊ฒ๋ง ๋ฐฐ์ฐ์๋์, ์ฒ์ ๋ด์ผ์ง ๋๋ฌด๋ง ๋ณด๋ฉด ์๊ฐ์ด ํฌ์ง ์์ต๋๋ค. ์์ ์ด๋ณด๋ฅผ ํ์ถํ๊ณ ์ค๋ฌด์ ์ ์ฉํ ์ ์์ผ๋ฉฐ, ์ต๊ทผ ์ฃผ๋ชฉ๋ฐ๊ณ ์๋ ๋์งํธ-ํธ์์ ํ ์ญํ ์ ๋ด๋นํ Three.js์ ํ์๋ฅผ ๋๊ปด๋ณด์ธ์. ํํ์ด์ง ๋บ๋บ์ด ์ฉ๋๊ฐ ์๋ ์ ๋ฌด ์ ์ฉ ์์ค์ ๋๋ค. ์ ์กฐ,๊ตญ๋ฐฉ,์ฌ๋,์ด์ก ๋ถ์ผ๋ฑ ๊ด๋ จ ๋ชจ๋ธ(glb, glTF..)์ ์ ์ ์ญ๋์ ๋ณด์ ํ๋ฉด ๋๋ฉ์ธ ์ ๋ฌธ์ฑ์ด ํ ์ธต ์ ๊ทธ๋ ์ด๋ ๋ฉ๋๋ค. ๊ฐ์ธ ๋ฐ ํ์ฌ ์๋ฒ์ On-Premises์ฉ Node.js(Express) & Nest.js ๊ฐ ์๋ฒ๋ ๊ฐ๋ฐํฉ๋๋ค ๋ณธ ๊ฐ์๋ฅผ ์กฐ๊ธ๋ง ๋ณํ ํด๋ ํ์ํํ ์๋น์ค ์ ์๊ณผ ๋๋ถ์ด IT ์ธ์ฌ๋ก ๊ฑฐ๋ญ๋ ๊ฒ์ ๋๋ค. ์ฌ๋ฌ๋ถ ์ซ์ง ๋ง์๊ณ , ๋์ ํ์ธ์ ๊ทธ๋ฆฌ ์ด๋ ต์ง ์์ต๋๋ค.^^

์๋ ํ์ธ์, ํ์ข ์ธ ์ ๋๋ค.
๊ฐ์ ์ ๋ณด:node v22.21.1 "dependencies": { "@tweenjs/tween.js": "^25.0.0", "lil-gui": "^0.21.0", "lodash": "^4.17.21", "pako": "^2.1.0", "three": "^0.181.1", "tweakpane": "^4.0.5" }, "devDependencies": { "@tweakpane/core": "^2.0.5", "@types/gulp": "^4.0.18", "@types/gulp-clean-css": "^4.3.4", "@types/gulp-rename": "^2.0.7", "@types/pako": "^2.0.4", "@types/three": "^0.181.0", "del": "^8.0.1", "gulp": "^5.0.1", "gulp-clean-css": "^4.3.0", "gulp-rename": "^2.1.0", "gulp-replace": "^1.1.4", "terser": "^5.44.1", "vite": "^7.2.2" }์๋๋ ์ธ์์ฌ๋ ์ด์ผ๊ธฐ ์ ๋๋ค.
ํดํผ ์ฝ๋ฉ์ ์ญ์ ์ ์ฝ๋ฉ์ด ์ข์์. ๋ ์ค์ํ ๊ฑด ๋๋ฉ์ธ ์ง์์ ๋๋ค.์๋ ํ์ธ์, ํ์ข ์ธ์ ๋๋ค.
๊ฐ์ ์ ๋ณด:node v22.15.0 @types/three ^0.172.0 โ ^0.176.0 terser ^5.37.0 โ ^5.39.2 three ^0.172.0 โ ^0.176.0 vite ^6.0.11 โ ^6.3.5์๋๋ ์ธ์์ฌ๋ ์ด์ผ๊ธฐ ์ ๋๋ค.
์ต๊ทผ ๋ฐ์ด๋ธ AI ๋ถ์ผ๊ฐ ๋ง์ด ๋ฐ์ ํ์ง์.ํ๋ฐ ์ ๋ ์ด์ ์ปค์ ธ๋ ์ฌ์ฉํ์ง ์๊ธฐ๋ก ํ๋ต๋๋ค.
๊ทธ ์ด์ ๋ ๋๋ฌด ์ด์ต์๋ง ๋งค๋ชฐ๋ ๋๋์ด๊ณ ์ฌ๋์๊ฒ ์คํ๋ ค ์ผ์ ์ํค๋ ค๋ ๋ฏํฉ๋๋ค.
๋ง๋ "๋ค, ์ด๋ ๊ฒ ํด์ฃผ์ธ์" ๋ผ๊ณ ์ง๋ฌธ ๋ต๋ณ๋ ์ฃผ๋๊ฒ ์ฌ์ง ์๊ธฐ๊ธฐ๋ ํ๊ณ ํด์์, ๋ณ๋ก ์ํ์ง๋ ๋ชปํ๋ฉด์...
๋น์ฉ ์ง๋ถํ๊ณ ์ํค๋๋ฐ๋ก๋ ์ ๋๋ก ๋ชปํ๋๊ฒ ํ๋ ์๋์ฒด๋ฅผ ํด์ discord์ complain ์๋ ์ฐ๊ณ ํํด...
์ฌ๋ฌ๋ถ๋ ์ข์ ai ์ ๊ณจ๋ผ์ ๊ฐ๋ฅํ๋ฉด 3๊ฐ ์ ๋ ๊ธฐ๋ณธ ๋น์ฉ์ผ๋ก ๋๋ ค๊ฐ๋ฉด์ ์ฐ์ธ์, ํ๋์ ๋งค๋ชฐ๋๋ฉด ์ปค์ ธ๊ฐ์ด ๋ฉ๋๋ค. ํดํผ ์ฝ๋ฉ์ ์ญ์ ์ ์ฝ๋ฉ์ด ์ข์์.*.Three.js 172 ๊ฐ์
@types/three ^0.169.0 โ ^0.172.0 lil-gui ^0.19.2 โ ^0.20.0 terser ^5.34.1 โ ^5.37.0 three ^0.169.0 โ ^0.172.0 tweakpane ^4.0.4 โ ^4.0.5 vite ^5.4.9 โ ^6.0.11๋ชจ๋๋ค ์ด๊ณต ํ์ธ์. ํ์ดํ .
24.11์12์ผ ๋ฒ์ ผ ๊ฐฑ์ ๋ด์ฉ์ ๋๋ค.
*. ์์ ์์: ncu => ncu -u => npm i
-.NestJS
@tweakpane/core ^2.0.4 โ ^2.0.5 @types/three ^0.169.0 โ ^0.170.0 terser ^5.34.1 โ ^5.36.0 three ^0.169.0 โ ^0.170.0 vite ^5.4.8 โ ^5.4.11-.NodeJS * NestJS
Node LTS ์ ๊ทธ๋ ์ด๋ ๋ฐ ์์ ๋ฒ์ ํ ์คํธ ์๋ฃ
@types/swagger-ui-express ^4.1.6 โ ^4.1.7 express ^4.21.0 โ ^4.21.1@nestjs/cli ^10.4.5 โ ^10.4.7 @nestjs/common ^10.4.4 โ ^10.4.7 @nestjs/core ^10.4.4 โ ^10.4.7 @nestjs/platform-express ^10.4.4 โ ^10.4.7 @nestjs/schematics ^10.1.4 โ ^10.2.3 @nestjs/swagger ^7.4.2 โ ^8.0.5 @nestjs/testing ^10.4.4 โ ^10.4.7 @types/jest ^29.5.13 โ ^29.5.14 @types/node ^22.7.4 โ ^22.9.0 @typescript-eslint/eslint-plugin ^8.8.0 โ ^8.14.0 @typescript-eslint/parser ^8.8.0 โ ^8.14.0 eslint ^9.12.0 โ ^9.14.0 typescript ^5.6.2 โ ^5.6.324.10.27์ผ ํ์ฌ ๋ฒ์ ๊ฐฑ์ ์ ๋ณด
-.Client
terser ^5.34.1 โ ^5.36.0 vite ^5.4.8 โ ^5.4.10ncu => ncu -u => npm i
-.NestJS
@nestjs/common ^10.4.4 โ ^10.4.6 @nestjs/core ^10.4.4 โ ^10.4.6 @nestjs/platform-express ^10.4.4 โ ^10.4.6 @nestjs/schematics ^10.1.4 โ ^10.2.2 @nestjs/testing ^10.4.4 โ ^10.4.6 @types/jest ^29.5.13 โ ^29.5.14 @types/node ^22.7.5 โ ^22.8.1 @typescript-eslint/eslint-plugin ^8.8.1 โ ^8.11.0 @typescript-eslint/parser ^8.8.1 โ ^8.11.0 eslint ^9.12.0 โ ^9.13.0๊ธ์ฃผ๋ Node ๋ณ๊ฒฝ์ด ์์ต๋๋ค.
๋ชจ๋๋ค ์ด๊ณต ํ์ธ์.
๋ค์ ๋ฌ ์ฆ์์ ๋ค์ ๊ฐ์ข๊ฐ ์ ๊ณต๋ฉ๋๋ค.
(๊ตฌ๊ธ ๋ฐ, ์ค ์ธ๋ฐ, ๋ณ์ ์ ๋ฌด๋ก ์ ๊ณตํ๊ณ ๋ค๋ฐฉ๋ฉด์ผ๋ก ๋ณ๊ฒฝ ๊ฐ๋ฅํฉ๋๋ค)
Vue3 + WebRTC + WebSocket + TTS/STT + Tensorflow + Node + MySQL
24.10.19์ผ ํ์ฌ ๋ฒ์ ๊ฐฑ์ ๋ด์ฉ์ ๋๋ค.
*. ์์ ์์: ncu => ncu -u => npm i
-.NestJS
@nestjs/common ^10.4.4 โ ^10.4.5 @nestjs/core ^10.4.4 โ ^10.4.5 @nestjs/platform-express ^10.4.4 โ ^10.4.5 @nestjs/schematics ^10.1.4 โ ^10.2.2 @nestjs/testing ^10.4.4 โ ^10.4.5 @types/node ^22.7.4 โ ^22.7.7 @typescript-eslint/eslint-plugin ^8.7.0 โ ^8.10.0 @typescript-eslint/parser ^8.7.0 โ ^8.10.0 eslint ^9.11.1 โ ^9.13.0 typescript-.NodeJS
Node LTS ์ ๊ทธ๋ ์ด๋ ๋ฐ ์์ ๋ฒ์ ํ ์คํธ ์๋ฃ
v20.18.0 LTS v22.8.0express ^4.21.0 โ ^4.21.1






