Merge pull request #19 from goormthon-Univ/dev

[feat] final merge

.gitignore

@@ -5,4 +5,6 @@ google-chrome-stable_current_amd64.deb
 node_modules
 ancient-ivy-416408-f8dea10e5b2d.json
 .git
-config.json
+config.json
+results.json
+migrations

README.md

@@ -1,42 +1,100 @@
-# 2024_BEOTKKOTTHON_TEAM_37_BE
+### 2024_BEOTKKOTTHON_TEAM_37_BE
+🎨 댓글은 깔끔히, 코멘트는 많이 - **댓칼코마니**🎨 백엔드 레포지토리
 
-크롬 설치 - window
-wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
-sudo apt install ./google-chrome-stable_current_amd64.deb
+![Slide 16_9 - 318](https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/b6d6e533-bf09-499a-99fc-97a68ca68537)
 
-npm install puppeteer
+# 댓칼코마니
 
-최신 버전
-curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
-source ~/.bashrc
-nvm install node
-nvm use node
+"댓칼코마니"는 웹툰 작가와 독자들 간의 긍정적인 소통을 지원하는 서비스입니다. "댓글은 깔끔히, 코멘트는 많이"라는 슬로건 아래, 창작자들이 안전한 환경에서 독자의 반응을 볼 수 있게 도와줍니다.
 
-node module 삭제 후 재 설치
-rm -rf node_modules
-npm install
+## 소개
 
+웹툰 작가들은 종종 악성 댓글로부터의 보호 없이 창작 활동을 해야 하는 어려움에 직면해 있습니다. "댓칼코마니"는 이러한 문제에 대한 해결책을 제공합니다. AI를 이용해 악성 댓글은 필터링 하고, 정제되고 요약된 피드백을 제공함으로써 창작자들이 자신의 작품에 대한 피드백을 받을 수 있도록 하면서도 동시에 그들을 불필요한 공격으로부터 보호합니다.
+
+## 데모 영상 주소
+
+## 기능
+
+✨ **안전한 댓글 필터링:**
+
+작가들이 독자의 반응을 보면서도 부정적인 영향을 받지 않도록 필터링 기능을 제공합니다.
+
+✨ **긍정적 피드백 강조:** 
+
+작품 개선에 도움이 되는 건설적인 코멘트를 강조하여 창작자에게 긍정적인 원동력을 제공합니다.
+
+✨ **창작자와 독자의 교류:** 
+
+독자와 창작자 간의 건강한 대화를 장려하여 웹툰 커뮤니티를 강화합니다.
+
+✨ **내 피드백 모아보기:** 
+
+작가들은 자신의 작품에 대한 피드백을 모아볼 수 있습니다.
+
+## 팀원 소개
+
+| 정윤서 | 성나영 | 최윤서 | 황채원 |
+|:---:|:---:|:---:|:---:|
+| <img width="150" alt="KakaoTalk_20240323_213355226" src=https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/f5541069-0caf-4ab0-8b35-a080fbc1e4c7> | <img width="150" alt="KakaoTalk_20240323_213355226" src=https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/d30018ed-7502-4025-ab6e-8f6f8406679f> | <img width="150" alt="KakaoTalk_20240323_213355226" src="https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/e8bd1b91-3ad9-43eb-a244-820e61cfc6d9"> | <img width="150" alt="KakaoTalk_20240323_213355226" src=https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/10764bb3-d22d-4d69-8887-1a9c8850d50c> |
+|  |  | [@YunseoChoe](https://github.com/YunseoChoe) | [@uommou](https://github.com/uommou) |
+| 기획 | 디자인 | 백엔드 | 백엔드, PM |
+
+| 이종범 | 이준원 | 이태환 |
+|:---:|:---:|:---:|
+| <img width="150" alt="KakaoTalk_20240323_213355226_01" src="https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/146e1052-fdb7-46df-82eb-a2bc3b97cb4d"> | <img width="150" alt="KakaoTalk_20240323_230314134" src="https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/d7156bd8-0bda-4880-8451-0773378a5cfd"> | <img width="150" alt="KakaoTalk_20240323_213355226_02" src="https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/eea34f2c-631d-4426-b6f2-e7e89c499321"> |
+| [@KorJIGSAW](https://github.com/KorJIGSAW) | [@junwlee](https://github.com/junwlee) | [@taehwamlee203](https://github.com/taehwamlee203) |
+| 프론트엔드 | 프론트엔드 | 프론트엔드 |
+
+## 기술 스택
+
+**FRONTEND**
+
+<img src="https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white"><img src="https://img.shields.io/badge/css-1572B6?style=for-the-badge&logo=css3&logoColor=white"><img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black">
+
+**BACKEND**
+
+<img src="https://img.shields.io/badge/express-000000?style=for-the-badge&logo=express&logoColor=white"><img src="https://img.shields.io/badge/puppeteer-40B5A4?style=for-the-badge&logo=puppeteer&logoColor=white"><img src="https://img.shields.io/badge/openai-412991?style=for-the-badge&logo=openai&logoColor=white"><img src="https://img.shields.io/badge/mysql-4479A1?style=for-the-badge&logo=mysql&logoColor=white">
+
+**CI/CD**
+
+<img src="https://img.shields.io/badge/githubactions-2088FF?style=for-the-badge&logo=githubactions&logoColor=white"><img src="https://img.shields.io/badge/docker-2496ED?style=for-the-badge&logo=docker&logoColor=white"><img src="https://img.shields.io/badge/googlecloud-4285F4?style=for-the-badge&logo=googlecloud&logoColor=white">
+
+**COMMUNICATION**
+
+<img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white"><img src="https://img.shields.io/badge/notion-000000?style=for-the-badge&logo=notion&logoColor=white"><img src="https://img.shields.io/badge/git-F05032?style=for-the-badge&logo=git&logoColor=white"><img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white"><img src="https://img.shields.io/badge/figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white">
+
+## 주요화면
+
+| 화면 | 화면 사진 | 화면 설명 |
+|:-----------:|:-----------:|-----------|
+| 메인화면 | ![메인화면](https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/f9f3ebff-d860-4afa-9015-2695ec6ddb8b) | 댓칼코마니의 메인화면입니다. |
+| 로그인/회원가입 | ![로그인](https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/3562a695-7f24-4044-a1a0-77c2da03912a) | 로그인 및 회원가입 화면입니다. 회원가입 시 비밀번호가 암호화되어 저장되며, 로그인 시 JWT가 발급됩니다. |
+| 피드백 보기 | ![URL 입력화면(이게 메인 화면)](https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/4a8e56b2-e92a-4cac-925a-84566ee5292e) | 피드백을 확인해보고 싶은 카카오 웹툰의 링크를 넣어보세요! 생성형 AI가 댓글을 필터링하고, 요약하여 줍니다! |
+| 지난 피드백 모아보기 | <img width="1920" alt="URL 입력화면(이게 메인 화면)" src="https://github.com/goormthon-Univ/2024_BEOTKKOTTHON_TEAM_37_BE/assets/90598552/c974d32d-d102-409f-81f3-793c4aaeef07"> | 여태까지 받았던 피드백을 한 화면에서 확인할 수 있는 화면입니다. |
+
+## 프로젝트 구조
 
 ```
 2024_BEOTKKOTTHON_TEAM_37_BE
 ├─ .dockerignore
 ├─ .nvmrc
 ├─ config
-│  └─ config.json
 ├─ controller
 │  ├─ chatGpt.js
 │  ├─ crawl.js
 │  └─ user.js
 ├─ crawling_kakao.js
 ├─ crawling_naver.js
 ├─ Dockerfile
+├─ init-script.sh
 ├─ models
+│  ├─ feedback.js
 │  ├─ index.js
-│  └─ user.js
+│  ├─ user.js
+│  └─ webtoon.js
 ├─ package-lock.json
 ├─ package.json
 ├─ README.md
-├─ results.json
 └─ server.js
 
-```
+```

crawling_kakao.js

@@ -4,7 +4,8 @@ const fs = require('fs');
 async function crawlAndSave(url) {
     const browser = await puppeteer.launch({
         headless: true,
-        args: ['--no-sandbox', '--disable-setuid-sandbox']
+        args: ['--no-sandbox', '--disable-setuid-sandbox'],
+        timeout: 60000
     });
     const page = await browser.newPage();
     await page.goto(url, { waitUntil: 'networkidle2' });