Act99 기술블로그

[항해99 주특기 3주차 심화과정] 실시간 SNS 만들기 - 과제 종료 본문

개발팁저장소/react

[항해99 주특기 3주차 심화과정] 실시간 SNS 만들기 - 과제 종료

Act99 2022. 2. 9. 00:50

실시간 SNS 만들기

제목: Act99그램

기술스택:

- React & Firebase

- 사용패키지:

redux & redux thunk & redux-logger & redux-actions

immer, history, connected-react-router

moment, lodash, react-router-dom

css : styled-components & MUI

구현:

회원

- 로그인기능 (세션 & 쿠키)

- 회원가입기능 (이메일, 비밀번호, 패턴구현)

- 로그아웃기능 (세션 & 쿠키삭제)

SNS/블로그 (CRUD)

- 게시글 읽기

- 게시글 추가

- 게시글 수정

- 게시글 삭제

- 디테일 화면 구현

- 좋아요 기능(실시간 변화 o)

- 댓글기능

- 알람기능 (realtime database)

- 무한스크롤

 

 

 

- 메인화면 (Infinity Scroll)

 

- 상세페이지

- 회원가입 & 로그인

 

- 실시간 알림기능

 

- 게시글 작성

 

 

- 게시글 수정

 

 

 

- 댓글쓰기 & 읽기

 

 

 

- 회고록

 

단순히 파이어베이스에서 CRUD를 구현한 것이 아닌, CRUD 과정에서 State 관리를 해, DB 정보가 변경됐을 때 바로 좋아요 갯수, 좋아요를 눌렀는지 안눌렀는지, 댓글갯수 등의 state가 변하도록 구현한 이번 주특기 프로젝트는 아주 만족스러웠다. 또한, 실시간 데이터베이스를 다루는 과정에서 어떻게 state 값에 변경을 줄 것인지, 또 어떤식으로 유저에게 알림을 줄 것인지에 대한 고민을 하면서 진행했기에 더욱 사용자 친화적 마인드를 갖게 되었다.