Skip to content

React + ts 팀 토이 프로젝트 :: 직원들을 위한 markdown 위키 사이트

Notifications You must be signed in to change notification settings

developer-jyyun/team_toy1

Repository files navigation

팀 프로젝트 :: HIGHFIVE WIKI

HIGHFIVE 직원들을 위한 위키 사이트

🗓 기간: 2023.09.08 ~ 2023.09.22 (2주)

✔ 담당 파트 : 갤러리 페이지

image

👭 참여 인원 및 구현 기능

팀장 | 남궁종민 팀원 | 윤태관 팀원 | 박지송 팀원 | 윤지영 팀원 | 박혜민
@NamgungJongMin @tkyoun0421 @humnyenye @developer-jyyun @IAMISTP
  • 초기 개발환경 세팅
  • 로그인 페이지
  • 회원가입 페이지
  • Firebase Authentication
  • Redux/toolkit loginSlice 작성
  • 메인페이지 프로젝트
  • Side bar
  • Page routing
  • 공지사항 페이지
  • 공지사항 작성 페이지
  • 공지사항 상세페이지
  • 메인페이지 캐러셀
  • 근태관리 페이지
  • 근태관리 time list
  • 근태관리 Modal
  • 유저별 출퇴근 시간 관리
  • 메인페이지 레이아웃
  • Header
  • Userinfo modal
  • 갤러리 페이지
  • 갤러리 Modal
  • 회사 복지 페이지
  • 메인페이지 갤러리
  • 프로젝트 페이지
  • 프로젝트 작성 페이지
  • 프로젝트 상세 페이지
  • List box Component

기술 스택 및 라이브러리

프로토타입 디자인

image

페이지별 주요 기능

갤러리 게시글 추가

갤러리 추가

갤러리 게시글 삭제

갤러리 삭제

갤러리 모달 / 좋아요 추가 및 취소 기능

갤러리 모달

회원가입

회원가입

로그인

로그인

공지사항

로그인 확인

공지사항 작성

글쓰기

공지사항 수정

modify

공지사항 상세

detail

프로젝트 페이지 마크다운

글쓰기

프로젝트 페이지 마크다운 수정

수정

프로젝트 페이지 삭제

삭제

근태관리 페이지

toyproject__attendace

후기

협업을 통해 프로젝트 기획에서부터 폴더 구조 설정, 번들링 도구, gitflow 사용 등 혼자서 공부할땐 미처 공부하지 못했던 부분들까지 공부하며 많이 배울 수 있어 너무 유익하고 좋았던 시간이었습니다. 리액트와 타입스크립트를 사용한 프로젝트는 이번이 처음이여서, 리액트와 타입스크립트가 익숙해진 시점에 다시 한번 코드들을 검토하며 리팩토링을 진행해 보고 싶습니다. 이번 프로젝트에서는 갤러리 파트를 담당하여 구현하였지만, 이후 리팩토링을 진행하며 다른 팀원들이 맡았던 마크다운, 로그인 페이지 등의 기능구현도 직접 해 볼 생각입니다. 이번 과제를 통해 리액트와 타입스크립트에 대해 더욱 열정을 불태울 수 있는 계기가 된 것 같습니다! 특히 이번 프로젝트에서 정말 좋았던 점은 다른 사람들과 의견을 주고 받으면서 여러 해결 방법에 대해 알 수 있었다는 점입니다. 개발에 대한 시야가 넓어진 느낌을 받아서 좋았습니다. 어렵고 모르는 부분들도 조원분들께서 친절히 알려주셔서 너무 너무 감사했습니다!!!! 😊

*참고 링크

기획 및 프로토타입 페이지
그룹 노션 페이지

About

React + ts 팀 토이 프로젝트 :: 직원들을 위한 markdown 위키 사이트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages