hayeong8957/saessak-log-front

saessak-log-front

Description

4명의 프론트엔드, 4명의 백엔드 개발자의 협업 프로젝트!

💬 React.js, Sass, Redux-Toolkit, TypeScript 를 활용하여 로그인 게시글, 좋아요 등을 구현 한 커뮤니티 웹사이트입니다.

Contributors

이름	맡은 파트	github
정길웅	메인페이지(상단바, 페이징, 검색어) 알고리즘 및 좋아요 기능 구현	길웅 github
신하영	화면구성도, 댓글기능, 게시글 상세페이지, 게시글 업로드 구현	하영 github
김다정	화면구성도, 로그인 토큰관리, 회원가입 form validation	다정 github
조혜빈	Redux-toolkit 세팅, 게시글 UI/UX 구성, 무한스크롤 구현	혜빈 github

Features

초기 새싹로그 화면 구성 및 기획서

로그인 & 회원가입

   

댓글달기

   

댓글 무한스크롤

   

좋아요 기능

   

게시글 무한스크롤

   

---

진행 과정

• 백엔드 4명, 프론트 4명으로 구성된 팀 프로젝트로 Slack, JIRA 등의 Communication Tool 을 활용하여 협업했습니다.
• Swagger API 문서를 기반으로 백엔드 분들과 함께 소통하며 작업했습니다.
• 매주 오프모임을 가지며 백엔드와 프론트엔드 사이의 진도를 조율했습니다.

구현한 기능

• 디자인
  • XD를 이용한 UI/UX 설계 후 notion에 공유
  • SASS를 이용한 반응형 웹 디자인 구현
• 초기 세팅
  • 타입스크립트, eslint를 통한 버그 관리
  • redux-toolkit을 활용한 전역적인 상태관리 및 api 호출
• 회원정보
  • ID/PW찾기, 회원가입, 로그인 관련 form validation 구현
  • 로그인한 유저의 token관리
• 게시글
  • 게시글의 좋아요, 구독 알고리즘
  • 검색기능
  • 게시글 무한스크롤
  • 게시글 페이징
• 댓글
  • 댓글작성
  • 댓글 무한스크롤