📌 주요 기능

1. props로 부모 컴포넌트(project.jsx)에서의 데이터들을 받음
2. 프로젝트 페이지의 반응형 ui 구조 설계 담당

max-w-[1000px]

• 의미: 너비가 최대 1000px까지만 커짐
• 반응형의 기반 역할
• 화면이 커져도 무조건 커지지 않고 1000px까지만 커지게 제한함.
• 작은 화면에서는 100%, 큰 화면에서는 1000px까지만 보여줌

✅ 반응형 레이아웃에서 max-w는 중앙 정렬 + 가독성을 위한 핵심 도구

flex flex-col

• flex: 요소들을 가로 또는 세로로 정렬하는 방식 (플렉스박스를 사용)
• flex-col: 자식 요소들을 세로 방향으로 정렬
  • 모바일 화면에서는 위→아래로 쌓이게 하고 싶을 때 사용

<aside> 💬

{techStack.map((tech, index) => (
  <div key={index} className="w-8 h-8 sm:w-10 sm:h-10">
    <img src={tech} alt={`tech-${index}`} className="w-full h-full object-contain" />
  </div>
))}

</aside>

• 🔍