AI기반 취향테스트
복잡한 이름과 긴 설명 때문에 내 취향 칵테일 찾기 어려우셨나요?
diff --git a/src/domains/mypage/components/pages/my-active/MyLike.tsx b/src/domains/mypage/components/pages/my-active/MyLike.tsx
index 5f28325..216abd4 100644
--- a/src/domains/mypage/components/pages/my-active/MyLike.tsx
+++ b/src/domains/mypage/components/pages/my-active/MyLike.tsx
@@ -20,6 +20,10 @@ function MyLike() {
fetchLike();
}, []);
+ useEffect(() => {
+ console.log(myLike);
+ }, [myLike]);
+
return (
{myLike.length > 0 ? (
diff --git a/src/domains/shared/components/3d/HomeBackground.tsx b/src/domains/shared/components/3d/HomeBackground.tsx
deleted file mode 100644
index 0f45736..0000000
--- a/src/domains/shared/components/3d/HomeBackground.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useEffect, useRef } from 'react';
-
-function HomeBackground() {
- const bgRef = useRef(null);
-
- useEffect(() => {
- const handleMouseMove = (e: MouseEvent) => {
- const x = e.clientX / window.innerWidth;
- const percentage = 6 + x * 70;
- if (bgRef.current) {
- bgRef.current.style.background = `linear-gradient(128deg, rgba(26, 26, 26, 0.7) ${percentage}%, rgba(42, 42, 42, 0.3) ${percentage + 10}%, rgba(60, 70, 78, 0) 100%)`;
- }
- };
-
- window.addEventListener('mousemove', handleMouseMove);
- return () => window.removeEventListener('mousemove', handleMouseMove);
- }, []);
-
- return (
-
- );
-}
-
-export default HomeBackground;
diff --git a/src/domains/shared/components/3d/HomeModel.tsx b/src/domains/shared/components/3d/HomeModel.tsx
deleted file mode 100644
index 4d0f3bc..0000000
--- a/src/domains/shared/components/3d/HomeModel.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-'use client';
-
-import { Environment, OrbitControls, useGLTF } from '@react-three/drei';
-import { Canvas, useFrame, useThree } from '@react-three/fiber';
-import { Bloom, EffectComposer } from '@react-three/postprocessing';
-import { useEffect, useRef, useState } from 'react';
-import * as THREE from 'three';
-
-function Model({ onLoaded }: { onLoaded: () => void }) {
- const { scene } = useGLTF('/3d/model/scene.gltf');
- const [scale, setScale] = useState(13);
-
- useEffect(() => {
- const isMobile = window.innerWidth < 768; // 모바일 기준 너비
- setScale(isMobile ? 3.8 : 11.5); // 모바일이면 작게
- }, []);
-
- useEffect(() => {
- if (scene) {
- onLoaded(); // 모델이 로드되면 부모에게 알림
- }
- }, [scene]);
-
- if (!scene) return null; // 로딩 전 대기 처리
-
- scene.traverse((child) => {
- if ((child as THREE.Mesh).isMesh) {
- const mesh = child as THREE.Mesh;
- const material = mesh.material as THREE.MeshPhysicalMaterial;
-
- material.envMapIntensity = 3;
- material.metalness = 1;
- material.roughness = 0.3;
- material.emissiveIntensity = 2;
- material.clearcoat = 1;
- material.clearcoatRoughness = 0.2;
- material.needsUpdate = true;
- material.opacity = 0.35;
- material.bumpScale = 0.3;
- material.thickness = 0.1;
- }
- });
-
- return ;
-}
-
-function CameraAnimation() {
- const { camera } = useThree();
- const targetPosition = new THREE.Vector3(5, 10, 10); // 최종 위치
- const startPosition = new THREE.Vector3(0, 15, 6); // 시작 위치
- const progress = useRef(0);
-
- useFrame((state, delta) => {
- if (progress.current < 1) {
- progress.current += delta / 5; // 3초 동안
- const t = Math.min(progress.current, 1);
- camera.position.lerpVectors(startPosition, targetPosition, t);
- }
- });
-
- return null;
-}
-
-function HomeModel({ onLoaded }: { onLoaded: () => void }) {
- return (
-
- );
-}
-
-export default HomeModel;
diff --git a/src/domains/shared/components/3d/Landing.tsx b/src/domains/shared/components/3d/Landing.tsx
deleted file mode 100644
index ceded71..0000000
--- a/src/domains/shared/components/3d/Landing.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import HomeModel from './HomeModel';
-import StarMain from './StarMain';
-import Spinner from '@/shared/components/spinner/Spinner';
-
-function Landing() {
- const [isLoading, setIsLoading] = useState(true);
-
- return (
- <>
- {isLoading && }
-
-
- setIsLoading(false)} />
- {!isLoading && }
-
-