Study Group

이 프로젝트는 ReactJS로 만든 여러사람들과 함께 기상시간과 공부시간을 기록하는 Study Group 프로젝트입니다.

목차

---

1. 제작 이유
2. 개발 스택
3. 프로젝트 소개
4. 배운점

제작 이유

• 카카오톡으로 기상시간, 공부시간 공유하는 스터디그룹을 하는 친구의 권유로 만들게되었음
• reactjs로 프로젝트를 만들며 reactjs실력을 향상시키고 공부하기위해 만들게됨
  
  

개발 스택

• reactjs
  
  

프로젝트 소개

1. 로그인 페이지
   firebase를 이용해 구글아이디로 로그인
   
   

2. 메인페이지
   로그인 후 나오는 메인페이지로 그룹원들이 그날 올린 데이터가 출력되는 페이지. 오늘 기상시간과, 공부시간 두가지로 나누어져서 출력됨
   
   
   

3. 데이터 등록,확인,편집 페이지
   

   • 저장
     이름,시간,코멘트를 입력하고 저장하는 컴포넌트 -확인
     날짜를 클릭해 저장한 데이터를 날짜별로 확인하는 컴포넌트 -편집
     저장한 데이터를 편집하는 컵포넌트
     
     
     

   배운점

    1. reactjs react-hook 사용방법
    2. react-router를 이용한 화면이동
    3. moment나 datepicker와 같은 라이브러리 사용방법
    4. firebase를 이용하여 로그인 및 데이터 저장,관리 방법