자란다 기업 과제 (Team 7ill Resource)
🔗 기능별 영상 및 사진 스크린샷 위키 페이지
권한 별 계정 정보 및 접근 가능한 페이지 목록
- 계정으로 접속하신 후 링크를 클릭하시면 확인하실 수 있습니다.
- 모든 페이지 접근 가능(
/admin, /teacher, /kids, /students, /matchup)
- ID: admin@gmail.com
- PW: 1q2w3e4r!
✅ 관리자페이지-가능
✅ 부모님 관련페이지1-접근가능
✅ 부모님 관련페이지2-접근가능
✅ 선생님 관련페이지1-접근가능
✅ 선생님 관련페이지2-접근가능
- 관리자 페이지를 제외한 모든 페이지(
/teacher, /kids, /students, /matchup)
- ID: teacher@gmail.com
- PW: 1q2w3e4r!
❌ 관리자페이지-접근불가
✅ 부모님 관련페이지1-접근가능
✅ 부모님 관련페이지2-접근가능
✅ 선생님 관련페이지1-접근가능
✅ 선생님 관련페이지2-접근가능
❌ 관리자페이지-접근불가
❌ 선생님 관련페이지1-접근불가
❌ 선생님 관련페이지2-접근불가
✅ 부모님 관련페이지1-접근가능
✅ 부모님 관련페이지2-접근가능
- 메인 / 로그인 / 회원가입 페이지
- Header
- Navigation Bar
- Modal
- Input(Text)
- Input(Radio)
- Button
- MessageBox
- form 입력 데이터 유효성 검사
- 패스워드 암호화 처리(bcrypt.js)
- 모달 팝업 기능 구현
- 주소 입력 모달 창 다음 지도 API 연동(react-daum-postcode)
- 신용 카드 입력 모달 창
- 이메일 중복 확인
- Header 로그인 여부 판단 후 조건부 렌더링
- 권한 필터 기능( 부모님, 선생님, 관리자 )
- 권한 변경 설정 기능
- 테이블 스타일링
- 유저 데이터가 없을 때 조건 처리
- 각 페이지마다 10개씩 유저 데이터 출력
- 페이지네이션 스타일링
- 페이지네이션 버튼 출력 10개 고정 출력
- 현재 조회 중인 페이지 버튼 중앙 위치 설정
- 이메일, 이름 키워드에 따른 검색 기능
- 검색 키워드와 권한 조건 조합에 따른 검색 기능
- 검색 키워드 초기화, 필터 전체 조건 클릭 기능 추가
- 유저의 권한에 따른 접근 제한, 리다이렉트 구현
- 로그인 한 유저의 권한에 따른 다른 메뉴 출력 구현
- 권한에 따른 Extra 페이지 출력
- Utils 영역 상수 작성
- Utils 영역 로컬스토리지 관련 함수 작성
- 관리자 페이지 계정 생성 모달 스타일링
- 관리자 페이지 계정 생성 로직 구현
🔗 팀 7ill Resource 마무리 회고
🔗 팀 7ill Resource 미팅 로그
🔗 프로젝트 칸반보드
🔗 피그마 링크