Slack

😁 프로젝트 소개

팀원 모두에게 익숙한 협업툴 Slack을 주제로 한 클론 프로젝트

👥 팀원 및 역할 소개

Backend	Frontend
장소명	박가인

🎮 기술스택

Frontend

• React 18
• Recoil
• Styled-Components
• Sock.js
• Stompjs

Backend

• Java 11
• Spring boot 2.7.8
• Spring Cloud 2021.0.5
• Spring Data JPA
• Spring Websocket
• STOMP
• Socket.io
• SockJS
• Redis 2.5.4
• Node.js
• MySQL

🏠 아키텍처

💻 주요기능

회원가입/로그인

웹 소켓을 사용한 채팅

채널 게시글 작성/조회

✏️ Editor

• Visual Studio Code
• IntelliJ IDE

🤝 Communication

• Notion
• Slack
• Git

📂 디렉토리 구조

Frontend

├─ public
├─ .eslintrc.js
├─ packagelock.json
├─ package.json
└─ src
   ├─ App.test.js
   ├─ index_.css
   ├─ index.js
   ├─ App_.css
   ├─ App_.js             라우터
   ├─ components          컴포넌트
   │  ├─ ChannelList
   │  ├─ Chat
   │  ├─ Chatbox
   │  ├─ ChatList
   │  ├─ CreateChannelModal
   │  ├─ DMList
   │  ├─ InviteChannelModal
   │  ├─ Menu
   │  └─ Modal
   ├─ hooks               리액트 훅
   │  └─useInput.js
   ├─ store               상태 관리
   │  └─channelAtom.js
   ├─ layouts             레이아웃
   │  └─Workspace
   ├─ utils               유틸리티 함수
   │  └─ makeSection.js
   └─ pages               라우터에 있는 페이지들
      ├─ Channel
      ├─ DirectMessage
      └─ Login
  

✨ 깃 브랜치전략

• feature: 기능을 개발하는 브랜치로 기능 개발을 완료하면 develop로 병합
• develop: 평소에는 이 브랜치를 기반으로 개발을 진행하며 테스트를 완료한 후 master브랜치로 병합
• master: 언제든지 배포가 가능한 상태만을 관리하는 브랜치