소개 및 기획

자가 심리 상태를 진단하기 위한 Chat Bot

기한

<aside> <img src="/icons/sign-out_gray.svg" alt="/icons/sign-out_gray.svg" width="40px" /> 1차 : 24.04.09 - 04.17 2차 : 24.04.23 - 04.30

</aside>

사용기술

<aside> <img src="/icons/layers_gray.svg" alt="/icons/layers_gray.svg" width="40px" /> 조건 : JQuery 및 Ajax 사용하기

• Frontend : HTML, css, Javascript, JQuery, Ajax ...
• Backend : Node.js, Express ...
• sever : MySQL
• API : Gemini-Pro, openWeather </aside>

진행상황

<aside> <img src="/icons/subtask_gray.svg" alt="/icons/subtask_gray.svg" width="40px" /> 순서

• level1 : node.js에서 login 및 server CRUD 중 CRU 구현 (O)
• level2 : Google Gemini API 연결 (O)
• level3 : ToDo list CRUD 구현 (O)
  • local storage (O)
  • server (-)
• level4 : chat history 저장 기능 구현 (0)
• level5 : 코드 정리 </aside>

서비스 구성 요약

• [ ] 빨간색 : view / controller
• [ ] 주황색 : model
• [ ] 보라색 : 2차 기능 추가

코드 요약 Tree 구조

<aside> <img src="/icons/command-line_gray.svg" alt="/icons/command-line_gray.svg" width="40px" /> Screen 1 : └─ image ├─ node_modules ├─ src ├─ config ├─ connectDB.js └─ viewEngine.js ├─ controllers ├─ homePageController.js ├─ loginController.js ├─ passportLocalController.js └─ registerController.js ├─ public ├─ images ├─ music ├─ css └─ js ├─ chat.js
├─ login.js ├─ register.js └─ todo.js ├─ weather.js ├─ music.js ├─ dinogame.js └─ canvas.js ├─ routes └─ web.js ├─ services ├─ loginService.js └─ registerService.js ├─ views ├─ homepage.ejs ├─ login.ejs └─ register.ejs └─ server.js ( main )

 ****├─ .babelrc
 ****├─ .env
 ├─ .gitignore
 ├─ chat_history.json
 ├─ package-lock.json
 ├─ package.json
 └─ README.md

</aside>

MVC 패턴

• Model
• View
• Controller

세부 구조

• Model
• View
• Controll
• server.js
• ETC