|
|
|
|
@ -42,7 +42,13 @@ const EVO_ITEMS = [
|
|
|
|
|
img: `${basePath}images/utm_intro_drone.png`, |
|
|
|
|
alt: "DRONE", |
|
|
|
|
name: "DRONE", |
|
|
|
|
desc: "개별 드론 운용 단계. 단순 비행 임무 수행 중심으로 체계적 관리 체계 부재.", |
|
|
|
|
desc: ( |
|
|
|
|
<> |
|
|
|
|
개별 드론 운용 단계. |
|
|
|
|
<br /> |
|
|
|
|
단순 비행 임무 수행 중심으로 체계적 관리 체계 부재. |
|
|
|
|
</> |
|
|
|
|
), |
|
|
|
|
tag: "단일 기체 운용", |
|
|
|
|
side: "left", |
|
|
|
|
active: false, |
|
|
|
|
@ -51,7 +57,13 @@ const EVO_ITEMS = [
|
|
|
|
|
img: `${basePath}images/utm_intro_utm.png`, |
|
|
|
|
alt: "UTM", |
|
|
|
|
name: "UTM", |
|
|
|
|
desc: "무인기 교통관리 시스템 도입. 비행 경로 승인·충돌 방지·공역 관리 체계화.", |
|
|
|
|
desc: ( |
|
|
|
|
<> |
|
|
|
|
무인기 교통관리 시스템 도입. |
|
|
|
|
<br /> |
|
|
|
|
비행 경로 승인·충돌 방지· 공역 관리 체계화. |
|
|
|
|
</> |
|
|
|
|
), |
|
|
|
|
tag: "공역 관리 시스템", |
|
|
|
|
side: "right", |
|
|
|
|
active: false, |
|
|
|
|
@ -60,7 +72,13 @@ const EVO_ITEMS = [
|
|
|
|
|
img: `${basePath}images/utm_intro_uam.png`, |
|
|
|
|
alt: "UAM", |
|
|
|
|
name: "UAM", |
|
|
|
|
desc: "도심항공모빌리티 등장. 유인 eVTOL 기체가 도심 저고도 공역을 비행.", |
|
|
|
|
desc: ( |
|
|
|
|
<> |
|
|
|
|
도심항공모빌리티 등장. |
|
|
|
|
<br /> |
|
|
|
|
유인 eVTOL 기체가 도심 저고도 공역을 비행. |
|
|
|
|
</> |
|
|
|
|
), |
|
|
|
|
tag: "도심 항공 모빌리티", |
|
|
|
|
side: "left", |
|
|
|
|
active: false, |
|
|
|
|
@ -69,13 +87,18 @@ const EVO_ITEMS = [
|
|
|
|
|
img: `${basePath}images/utm_intro_uatm.png`, |
|
|
|
|
alt: "UATM", |
|
|
|
|
name: "UATM", |
|
|
|
|
desc: "UAM과 UTM의 완전한 통합. 기체 운용부터 관제까지 하나의 플랫폼으로 실현.", |
|
|
|
|
desc: ( |
|
|
|
|
<> |
|
|
|
|
UAM과 UTM의 완전한 통합. |
|
|
|
|
<br /> |
|
|
|
|
기체 운용부터 관제까지 하나의 플랫폼으로 실현. |
|
|
|
|
</> |
|
|
|
|
), |
|
|
|
|
tag: "통합 관제 플랫폼", |
|
|
|
|
side: "right", |
|
|
|
|
active: true, |
|
|
|
|
}, |
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
function EvoItem({ item, index }) { |
|
|
|
|
const itemRef = useRef(null); |
|
|
|
|
const itemInView = useInView(itemRef, { once: true, margin: "-80px" }); |
|
|
|
|
|