refactor: remove Agent Core Engineering and rename 5 Core Pillars to Core Research Areas
This commit is contained in:
@@ -13,25 +13,20 @@
|
|||||||
- **지도교수**: 고석주 교수 (Prof. Seok-Joo Koh / `sjkoh@knu.ac.kr`)
|
- **지도교수**: 고석주 교수 (Prof. Seok-Joo Koh / `sjkoh@knu.ac.kr`)
|
||||||
- **연구 패러다임 전환 (Research Paradigm Shift)**:
|
- **연구 패러다임 전환 (Research Paradigm Shift)**:
|
||||||
- *Legacy (과거)*: 단일 디바이스 연동 및 전통적 사물인터넷(oneM2M, OCF) 표준 연구
|
- *Legacy (과거)*: 단일 디바이스 연동 및 전통적 사물인터넷(oneM2M, OCF) 표준 연구
|
||||||
- **Present (현재 핵심 연구)**: **AI 에이전트 3대 엔지니어링**, **MCP & SKILL**, **멀티에이전트 오케스트레이션 인프라 (HERDR, LangGraph)**, **이종 에이전트 상호운용성 표준 (ACP, A2A)**, 및 **AIoT gRPC/QUIC 고성능 통신 백본**
|
- **Present (현재 핵심 연구)**: **MCP & SKILL**, **멀티에이전트 오케스트레이션 인프라 (HERDR, LangGraph)**, **이종 에이전트 상호운용성 표준 (ACP, A2A)**, 및 **AIoT gRPC/QUIC 고성능 통신 백본**
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 💡 2. 5대 핵심 연구 기둥 (5 Core Research Pillars)
|
## 💡 2. 핵심 연구 분야 (Core Research Areas)
|
||||||
|
|
||||||
`multi-agent-orchestration/` 연구 자산에 기반한 ANL 연구실의 5대 주요 연구 축입니다:
|
`multi-agent-orchestration/` 연구 자산에 기반한 ANL 연구실의 주요 연구 분야입니다:
|
||||||
|
|
||||||
### 🧠 1) AI Agent 3대 핵심 엔지니어링 (Agent Engineering)
|
### 🔌 1) AI Agent 기능 확장 프로토콜 (MCP & SKILL)
|
||||||
- **프롬프트 엔지니어링 (Prompt Engineering)**: 역할 페르소나 설계, Few-shot 최적화 및 추론 경로 유도
|
|
||||||
- **컨텍스트 엔지니어링 (Context Engineering)**: 대화 상태(State) 보존, 동적 메모리(Memory) 바인딩 및 컨텍스트 윈도우 공급
|
|
||||||
- **하네스 엔지니어링 (Harness Engineering)**: 물리적 도구(Tools/Tool Use), API, 파일시스템 및 실행 환경과의 안전한 연결 인터페이스
|
|
||||||
|
|
||||||
### 🔌 2) AI Agent 기능 확장 프로토콜 (MCP & SKILL)
|
|
||||||
- **MCP (Model Context Protocol)**: Anthropic 제정 오픈 규격으로 로컬/원격 도구, 데이터(Resource), 프롬프트 통일 호출 인터페이스
|
- **MCP (Model Context Protocol)**: Anthropic 제정 오픈 규격으로 로컬/원격 도구, 데이터(Resource), 프롬프트 통일 호출 인터페이스
|
||||||
- **SKILL (자율 확장 도구 모음)**: 실행 코드 + 도구 명세 스키마 + Few-shot이 결합된 모듈화 패키징 기술
|
- **SKILL (자율 확장 도구 모음)**: 실행 코드 + 도구 명세 스키마 + Few-shot이 결합된 모듈화 패키징 기술
|
||||||
- **CLI 코딩 에이전트**: Claude Code, Antigravity CLI 등 터미널 기반 파일 제어 및 자율 소프트웨어 엔지니어링
|
- **CLI 코딩 에이전트**: Claude Code, Antigravity CLI 등 터미널 기반 파일 제어 및 자율 소프트웨어 엔지니어링
|
||||||
|
|
||||||
### 🤖 3) 멀티 에이전트 협업 및 오케스트레이션 인프라 (Multi-Agent Orchestration)
|
### 🤖 2) 멀티 에이전트 협업 및 오케스트레이션 인프라 (Multi-Agent Orchestration)
|
||||||
- **단일 에이전트 한계 극복**: Lost in the middle 현상 방지, 환각(Hallucination) 억제 및 역할 세분화(Role Specialization)
|
- **단일 에이전트 한계 극복**: Lost in the middle 현상 방지, 환각(Hallucination) 억제 및 역할 세분화(Role Specialization)
|
||||||
- **이종 에이전트 교차 검증**: 서로 다른 LLM 모델간 비평/합의 루프를 통한 신뢰성 극대화
|
- **이종 에이전트 교차 검증**: 서로 다른 LLM 모델간 비평/합의 루프를 통한 신뢰성 극대화
|
||||||
- **오케스트레이션 인프라 코어**:
|
- **오케스트레이션 인프라 코어**:
|
||||||
@@ -39,12 +34,12 @@
|
|||||||
- **crewAI**: 역할(Role), 목표(Goal), 배경(Backstory) 기반 순차/계층 크루 프로세스
|
- **crewAI**: 역할(Role), 목표(Goal), 배경(Backstory) 기반 순차/계층 크루 프로세스
|
||||||
- **LangGraph**: 상태 보존형 순환 그래프(Cyclic Graph), 루프 제어, 예외 롤백 및 상태 동기화
|
- **LangGraph**: 상태 보존형 순환 그래프(Cyclic Graph), 루프 제어, 예외 롤백 및 상태 동기화
|
||||||
|
|
||||||
### 🌐 4) 에이전트 상호운용성 개방형 표준 (Agent Interoperability: ACP & A2A)
|
### 🌐 3) 에이전트 상호운용성 개방형 표준 (Agent Interoperability: ACP & A2A)
|
||||||
- **ACP (Agent Communication Protocol)**: IBM Research 제정 서비스 발견 및 태스크 위임 오픈 표준
|
- **ACP (Agent Communication Protocol)**: IBM Research 제정 서비스 발견 및 태스크 위임 오픈 표준
|
||||||
- **A2A (Agent-to-Agent Protocol)**: Google 및 Linux Foundation 주도의 이종 에이전트 간 표준 메시지 교환 및 상태 추적 통신 표준
|
- **A2A (Agent-to-Agent Protocol)**: Google 및 Linux Foundation 주도의 이종 에이전트 간 표준 메시지 교환 및 상태 추적 통신 표준
|
||||||
- **Agent Card (`/.well-known/agent-card.json`)**: 에이전트의 역량(Capabilities), 엔드포인트, 보안 사양을 명시하는 표준 JSON 프로필
|
- **Agent Card (`/.well-known/agent-card.json`)**: 에이전트의 역량(Capabilities), 엔드포인트, 보안 사양을 명시하는 표준 JSON 프로필
|
||||||
|
|
||||||
### ⚡ 5) 지능형 사물인터넷 (AIoT) & 고성능 통신 백본 (AIoT & gRPC/QUIC)
|
### ⚡ 4) 지능형 사물인터넷 (AIoT) & 고성능 통신 백본 (AIoT & gRPC/QUIC)
|
||||||
- **AIoT 분산 자율 제어**: 스마트 팩토리/스마트 팜 등 Physical 센서 계층과 엣지 연산 계층 간 멀티 에이전트 분산 배치
|
- **AIoT 분산 자율 제어**: 스마트 팩토리/스마트 팜 등 Physical 센서 계층과 엣지 연산 계층 간 멀티 에이전트 분산 배치
|
||||||
- **gRPC & QUIC 양방향 스트리밍**: HTTP/2 & HTTP/3 기반 Protobuf 직렬화 및 대용량 멀티모달 바이너리 고속 전송
|
- **gRPC & QUIC 양방향 스트리밍**: HTTP/2 & HTTP/3 기반 Protobuf 직렬화 및 대용량 멀티모달 바이너리 고속 전송
|
||||||
- **하이브리드 백본 메쉬**: 센서 계층의 경량 프로토콜(MQTT/CoAP)과 엣지 백본의 고성능 프로토콜(gRPC/QUIC) 완충 혼용
|
- **하이브리드 백본 메쉬**: 센서 계층의 경량 프로토콜(MQTT/CoAP)과 엣지 백본의 고성능 프로토콜(gRPC/QUIC) 완충 혼용
|
||||||
|
|||||||
+11
-12
@@ -116,20 +116,19 @@
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 5. 콘텐츠 정본: 5대 핵심 연구 기둥
|
## 5. 콘텐츠 정본: 핵심 연구 분야
|
||||||
|
|
||||||
PR-03의 "연구실 주요 연구 분야 소개"에 해당하는 콘텐츠다. `README.md` §2를 **정본(canonical)** 으로 하며, UI의 모든 연구 서술은 여기서 파생되어야 한다. 어휘를 임의로 변형하지 않는다.
|
PR-03의 "연구실 주요 연구 분야 소개"에 해당하는 콘텐츠다. `README.md` §2를 **정본(canonical)** 으로 하며, UI의 모든 연구 서술은 여기서 파생되어야 한다. 어휘를 임의로 변형하지 않는다.
|
||||||
|
|
||||||
| # | 기둥 (KO) | 기둥 (EN) | 핵심 키워드 | 강조색 |
|
| # | 분야 (KO) | 분야 (EN) | 핵심 키워드 | 강조색 |
|
||||||
| :-: | :--- | :--- | :--- | :--- |
|
| :-: | :--- | :--- | :--- | :--- |
|
||||||
| 1 | AI 에이전트 3대 핵심 엔지니어링 | Agent Core Engineering | Prompt / Context / Harness Engineering | `vermillion` |
|
| 1 | AI Agent 기능 확장 프로토콜 | Extensibility & Protocol | MCP, SKILL, CLI 코딩 에이전트 | `vermillion` |
|
||||||
| 2 | AI Agent 기능 확장 프로토콜 | Extensibility & Protocol | MCP, SKILL, CLI 코딩 에이전트 | `cobalt` |
|
| 2 | 멀티 에이전트 협업 및 오케스트레이션 | Multi-Agent Systems | HERDR, crewAI, LangGraph | `cobalt` |
|
||||||
| 3 | 멀티 에이전트 협업 및 오케스트레이션 | Multi-Agent Systems | HERDR, crewAI, LangGraph | `vermillion` |
|
| 3 | 에이전트 상호운용성 개방형 표준 | Interoperability Standards | A2A, ACP, Agent Card | `vermillion` |
|
||||||
| 4 | 에이전트 상호운용성 개방형 표준 | Interoperability Standards | A2A, ACP, Agent Card | `cobalt` |
|
| 4 | AIoT & 고성능 통신 백본 | High-Performance Backbone | gRPC/QUIC, Protobuf, MQTT/CoAP | `cobalt` |
|
||||||
| 5 | AIoT & 고성능 통신 백본 | High-Performance Backbone | gRPC/QUIC, Protobuf, MQTT/CoAP | `vermillion` |
|
|
||||||
|
|
||||||
**R-5.1** 강조색은 §8.3의 홀수/짝수 규칙을 따른다. 기둥 순서를 변경하면 색 배정도 함께 갱신해야 한다.
|
**R-5.1** 강조색은 §8.3의 홀수/짝수 규칙을 따른다. 분야 순서를 변경하면 색 배정도 함께 갱신해야 한다.
|
||||||
**R-5.2** 5대 기둥 서술 전문(全文)은 Home에만 두고, 타 페이지에는 요약 키워드만 노출한다. 동일 문장을 여러 페이지에 중복 하드코딩하지 않는다.
|
**R-5.2** 핵심 연구 분야 서술 전문(全文)은 Home에만 두고, 타 페이지에는 요약 키워드만 노출한다. 동일 문장을 여러 페이지에 중복 하드코딩하지 않는다.
|
||||||
**R-5.3** 레거시 `introduction.html`의 구 연구 분야(QUIC, CoAP, IVI, VLC/OWC, mSCTP, SCTP, Mobility Management, Tabu Search 등)는 **Home의 연구 분야 소개에서 제외**한다. 단, 이들 주제로 산출된 논문·특허·표준은 PR-01에 따라 실적 페이지에 **전량 보존**된다.
|
**R-5.3** 레거시 `introduction.html`의 구 연구 분야(QUIC, CoAP, IVI, VLC/OWC, mSCTP, SCTP, Mobility Management, Tabu Search 등)는 **Home의 연구 분야 소개에서 제외**한다. 단, 이들 주제로 산출된 논문·특허·표준은 PR-01에 따라 실적 페이지에 **전량 보존**된다.
|
||||||
|
|
||||||
---
|
---
|
||||||
@@ -144,13 +143,13 @@ PR-03에 따라 **연구실 소개 · 주요 연구 분야 소개 · 오시는
|
|||||||
|
|
||||||
| ID | 요구사항 | 수준 |
|
| ID | 요구사항 | 수준 |
|
||||||
| :--- | :--- | :-- |
|
| :--- | :--- | :-- |
|
||||||
| H-01 | `app/page.tsx`를 신규 생성하고, 현행 `app/intro/page.tsx`의 섹션 구성(커버 스프레드 → 지표 카운터 → Mission 풀쿼트 → 5대 연구 기둥 → Focus Areas)을 이관한다 | MUST |
|
| H-01 | `app/page.tsx`를 신규 생성하고, 현행 `app/intro/page.tsx`의 섹션 구성(커버 스프레드 → 지표 카운터 → Mission 풀쿼트 → 핵심 연구 분야 → Focus Areas)을 이관한다 | MUST |
|
||||||
| H-02 | 커버 히어로는 현행 확정 카피를 유지한다: 킥커 `경북대학교 컴퓨터학부 · AI Agent Networking Lab (ANL)`, 헤드라인 `에이전트 네트워크의 / 미래를 짓다`, 디스플레이 `Agents / in Motion` | MUST |
|
| H-02 | 커버 히어로는 현행 확정 카피를 유지한다: 킥커 `경북대학교 컴퓨터학부 · AI Agent Networking Lab (ANL)`, 헤드라인 `에이전트 네트워크의 / 미래를 짓다`, 디스플레이 `Agents / in Motion` | MUST |
|
||||||
| H-03 | **[연구실 소개]** 연구실 개요·지도교수·비전을 서술하는 블록을 배치하고, 상세는 `/members`로 연결한다 | MUST |
|
| H-03 | **[연구실 소개]** 연구실 개요·지도교수·비전을 서술하는 블록을 배치하고, 상세는 `/members`로 연결한다 | MUST |
|
||||||
| H-04 | **[주요 연구 분야]** §5의 5대 연구 기둥 전문을 3+2 매거진 조판으로 노출한다 (현행 구현 유지) | MUST |
|
| H-04 | **[주요 연구 분야]** §5의 핵심 연구 분야 전문을 매거진 조판으로 노출한다 | MUST |
|
||||||
| H-05 | **[오시는 길]** 아래 §6.1.1 요구사항을 충족하는 블록을 배치한다 | MUST |
|
| H-05 | **[오시는 길]** 아래 §6.1.1 요구사항을 충족하는 블록을 배치한다 | MUST |
|
||||||
| H-06 | 지표 카운터는 **데이터 배열에서 도출된 값**만 사용한다. 근거 없는 홍보성 수치(가동률·만족도 등) 게시 금지 | MUST |
|
| H-06 | 지표 카운터는 **데이터 배열에서 도출된 값**만 사용한다. 근거 없는 홍보성 수치(가동률·만족도 등) 게시 금지 | MUST |
|
||||||
| H-07 | H-06의 권장 지표: `연구 기둥` = 5, `누적 연구 실적` = 논문+특허 합계(223), `Issue · 발행` = 2026(static) | SHOULD |
|
| H-07 | H-06의 권장 지표: `연구 분야` = 4, `누적 연구 실적` = 논문+특허 합계(223), `Issue · 발행` = 2026(static) | SHOULD |
|
||||||
| H-08 | 대표 실적 하이라이트 — 최신 국제 저널 3건을 `/publications`로 연결 | SHOULD |
|
| H-08 | 대표 실적 하이라이트 — 최신 국제 저널 3건을 `/publications`로 연결 | SHOULD |
|
||||||
| H-09 | 표준화 기여 요약 밴드 — 기구 6곳 약칭 `Marquee` + `/standardization` 연결 | SHOULD |
|
| H-09 | 표준화 기여 요약 밴드 — 기구 6곳 약칭 `Marquee` + `/standardization` 연결 | SHOULD |
|
||||||
| H-10 | `HeroComposition` SVG는 현행(A2A 노드 메시 × QUIC/gRPC 스트림)을 그대로 재사용한다 | MUST |
|
| H-10 | `HeroComposition` SVG는 현행(A2A 노드 메시 × QUIC/gRPC 스트림)을 그대로 재사용한다 | MUST |
|
||||||
|
|||||||
@@ -6,21 +6,9 @@ import { publications, patents } from "../content/publications";
|
|||||||
const PILLARS = [
|
const PILLARS = [
|
||||||
{
|
{
|
||||||
no: "01",
|
no: "01",
|
||||||
en: "Agent Core Engineering",
|
|
||||||
ko: "AI 에이전트 3대 핵심 엔지니어링",
|
|
||||||
theme: "vermillion" as const,
|
|
||||||
topics: [
|
|
||||||
"프롬프트 엔지니어링 (System Prompt Optimization)",
|
|
||||||
"맥락 엔지니어링 (Dynamic Context & Memory Packaging)",
|
|
||||||
"하네스 엔지니어링 (Agent Control Loop & Sandbox Isolation)",
|
|
||||||
],
|
|
||||||
desc: "AI 에이전트의 구동 성능과 안전성을 좌우하는 프롬프트·맥락·하네스 3대 핵심 엔지니어링 기술을 연구합니다.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
no: "02",
|
|
||||||
en: "Extensibility & Protocol",
|
en: "Extensibility & Protocol",
|
||||||
ko: "AI Agent 기능 확장 프로토콜",
|
ko: "AI Agent 기능 확장 프로토콜",
|
||||||
theme: "cobalt" as const,
|
theme: "vermillion" as const,
|
||||||
topics: [
|
topics: [
|
||||||
"Model Context Protocol (MCP) 서버/클라이언트 아키텍처",
|
"Model Context Protocol (MCP) 서버/클라이언트 아키텍처",
|
||||||
"SKILL 도구 캡슐화 및 재사용 패키징",
|
"SKILL 도구 캡슐화 및 재사용 패키징",
|
||||||
@@ -29,10 +17,10 @@ const PILLARS = [
|
|||||||
desc: "에이전트가 외부 도구 및 시스템과 표준화된 방식으로 연동할 수 있도록 MCP와 SKILL 패키징 기술을 개발합니다.",
|
desc: "에이전트가 외부 도구 및 시스템과 표준화된 방식으로 연동할 수 있도록 MCP와 SKILL 패키징 기술을 개발합니다.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
no: "03",
|
no: "02",
|
||||||
en: "Multi-Agent Systems",
|
en: "Multi-Agent Systems",
|
||||||
ko: "멀티 에이전트 협업 및 오케스트레이션",
|
ko: "멀티 에이전트 협업 및 오케스트레이션",
|
||||||
theme: "vermillion" as const,
|
theme: "cobalt" as const,
|
||||||
topics: [
|
topics: [
|
||||||
"HERDR 백그라운드 프로세스 컨테이너 격리 제어",
|
"HERDR 백그라운드 프로세스 컨테이너 격리 제어",
|
||||||
"crewAI 기반 역할 분담 및 태스크 위임 체계",
|
"crewAI 기반 역할 분담 및 태스크 위임 체계",
|
||||||
@@ -41,10 +29,10 @@ const PILLARS = [
|
|||||||
desc: "다중 에이전트 환경에서 독립적인 역할 분담과 선순환 오케스트레이션을 보장하는 자율 협업 플랫폼을 연구합니다.",
|
desc: "다중 에이전트 환경에서 독립적인 역할 분담과 선순환 오케스트레이션을 보장하는 자율 협업 플랫폼을 연구합니다.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
no: "04",
|
no: "03",
|
||||||
en: "Interoperability Standards",
|
en: "Interoperability Standards",
|
||||||
ko: "에이전트 상호운용성 개방형 표준",
|
ko: "에이전트 상호운용성 개방형 표준",
|
||||||
theme: "cobalt" as const,
|
theme: "vermillion" as const,
|
||||||
topics: [
|
topics: [
|
||||||
"Agent-to-Agent (A2A) 프로토콜 규격 정의 및 검증",
|
"Agent-to-Agent (A2A) 프로토콜 규격 정의 및 검증",
|
||||||
"Agent Communication Protocol (ACP) 메시지 교환 규격",
|
"Agent Communication Protocol (ACP) 메시지 교환 규격",
|
||||||
@@ -53,10 +41,10 @@ const PILLARS = [
|
|||||||
desc: "서로 다른 프레임워크 기반의 에이전트 간의 상호운용성을 보장하는 국제 표준 개방형 통신 프로토콜을 구현합니다.",
|
desc: "서로 다른 프레임워크 기반의 에이전트 간의 상호운용성을 보장하는 국제 표준 개방형 통신 프로토콜을 구현합니다.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
no: "05",
|
no: "04",
|
||||||
en: "High-Performance Backbone",
|
en: "High-Performance Backbone",
|
||||||
ko: "AIoT & 고성능 통신 백본",
|
ko: "AIoT & 고성능 통신 백본",
|
||||||
theme: "vermillion" as const,
|
theme: "cobalt" as const,
|
||||||
topics: [
|
topics: [
|
||||||
"gRPC / QUIC 양방향 스트리밍 에이전트 백본 통신",
|
"gRPC / QUIC 양방향 스트리밍 에이전트 백본 통신",
|
||||||
"Protocol Buffers (Protobuf) 직렬화 통신 최적화",
|
"Protocol Buffers (Protobuf) 직렬화 통신 최적화",
|
||||||
@@ -99,7 +87,7 @@ export default function HomePage() {
|
|||||||
{PILLARS.length}
|
{PILLARS.length}
|
||||||
</div>
|
</div>
|
||||||
<div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1">
|
<div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1">
|
||||||
Core Pillars
|
Research Areas
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@@ -127,31 +115,30 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{/* 5 Pillars Magazine Spread Grid */}
|
{/* Core Research Areas Grid */}
|
||||||
<section className="space-y-8 pt-8 border-t border-line">
|
<section className="space-y-8 pt-8 border-t border-line">
|
||||||
<div className="flex justify-between items-end">
|
<div className="flex justify-between items-end">
|
||||||
<div>
|
<div>
|
||||||
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
|
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
|
||||||
Research Pillars
|
Research Areas
|
||||||
</div>
|
</div>
|
||||||
<h2 className="font-serif text-3xl font-normal text-ink mt-1">
|
<h2 className="font-serif text-3xl font-normal text-ink mt-1">
|
||||||
5대 핵심 연구 기둥
|
핵심 연구 분야
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className="font-mono text-xs text-ink-mute">
|
<div className="font-mono text-xs text-ink-mute">
|
||||||
Magazine Layout 01–05
|
Magazine Layout 01–04
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-6">
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6">
|
||||||
{PILLARS.map((pillar, idx) => {
|
{PILLARS.map((pillar) => {
|
||||||
const isVermillion = pillar.theme === "vermillion";
|
const isVermillion = pillar.theme === "vermillion";
|
||||||
const colSpan = idx < 3 ? "lg:col-span-2" : "lg:col-span-3";
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={pillar.no}
|
key={pillar.no}
|
||||||
className={`${colSpan} bg-paper p-6 rounded-lg border border-line flex flex-col justify-between hover:border-ink transition-colors duration-200`}
|
className="bg-paper p-6 rounded-lg border border-line flex flex-col justify-between hover:border-ink transition-colors duration-200"
|
||||||
>
|
>
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
<div className="flex justify-between items-center">
|
<div className="flex justify-between items-center">
|
||||||
|
|||||||
Reference in New Issue
Block a user