---
# System prepended metadata

title: 기술스택
tags: [project base]

---

# 기술스택

## 프론트엔드
- 리액트
- 자바스크립트
- styled component
- 상태관리?
    - 무엇을 상태관리 라이브러리로 분리해야할까?
        - [방{제목:,...},방2{제목:,...}]
        - 게임의 상태{제한시간, 턴, 바둑알위치, 바둑알 순서, 채팅, 상태(게임중, 승패)}를 관리하는게 좋겠다
        - 사용자 정보{레벨...?, 이름}
    - 상태관리 라이브러리로 분리하는 정보가 적더라도, Context API를 사용하면 provider하위의 모든 컴포넌트가 업데이트되는 문제가 있다.
    - redux vs recoil
- CI / CD Github Action
- eslint / prettier

- webpack babel



## 백엔드
- Node.js
- express
- DB는 몽고디비
- 몽구스
- 서버 배포는 어디?
    - AWS
    - NCP
- PM2
- Nginx


디비는 뭘로할까
- 게임 데이터를 어떻게 저장할지?
    - 게임 데이터를 디비에 저장해야되나?
    - 게임 중에 나갔다 오면 db에 있는거에서 가져와야 되니까 필요할 것 같다.
    - 인덱스를 지정해놓으면 삭제 속도가 느리다.




서버는 어디다 만들까








### PR

```
## 개요
## 작업사항
## 기타
```

- PR, Issue에 assignee, label 등 tag
> [template 적용 방법](https://soft.plusblog.co.kr/66)


### Issue

```
### 📌 To Do 
- [ ] 할 일1
- [ ] 할 일2
```
```
### 👉 Problem 
- 현재의 문제

### 🏀 Solution
- 해결 방안

### 👊 So We
- 그래서 우리는 이렇게 하자

```
> [template 적용 방법](https://soft.plusblog.co.kr/66)



###### tags: `project base`