HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📎
운영진을 위한 문서 모음/
🤧
주차별 액션 안내/
🌮
14~18주차/
💌
18주차 액션 포인트/최민석/
멋쟁이사자처럼 9기 Session 출석부 플랫폼의 사본
멋쟁이사자처럼 9기 Session 출석부 플랫폼의 사본
멋쟁이사자처럼 9기 Session 출석부 플랫폼의 사본
멋쟁이사자처럼 9기 Session 출석부 플랫폼의 사본

멋쟁이사자처럼 9기 Session 출석부 플랫폼의 사본

프로젝트 개요

  • 멋쟁이사자처럼 9기 운영진 스터디 개인 프로젝트
  • 멋쟁이사자처럼 운영 Session 출석부 프로그램 제작하기

Tech Stack

  • JS (ES6)
  • React
  • Redux
  • Firebase
  • Bootstrap
  • Antd-Design

Github / Link

GitHub - minsgy/Likelion_9th_Attendance: 🦁 LIKELION 9th at SCH [Attendance] made by React
🦁 LIKELION 9th At Soonchunhyang [ToyProject] 멋쟁이사자처럼 9기 운영진 스터디 개인 프로젝트 Session 출석부 프로그램 제작하기 JS (ES6) React Redux Firebase Bootstrap AntdDesign 클론을 받은 후, package.json 파일위치로 이동하여 npm install 패키지 다운로드 합니다. Firebase 프로젝트를 만든 후, Firebase console에 접속하여 Web app을 추가합니다. Firebase Console에서 Firebaseconfig 객체를 복사하여, src폴더에 firebase.js를 추가합니다.
GitHub - minsgy/Likelion_9th_Attendance: 🦁 LIKELION 9th at SCH [Attendance] made by React
https://github.com/minsgy/Likelion_9th_Attendance
GitHub - minsgy/Likelion_9th_Attendance: 🦁 LIKELION 9th at SCH [Attendance] made by React
React App
Web site created using create-react-app
https://schlikelion.org/auth

CheckList

Schedule 생성 + 실시간 적용 업데이트 완료
Schedule 리스트 출력
Schedule 리스트 날짜 정렬 구현
User 모델 생성 + 실시간 적용 업데이트 완료
User 리스트 출력 + 실시간 적용 업데이트 완료
유저 학번 순 정렬 구현
User Attendance State 생성 구현 + 실시간 업데이트 완료
User Attendance 무한 rendering Fix
Modal Page 구현 (스케줄, 유저 생성 Page)
AttendPage 구현(리스트, 출석/지각/결석 여부..)
Auth 인증 페이지 구현 (운영진 전용 코드 제공)
총 출석 현황 리스트 페이지 구현
출석현황 페이지 이동 버튼 SidePanel_Header에 추가