SWIT 메신저 페이지

프로젝트 소개

메신저 페이지

팀원 소개

🏃‍ 양다혜(팀장)
🏃‍ 박서윤

배포 주소

과제 구현 목록

(양다혜)

☑️ 메인 페이지 UI

☑️ Header UI, Button 컴포넌트

☑️ 답장/삭제 Button 컴포넌트

☑️ 메시지 삭제 확인 모달

☑️ Redux 이용한 user 데이터, 전송 데이터 관리

☑️ 메시지 전송 기능

(박서윤)

☑️ 로그인 모달 UI

☑️ 로그인 모달에 이미지 등록과 프리뷰

☑️ 채팅창 페이지 UI

☑️ 채팅방 대화목록 가장 아래로 스크롤

☑️ 날짜 util 함수 (yyyy-mm-dd hh:MM:ss 형태로 출력)

과제 후기

🙋‍♀️ 양다혜

팀원들의 개인사정으로 인해 두 명이서 프로젝트를 진행하게되었다. 진입장벽이 높은 redux를 처음 접해본 상태에서 프로젝트를 진행하는데 어려움이 많았지만 조금이나마 사용해볼 수 있어서 좋은 경험이 된 것 같다. 추후에도 학습하여 프로젝트를 보완하고 상황에 맞게 잘 사용할 수 있도록 해야겠다.

🙋‍♀️ 박서윤

(프로젝트 회고 주소 첨부 예정)

설치 및 시작하는 법

프로젝트 클론

$ git clone https://github.com/On-Basic/OnBasic_Messenger.git

패키지 설치

$ npm install

서버 실행

$ npm start