|
|
|
|
@ -1,6 +1,7 @@
|
|
|
|
|
import { useEffect, useRef } from "react"; |
|
|
|
|
import { gsap } from "gsap"; |
|
|
|
|
import { ScrollTrigger } from "gsap/ScrollTrigger"; |
|
|
|
|
import { Link } from "react-router-dom"; |
|
|
|
|
|
|
|
|
|
gsap.registerPlugin(ScrollTrigger); |
|
|
|
|
|
|
|
|
|
@ -11,19 +12,22 @@ function MainNews() {
|
|
|
|
|
|
|
|
|
|
const news = [ |
|
|
|
|
{ |
|
|
|
|
date: "2025.00.00", |
|
|
|
|
title: "PAL Networks, 항공 IT 서비스 고도화 추진", |
|
|
|
|
desc: "항공 운항 관리와 예약 플랫폼을 연결하는 통합 서비스 환경을 확대합니다.", |
|
|
|
|
date: "2025.11.14", |
|
|
|
|
title: "포스맥-팔네트웍스, 미래항공교통산업 진출 전략적 MOU 체결 ", |
|
|
|
|
desc: "기술 개발, 인프라 구축, 정책 사업 참여 등 성장성이 높은 항공 모빌리티 시장에서 공동 사업모델을 구축합니다.", |
|
|
|
|
link: "https://www.gnynews.co.kr/news/articleView.html?idxno=453325", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
date: "2025.00.00", |
|
|
|
|
title: "스마트 관광 예약 플랫폼 기능 확장", |
|
|
|
|
desc: "관광 상품, 예약 데이터, 사용자 경험을 하나의 흐름으로 개선합니다.", |
|
|
|
|
date: "2024.10.22", |
|
|
|
|
title: "(주)팔네트웍스, 한국공항공사 드론교통관리시스템 사업 선정", |
|
|
|
|
desc: "공항 주변 드론 운항을 통합 관리하고 안전한 비행 환경을 구축합니다.", |
|
|
|
|
link: "https://www.incheonilbo.com/news/articleView.html?idxno=1268774", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
date: "2025.00.00", |
|
|
|
|
title: "클라우드 기반 항공 서비스 운영 환경 구축", |
|
|
|
|
desc: "안정적인 공공 클라우드 인프라를 기반으로 서비스 운영 효율을 높입니다.", |
|
|
|
|
date: "2024.10.31", |
|
|
|
|
title: "인천경제청, K-UAM 콘펙스 '항공·스마트제조 기업 특별관' 운영", |
|
|
|
|
desc: "항공·스마트제조 기업과 협력하며 미래 항공 모빌리티 생태계를 확장합니다.", |
|
|
|
|
link: "https://www.incheontoday.com/news/articleView.html?idxno=256068", |
|
|
|
|
}, |
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
@ -80,25 +84,31 @@ function MainNews() {
|
|
|
|
|
|
|
|
|
|
<div className="main-news-list"> |
|
|
|
|
{news.map((item, index) => ( |
|
|
|
|
<article |
|
|
|
|
className="main-news-item" |
|
|
|
|
<a |
|
|
|
|
href={item.link} |
|
|
|
|
target="_blank" |
|
|
|
|
rel="noopener noreferrer" |
|
|
|
|
key={index} |
|
|
|
|
ref={(el) => { |
|
|
|
|
itemsRef.current[index] = el; |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div className="main-news-meta"> |
|
|
|
|
<span>NEWS</span> |
|
|
|
|
<em>{item.date}</em> |
|
|
|
|
</div> |
|
|
|
|
<article |
|
|
|
|
className="main-news-item" |
|
|
|
|
ref={(el) => { |
|
|
|
|
itemsRef.current[index] = el; |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div className="main-news-meta"> |
|
|
|
|
<span>NEWS</span> |
|
|
|
|
<em>{item.date}</em> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className="main-news-content"> |
|
|
|
|
<h3>{item.title}</h3> |
|
|
|
|
<p>{item.desc}</p> |
|
|
|
|
</div> |
|
|
|
|
<div className="main-news-content"> |
|
|
|
|
<h3>{item.title}</h3> |
|
|
|
|
<p>{item.desc}</p> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className="main-news-arrow">↗</div> |
|
|
|
|
</article> |
|
|
|
|
<div className="main-news-arrow">↗</div> |
|
|
|
|
</article> |
|
|
|
|
</a> |
|
|
|
|
))} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
