DEVELOPMENT/PROJECT (2) 썸네일형 리스트형 OWL Project Stack React Node.js (Express) Socket.io Redux Redux-toolkit Styled-components Netlify Heroku 후기 ‘Commeet’ 프로젝트를 진행하면서 ‘Firebase Realtime Database’를 사용하였고 ‘이것으로 채팅 기능도 구현할 수 있겠다’ 라는 생각을 하였다. 그래서 좀 더 알아보다가 WebSocket, Socket.io에 대해 공부하고, 이것을 이용하여 채팅 사이트 프로젝트를 진행하였다. 프로젝트는 생각 외로 순조롭게 진행되었고 아주 재미있었다. 하지만 닉네임, 채팅방 만들기, 채팅방 입장 기능을 완성 시키고 마지막 기능인 ‘채팅하기’ 에서 원하는 대로 작동하지 않아 3일 동안 고생을 하였다. 코드를 5번 정도.. COMMEET Project Stack React React Router v6 Redux Redux-toolkit Styled-components Firebase Github-pages 기능 로그인 시 모든 게시물 보여주기 게시물의 작성자의 프로필, 본문, 사진, 업로드 시간 출력 게시물의 authorId를 비교하여 삭제 / 수정 보여주기 댓글 보여주기 댓글 작성자의 프로필, 댓글, 업로드 시간 출력 댓글의 commentAuthorId를 비교하여 삭제 보여주기 네비게이션 다크모드 styled-components와 리덕스 활용 글쓰기 본문, 사진 업로드 프로필 프로필 사진, 닉네임 변경 나의 총 게시물 수, 게시물 썸네일 출력 로그아웃 비 로그인 시 인증 폼 보여주기 정규식을 활용하여 비밀번호에 유효성 검사 추가 구글,.. 이전 1 다음
