📚 UOSLIFE FE 5기 과제

과제 진행 notion

이 레포지토리는 프론트엔드 5기 과제를 위한 저장소이며, 총 2주차 분량의 과제가 포함되어 있습니다.

---

1주차 과제

• 기본기를 다져보는 과제입니다!

1️⃣ 튼튼한 기본, 퍼블리싱 🏗️

간단한 퍼블리싱이지만 탄탄한 기본기를 위해서 꼭 필요한 과제입니다. Emotion과 ThemeProvider를 활용하여 스타일을 적용하고,
시멘틱 태그 사용에 신경쓰며 다양한 UI 컴포넌트를 구현하는 과제입니다.

주요 구현 요소

• 헤더 (로고, 메뉴, 아이콘 / 투명 배경 / fixed)
• 홈 배너 (배경 이미지 + 우측 문구/버튼)
• 무한 배너 (끊기지 않고 슬라이드 / hover 시 확대)
• 가로 스크롤 뷰 (화살표 이동, 동일한 크기 유지)

---

2️⃣ 상태관리 잘해보자! 간단한 게임 만들기

숫자를 순서대로 클릭하는 게임을 구현하는 과제입니다.
전역 상태 라이브러리를 사용하지 않고, React 상태만으로 관리합니다.

주요 구현 요소

• 레벨별 게임판 (3x3, 4x4, 5x5)
• 랜덤 숫자 배치 및 점진적 공개
• 타이머 및 클릭 검증
• 게임 종료 시 Modal (createPortal 활용)
• localStorage 기반 랭킹 관리 및 정렬

---

🚀 시작하기

이 저장소를 클론(clone)한 후 실행하면 됩니다.

git clone https://github.com/your-repo-link.git
cd your-repo
npm install
npm run dev

---

📌 과제 제출 방법

1. 과제 제출 시에는 하위 브랜치를 생성하여 작업 후, Pull Request(PR) 로 제출해주세요.
2. PR 작성 시에는 다음 내용을 포함해야 합니다.
   • 기능 명세서에서 구현한 부분을 체크 표시
   • 구현 도중 어려웠던 부분
   • 새로 알게 된 부분
   • 최종 구현 영상 및 스크린샷
3. 제출 후에는 서로 코드리뷰를 진행합니다.
   • PR 당 5개 이상의 리뷰를 남겨주세요.
   • 코드에서 좋았던 점 , 개선하면 좋을 부분 등을 함께 논의합니다.