React는 처음이지만 JS 경험은 있는 팀원들을 위한
6회차 실전형 React 스터디입니다.
실무에 가까운 HR Admin 기능을 직접 만들며 개념과 구조를 체득합니다.
- 실무 중심의 React 컴포넌트 구성 감각 익히기
- 상태, 렌더링, 이벤트, 폼, Context 등 실전 필수 개념 경험하기
- 발표/코드 리뷰 기반 피드백을 통한 성장
| 항목 | 내용 |
|---|---|
| 주기 | 2주에 1회, 총 6회 (유동적 조정 가능) |
| 진행 방식 | 과제 PR → Slack 공유 → 비동기 리뷰 & 토론 |
| 실시간 소통 | Google Meet 또는 Slack Huddle (선택) |
| Slack 초대 | Slack 참여 링크 (90일 유효) |
| Google Meet | https://meet.google.com/spv-iqia-pya |
| 주차 | 주제 |
|---|---|
| 1주차 | TeamMemberCard 만들기 |
| 2주차 | 출근/퇴근 버튼 구현 |
| 3주차 | 출결 대시보드 구성 |
| 4주차 | 연차 신청 폼 만들기 |
| 5주차 | 상태 공유 및 커스텀 훅 리팩토링 |
| 6주차 | 데모 발표 + 회식 |
👉 각 주차 상세 내용은 Notion 가이드 참고
- 브랜치명:
이름/weekN(예:dowan/week1) - 작업 완료 후
main브랜치로 PR 생성
📌 [Week2] Dowan PR 공유합니다!
🔗 https://github.com/osanReactStudy/pull/123
✅ 구현 내용:
- 출근/퇴근 상태 useState로 관리
- 버튼 상태 및 텍스트 변경 처리
🤔 고민한 점:
- 09시 기준 지각 처리 로직 if문이 지저분한지 모르겠음