https://github.com/connect-foundation/2019-02

dropy 🐣 - simple, easy, interactive presentation
https://github.com/connect-foundation/2019-02

apollo graphql nodejs react typescript

Last synced: over 1 year ago
JSON representation

dropy 🐣 - simple, easy, interactive presentation

• Host: GitHub
• URL: https://github.com/connect-foundation/2019-02
• Owner: connect-foundation
• License: mit
• Created: 2019-11-01T09:05:47.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-07-10T15:20:34.000Z (almost 6 years ago)
• Last Synced: 2025-03-21T12:13:50.475Z (over 1 year ago)
• Topics: apollo, graphql, nodejs, react, typescript
• Language: JavaScript
• Homepage:
• Size: 2.13 MB
• Stars: 29
• Watchers: 4
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# dropy



  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  





    



> Dropy는 쉽고 직관적인 사용자 인터랙션으로 ‘프레젠테이션 채널’이라는 가상 공간을 생성하여 스피커와 리스너 간 원활한 소통을 도와주는 온라인 서비스입니다.

> Dropy는 새로운 스피치 문화를 만들어 갑니다.




## 🐤 Service Url

[https://dropy.org](https://dropy.org)




## 📺 Demo Video



  









## 📝 Document

- [기획 / 규칙 / 로그](https://github.com/connect-foundation/2019-02/wiki)

- [기술공유 01. Passport와 Apollo를 활용한 oAuth 인증 시스템](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-01.-Passport%EC%99%80-Apollo%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-oAuth-%EC%9D%B8%EC%A6%9D-%EC%8B%9C%EC%8A%A4%ED%85%9C)

- [기술공유 02. GraphicsMagick으로 PDF 파일을 웹에 렌더링 시키기](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-02.-GraphicsMagick%EC%9C%BC%EB%A1%9C-PDF-%ED%8C%8C%EC%9D%BC%EC%9D%84-%EC%9B%B9%EC%97%90-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%8B%9C%ED%82%A4%EA%B8%B0)

- [기술공유 03. graphQL과 Apollo 이용하여 리액트에서 상태관리하기](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-03.-graphQL%EA%B3%BC-Apollo-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%97%90%EC%84%9C-%EC%83%81%ED%83%9C%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0)

- [기술공유 04. Apollo와 함께 채팅 성능 최적화하기](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-04.-Apollo%EC%99%80-%ED%95%A8%EA%BB%98-%EC%B1%84%ED%8C%85-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94%ED%95%98%EA%B8%B0)

- [기술공유 05. 채널 방문자 수를 실시간으로 카운트 하기](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-05.-%EC%B1%84%EB%84%90-%EB%B0%A9%EB%AC%B8%EC%9E%90-%EC%88%98%EB%A5%BC-%EC%8B%A4%EC%8B%9C%EA%B0%84%EC%9C%BC%EB%A1%9C-%EC%B9%B4%EC%9A%B4%ED%8A%B8-%ED%95%98%EA%B8%B0%F0%9F%A6%89)

- [기술공유 06. 이모지가 날아간다🤭](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-06.-%EC%9D%B4%EB%AA%A8%EC%A7%80%EA%B0%80-%EB%82%A0%EC%95%84%EA%B0%84%EB%8B%A4%F0%9F%A4%AD)

- [기술공유 07. 반응형 Slide, 반응형 Canvas 만들기](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-07.--%EB%B0%98%EC%9D%91%ED%98%95-Slide,-%EB%B0%98%EC%9D%91%ED%98%95-Canvas-%EB%A7%8C%EB%93%A4%EA%B8%B0)

- [기술공유 08. 컨버터 서버, request 큐를 이용해 방어시스템 구축하기](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-08.-%EC%BB%A8%EB%B2%84%ED%84%B0-%EC%84%9C%EB%B2%84,-request-%ED%81%90%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-%EB%B0%A9%EC%96%B4%EC%8B%9C%EC%8A%A4%ED%85%9C-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0)

- [기술공유 09. GitHub Actions로 CI CD 구성하기](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0%EA%B3%B5%EC%9C%A0-09.-GitHub-Actions%EB%A1%9C-CI-CD-%EA%B5%AC%EC%84%B1%ED%95%98%EA%B8%B0)

- [기술공유 10. 반응형 Canvas에서 필기 유지하기 👩🏻‍🎨](https://github.com/connect-foundation/2019-02/wiki/%EA%B8%B0%EC%88%A0-%EA%B3%B5%EC%9C%A0-10.-%EB%B0%98%EC%9D%91%ED%98%95-Canvas%EC%97%90%EC%84%9C-%ED%95%84%EA%B8%B0-%EC%9C%A0%EC%A7%80%ED%95%98%EA%B8%B0-%F0%9F%91%A9%F0%9F%8F%BB%E2%80%8D%F0%9F%8E%A8)




## 🏛 Service Architecture

![](https://kr.object.ncloudstorage.com/dropy/01_IMG_DONT_TOUCH/architecture.png)




## 🗂 Tech Stack

![](https://kr.object.ncloudstorage.com/dropy/01_IMG_DONT_TOUCH/techstack.png)

 




## 💾 DB modeling

![](https://kr.object.ncloudstorage.com/dropy/01_IMG_DONT_TOUCH/db_modeling.png)




## 🔨 Usage

### 프로젝트 구성도

```bash

📦 .github/workflows             # CI/CD

📦 web                           # 프론트 서버

📦 server-api                    # API 서버

📦 server-converter              # 이미지 컨버터 서버

```

### 프로젝트 시작하기

> 각 폴더 별로 실행 시켜야 합니다.

#### 1. web

```bash

cd web

yarn install                     # 모듈 설치

yarn dev                         # 개발모드 시작

```

#### 2. server-api

```bash

cd server-api

yarn install                     # 모듈 설치

yarn dev                         # 개발모드 시작

```

#### 3. server-converter

```bash

brew install graphicsmagick gs   # OS 패키지 설치

cd server-converter

yarn install                     # 모듈 설치

yarn dev                         # 개발모드 시작

```




##  👨‍👨‍👧‍👧 Members

- 🐶**김도현** [(happydhKim)](https://github.com/happydhKim)

- 🐵**김재원** [(load0ne)](https://github.com/load0ne)

- 🦊**이미림** [(always-awake)](https://github.com/always-awake)

- 🐰**조애리** [(aereeeee)](https://github.com/aereeeee)




## 🤝 Contributing

> Be dropy's contributor!!

Contributions, issues and feature requests are welcome!
Feel free to check [📌issues page]( https://github.com/connect-foundation/2019-02/issues).




## 📝 License

Copyright © 2019 [dropy](https://github.com/connect-foundation/2019-02).  

This project is [MIT](https://github.com/connect-foundation/2019-02/blob/master/LICENSE.md) licensed.