🎄 개발자라면 크리스마스 트리부터 만들고 시작해야 하는 거 아닙니까

🎅산타 할아버지, 저는 선물로 행복한 71억 주세요. 기억말고 71억이요,,,

크리스마스가 오면 사람들은 트리를 꺼내고,

개발자는 콘솔을 켭니다.

그리고 이렇게 생각합니다.

“별 찍고 공백 맞추는 트리…

나도 한 번쯤은 만들어봤지.”

    *
   ***
  *****
 *******
*********

이 트리의 문제점은 명확합니다.

재미가 없습니다.

너무 빨리 끝납니다.

그리고 GPU가 전혀 아프지 않습니다.

그래서 문제가 됩니다.

---

🎅 이 정도로는 만족하지 못합니다

문득 이런 생각이 들었습니다.

“three.js를 아직 안 써봤는데

이걸 크리스마스까지 미루면 영영 안 쓰는 거 아닐까?”

공부 목적으로 시작하기엔 귀찮고,

사이드 프로젝트로 하기엔 애매한데

마침 트리가 있었습니다.

그래서 결론은 간단했습니다.

트리를 3D로 만들자.
느리면 느린 대로 두자.

---

🌲 그래서 나온 결과물

👉 https://3-d-christmas-tree.vercel.app/

• 마우스로 돌릴 수 있고
• 전구가 깜빡이고
• 눈이 내리고
• 설정 패널까지 있습니다

그리고 제일 중요한 특징 하나.

컴퓨터가 크리스마스를 함께 느낍니다. (팬 소리)

---

🧩 기술 얘기

이번 트리는

Next.js 위에 React Three Fiber를 얹어서 만들었습니다.

three.js를 직접 쓰기엔 연말이었고,

그래서 React스럽게:

• group으로 장식들을 묶고
• useFrame으로 전부 움직이게 만들고
• 전구는 배열로 쭉 만들었습니다

전구 깜빡임은 사실 굉장히 단순합니다.

Math.sin(time + offset)

하지만 이 한 줄 덕분에

전구들이 “나 각자 살아있다”는 태도를 보입니다.

---

🎛️ 괜히 만들어본 설정 패널

전구 개수, 속도, 눈 내림 여부, 자동 회전.

없어도 되는데

있으면 더 만지고 싶어집니다.

이걸 만들면서 느낀 점은 하나였습니다.

설정 패널은 기능보다

괜히 있는 게 더 중요하다.

---

🐢 최적화는요? 안 했습니다

왜냐하면

이 트리는 실무용이 아니라

연말 감성용이기 때문입니다.

• 전구 많음
• 라이트 많음
• 눈 계속 떨어짐

그래서:

• 노트북이 따뜻해지고
• 팬이 돌고
• 크리스마스 분위기는 최고입니다

🎄 성능을 희생하여 연말을 얻었습니다.

---

🎁 이 프로젝트의 진짜 목적

이 트리는

잘 만든 트리가 아닙니다.

하지만:

• 만들면서 재밌었고
• three.js를 “써봤다”는 기록이 남았고
• 내년에 또 트리를 만들 핑계가 생겼습니다

그럼 이걸로 충분하지 않겠습니까.

---

✨ 마무리

개발자라면

별 한 번 찍고

공백 한 번 맞추고

결국엔 트리를 만들어야 합니다.

올해는 콘솔이 아니라

GPU로 만들었을 뿐입니다.

메리 크리스마스입니다 🎄
그리고 개발자 여러분, 트리는 늘 옳습니다.