📌 주요 기능

1. 소개 및 정보 출력
2. 유지보수를 위해 infoItems 배열을 map으로 렌더링
3. 반응형 레이아웃 구성

• grid와 반응형 클래스 활용

<aside> 💬

<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-12 pt-36">
          {infoItems.map((item) => (
            <div className="flex flex-col items-center" key={item.id}>
              <img src={item.icon} alt={`${item.title} 아이콘`} className="mt-10 h-20 w-20" />
              <p className="text-xl mt-8 text-main text-center">{item.body}</p>
            </div>
          ))}
        </div>

</aside>

• 🔍