# WEB27 - NogariHouse 🐟

## 🐟 TEAM 노가리 🐟
- 쓸데없는 여러 말들을 늘어놓으면서 좋은 아이디어를 캐치한다!
- 하루에 30분 이상씩 '함께' 노가리를 까는 문화

## 🧑🏻‍💻 팀원

| **Mulgyeol** | **HanCiHu** | **NEM-NE** | **iHoHyeon** |
| :-------------------------------------------------------------------------: | :-------------------------------------------------------------------------: | :-------------------------------------------------------------------------: | :-------------------------------------------------------------------------: |
| <img src="https://avatars.githubusercontent.com/u/59464537?v=4" width="80"> | <img src="https://avatars.githubusercontent.com/u/51700274?v=4" width="80"> | <img src="https://avatars.githubusercontent.com/u/55152516?v=4" width="80"> | <img src="https://github.com/iHoHyeon.png" width="80"> |
| [정물결](https://github.com/Mulgyeol) | [유찬희](https://github.com/HanCiHu) | [임성빈](https://github.com/NEM-NE)|[이호현](https://github.com/iHoHyeon)

## 👨🏻‍🏫 프로젝트 소개

`Nogarihouse` 는 캐주얼한 음성 채팅을 위한 장소입니다. 웹을 열면 사람들이 대화하고 다양한 대화를 탐색하는 "방"을 볼 수 있습니다.

이곳은 전 세계의 친구 및 새로운 사람들과 만나 수천 가지 다양한 주제에 대해 이야기하고, 질문하고, 토론하고, 배우고, 즉석 대화를 나눌 수 있는 장소입니다.

우리는 모두를 위한 `Nogarihouse`를 짓고 있으며 세계에 공개하게 되어 기쁩니다! 이제 웹에서 전 세계적으로 사용할 수 있습니다.

우리는 언제나 당신을 기다리고 있습니다. 지금 참여하세요.


***언제 어디서나 편하게 노가리를 깔 수 있는곳! 노가리 하우스🏖로 놀러오세요***

* 다양한 주제로 다양한 사람들과 노라기를 깔 수 있습니다! 🎤
* 아직 나의 목소리를 공개하기 수줍다고요? 그럼 익명 음성 채팅 기능을 활용해보세요! 😎
* 클럽하우*는 모바일만 지원이 됐죠? 노가리 하우스는 웹에서도 지원이 됩니다! 🛠️
* 만약 이번에 만난 사람들과 더 노가릴 까고 싶다면? 팔로우 하세요! 🙌
* 팔로우 말고 그룹지어서 관리하고 싶나요? 클럽을 만드세요! 👋
* 가입하기 귀찮으시다고요? 그럼 SNS를 통해 간단히 회원가입해보세요!🤝
* ⭐ ⭐ ***믿음직한 개발팀*** ⭐ ⭐ 이 노가리 하우스를 만들고 있습니다!

## 🌱 팀 그라운드 룰

<details>
<summary>Click</summary>
<div markdown="1">

### 🐳 생활 수칙

- 데일리 개발 시간에는 줌 접속하기 !

|시간|내용|Zoom|
|:---:|---|:---:|
|10:00 ~ 10:10|데일리 노가리 🐟 (TMI 들고오기)|on|
|10:10 ~ 10:30|데일리 스크럼|on|
|10:30 ~ 12:00|데일리 코드 쉐어 / 전날 PR 머지하기|on|
|12:00 ~ 13:30|느낌있는 점심식사|on/off(먹방 가능)|
|16:00 ~ 16:20|브레이크 타임 노가리 🐟 |on|
|~ 18:50|데일리 개발|on|
|18:50 ~ 19:00|마무리 노가리 🐟|on|

### ☀️ 데일리 스크럼

- 어제 진행 상황 공유
- 오늘 진행할 내용 공유
- 발생한 이슈 공유
- 오늘의 컨디션 발표 (10점 만점) 💯
- 화이팅 외치기 (팀 구호)
- 코드적인 부분은 `데일리 코드 쉐어`에서 !!
- 스프린트 회고
- 이번주의 내 점수 발표
- 긍정적으로 회고하기(칭찬과 격려, 피드백)
- 그라운드 룰 / 마일스톤 등 점검
- 노가리 🐟
- 각자 주말 계획 공유하기 (그룹 프로젝트 관련 ❌ )
- 다른 팀과 노가리 (기회되면)

### ✨ 네이밍 컨벤션

- 변수명 :: camelCase
- css :: kebab-case
- 파일명 :: kebab-case
- 함수 :: arrow function (필요한 케이스에서 선언식 사용)
- 함수명 :: PascalCase

### 📌 커밋 컨벤션

- 깃 커밋 :: Gitmoji 사용

    [Gitmoji] 제목 [epicNumber-StroyNumber-taskNumber 추후 결정]
    
    본문
    - 문장형으로 작성하기
    - 제목과 본문 한국어로 작성하기

- 커밋 예시

    ♻️ 장애물 위치 지정 방식 조정
    
    장애물과 같은 오브젝트 위치 지정 방식을 3개 점 기준으로 하던 방식에서 대각선 두 점을 하는 방식으로 변경

    ➕ styled-components 적용
    
    styled-components dependency 추가

### 🌳 깃 브랜치 전략

- Git-flow 전략 참고
- master : 제품으로 배포될 수 있는 브랜치
- develop : 다음 배포 버전을 개발하는 브랜치
- feature : 기능을 개발하는 브랜치 (매 feature 개발 시 생성 / 삭제)
- 기능별로 브랜치 나누기 !!

[우린 Git-flow를 사용하고 있어요 | 우아한형제들 기술블로그](https://techblog.woowahan.com/2553/)

### 👬 코드리뷰

- 매 PR 마다 최소 1명이 리뷰 후 머지하기 (코드쉐어와 같이 하기)

</div>
</details>

## 🛠 기술스택

<details>
<summary>Click</summary>
<div markdown="1">

### Front

- React
- Recoil
- Styled-Components
- Material-UI
### Back

- Express
- MongoDB
- Mongoose
- Redis
### Data Transfer

- WebRTC
- socket.io
### Etc.

- TypeScript
- Swagger
- ESlint
- Airbnb Style Guide
- Slack
- Notion
- Miro
- Jest
### package manager

- yarn
### Infra

- Nginx
- NCloud

</div>
</details>

## Miro 화면 시나리오
⭐ 클릭하면 이동합니다 ⭐
[](https://miro.com/app/board/o9J_lrG6Bpo=/?invite_link_id=398718892664)

## Figma 디자인 명세

### Prototype
⭐클릭하면 이동합니다⭐
[](https://www.figma.com/proto/ARhl2dMSCpAmr5YphswyKk/NogariHouse?node-id=312%3A2&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=312%3A2)

### Design
⭐클릭하면 이동합니다⭐
[](https://www.figma.com/team_invite/redeem/ANw1yOrzCuqoAFNc7NESxV)

## 백로그
⭐ 클릭하면 이동합니다 ⭐
[](https://www.notion.so/mulgyeoljung/102c1945749f47998b62eb3a68ab9df6?v=7af2dcdea1854a1d98e38f7ea6269392)

## API 명세
⭐ 클릭하면 이동합니다 ⭐
[](https://www.notion.so/mulgyeoljung/e99758e1c776459a93ff632b5c694700?v=720b94f685ee4194b99124f76f648b13)