- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- error
- 리액트
- 차트구현
- nestjs
- 3주차
- apollo
- websocket
- 항해99
- Flutter
- react
- typescript
- 비전공자
- 주식
- rtk
- nextjs
- 에러
- 차트만들기
- typeorm
- chart
- javascript
- 코인
- 코인차트
- Redux
- 채팅
- Coin
- 차트
- API
- 주식차트
- graphql
- Firebase
Archives
Act99 기술블로그
[항해99 주특기 3주차 심화과정] 실시간 SNS 만들기 - 과제 종료 본문
실시간 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 값에 변경을 줄 것인지, 또 어떤식으로 유저에게 알림을 줄 것인지에 대한 고민을 하면서 진행했기에 더욱 사용자 친화적 마인드를 갖게 되었다.
'개발팁저장소 > react' 카테고리의 다른 글
[항해99] WebRTC를 이용한 홈트레이닝 서비스 "홈트메이트"를 소개합니다. (0) | 2022.03.28 |
---|---|
[항해99 실전프로젝트 3주차 / websocket ] (0) | 2022.03.15 |
[React] class 형 컴포넌트 vs function 형 컴포넌트 (0) | 2022.02.07 |
[React] Context API 와 상태관리 툴의 차이 (0) | 2022.02.03 |
[React + Firebase] export 'default' (imported as 'firebase') was not found in 'firebase/app' 오류생길 때 (0) | 2022.02.02 |