📖 TIL - 프로젝트 2일차: 첫 PR과 협업의 설렘

🔨 오늘의 작업

1. 공통 컴포넌트 구현

   • Header, Footer, Layout 컴포넌트 생성
   • 반응형 디자인 적용
   • 모바일용 Hamburger 메뉴 구현

2. 레이아웃 구조

const Layout = () => {
  return (
    <>
      <Header/>
      <StMain>
        <StContent>
          <Outlet />
        </StContent>
      </StMain>
      <Footer/>
    </>
  );
};

💡 첫 협업 경험

1. PR과 코드리뷰

• 처음으로 팀 프로젝트 PR 생성
• 16개의 코드리뷰 코멘트 받았다..ㅎ
• 깃 커밋 컨벤션 설정 및 적용

2. 문제 해결 경험

• Footer 고정 이슈 발생
• 팀원과의 CSS 코드 충돌 발견 후
• 빠른 소통으로 문제 해결

🌟 오늘의 배운 점

1. 기술적 성장

• styled-components를 활용한 반응형 디자인
• Layout 컴포넌트를 통한 구조화
• 애니메이션 효과 적용 (fadeIn)

2. 협업 스킬

• PR 작성법
• 코드리뷰 주고받는 방법
• 팀원과의 효율적인 소통

🤔 회고

처음으로 진행하는 팀 프로젝트라 설레면서도 긴장되었다. 특히 PR을 올리고 코드리뷰를 받는 과정이 새로웠는데, 팀원들의 적극적인 피드백 덕분에 많이 배울 수 있었다. CSS 충돌 문제를 해결하면서 협업에서의 소통 중요성을 실감했다.

📌 내일 할 일

• Home 페이지 내부 레이아웃 구현
• 모달창 컴포넌트 구현
• Supabase 연동 시작
• 코드리뷰 피드백 반영