Skip to content

Beyond-Imagination38/Modam

BranchesTags

Repository files navigation

πŸ“š Modam: λŒ€λ©΄ λ…μ„œ λͺ¨μž„이 μ–΄λ €μš΄ μ‚¬λžŒλ“€μ„ μœ„ν•œ AI μ§„ν–‰μž 기반 μ±„νŒ…ν˜• λ…μ„œ λͺ¨μž„ μ„œλΉ„μŠ€

1. ν”„λ‘œμ νŠΈλͺ…: Modam

Modam μ‚¬μ΄νŠΈ μ£Όμ†Œ

이 ν”„λ‘œμ νŠΈλŠ” AI 기반 λΉ„λŒ€λ©΄ λ…μ„œλͺ¨μž„ ν”Œλž«νΌμœΌλ‘œ, μ‚¬μš©μžκ°€ μ‹œκ°„κ³Ό μž₯μ†Œμ˜ μ œμ•½ 없이 자유둭게 ν† λ‘  μ€‘μ‹¬μ˜ λ…μ„œλͺ¨μž„에 μ°Έμ—¬ν•  수 μžˆλ„λ‘ λ•μŠ΅λ‹ˆλ‹€. GPTλ₯Ό ν™œμš©ν•˜μ—¬ μžλ™μœΌλ‘œ λ°œμ œλ¬Έμ„ μƒμ„±ν•˜κ³ , μ‹€μ‹œκ°„ μ±„νŒ…κ³Ό μš”μ•½ κΈ°λŠ₯을 톡해 λͺ¨μž„을 효율적으둜 μš΄μ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.


2. ν”„λ‘œμ νŠΈ 기획 μ˜λ„

λ³Έ ν”„λ‘œμ νŠΈλŠ” λ‹€μŒκ³Ό 같은 ν˜„μ‹€μ  μ œμ•½κ³Ό μ‚¬μš©μž μš”κ΅¬λ₯Ό ν•΄κ²°ν•˜κ³ μž κΈ°νšλ˜μ—ˆμŠ΅λ‹ˆλ‹€.

1) μ‹œκ°„μ Β·λ¬Όλ¦¬μ  μ œμ•½

  • ν•™μ—…, μ‹œν—˜, 과제 λ“±μœΌλ‘œ 정기적인 μ˜€ν”„λΌμΈ λͺ¨μž„ 참석이 어렀움
  • 지방 거주자의 경우, λͺ¨μž„ μž₯μ†ŒκΉŒμ§€μ˜ 이동 μ‹œκ°„κ³Ό λΉ„μš©μ΄ λΆ€λ‹΄

2) 심리적 뢀담감

  • λŒ€λ©΄ ν† λ‘ μ—μ„œ μ˜κ²¬μ„ ν‘œν˜„ν•˜λŠ” 것에 λΆˆμ•ˆκ°μ΄λ‚˜ κΈ΄μž₯감을 λŠλΌλŠ” μ‚¬μš©μž 쑴재

3) λͺ¨μž„ 쑰직의 λΆ€λ‹΄

  • 발제문 μ€€λΉ„, μ°Έμ—¬μž 관리, 회차 운영 λ“± λͺ¨μž„ μ£Όμ΅œΒ·μš΄μ˜μ— λŒ€ν•œ λΆ€λ‹΄

4) λͺ¨μž„ 성사 어렀움

  • λ§ˆμ΄λ„ˆν•œ μž₯λ₯΄λ‚˜ νŠΉμ • 주제λ₯Ό μ’‹μ•„ν•˜λŠ” 경우, μ·¨ν–₯이 λ§žλŠ” μ°Έμ—¬μž ν™•λ³΄μ˜ 어렀움

5) ν† λ‘  λ‚΄μš© μ •λ¦¬μ˜ 어렀움

  • ν† λ‘  ν›„ λ‚΄μš©μ„ κΈ°λ‘ν•˜κ±°λ‚˜ κ΅¬μ‘°ν™”ν•˜λŠ” 데 어렀움을 느끼며, 회의처럼 μ •λ¦¬λœ 결과물을 μ„ ν˜Έν•˜λŠ” μ‚¬μš©μž 쑴재

6) 온라인 μ±„νŒ…μ— λŒ€ν•œ λΆˆμ•ˆκ°

  • 자유둜운 ν‘œν˜„μ€ μ›ν•˜μ§€λ§Œ, λΉ„μ†μ–΄Β·ν˜μ˜€ ν‘œν˜„ λ“± λΆ€μ μ ˆν•œ λ°œμ–Έμ— λŒ€ν•œ 우렀


μ΄λŸ¬ν•œ λ¬Έμ œλ“€μ„ ν•΄κ²°ν•˜κΈ° μœ„ν•΄ λ³Έ ν”Œλž«νΌμ€ λ‹€μŒ κΈ°λŠ₯듀을 μ œκ³΅ν•©λ‹ˆλ‹€.

1) GPT 기반 발제문 μžλ™ μƒμ„±μœΌλ‘œ μ€€λΉ„ λΆ€λ‹΄ 경감

2) μ‹€μ‹œκ°„ μ±„νŒ… + AI 필터링을 ν†΅ν•œ μ•ˆμ „ν•˜κ³  자유둜운 ν† λ‘  ν™˜κ²½ 제곡

3) μš”μ•½ κΈ°λŠ₯으둜 λͺ¨μž„ λ‚΄μš©μ„ μžλ™ 정리

4) λΉ„λŒ€λ©΄Β·μ΅λͺ… 기반의 μ‹¬λ¦¬μ μœΌλ‘œ μ•ˆμ „ν•œ ν† λ‘  곡간 마련


3. 기술 μŠ€νƒ

πŸ–₯️ ν”„λ‘ νŠΈμ—”λ“œ

React STOMP SockJS WebSocket

βš™οΈ λ°±μ—”λ“œ

Spring Boot Flask Python

πŸ€– AI

PyTorch GPT-4o (OpenAI) LangChain ChromaDB

πŸ›’οΈ λ°μ΄ν„°λ² μ΄μŠ€

MySQL

☁️ 인프라, 배포

AWS EC2 Docker GitHub Actions


4. μ•„ν‚€ν…μ²˜

μ‹œμŠ€ν…œ ꡬ쑰도

πŸ—‚οΈ 폴더 ꡬ쑰 μš”μ•½

modam-project/
β”œβ”€β”€ backend/         # Spring Boot μ„œλ²„
β”œβ”€β”€ ai-server/       # Flask AI μ„œλ²„
β”œβ”€β”€ frontend/        # React ν”„λ‘ νŠΈμ—”λ“œ
β”œβ”€β”€ docker-compose.yml
└── .env             # ν™˜κ²½λ³€μˆ˜ 파일

βš™οΈ λ°±μ—”λ“œ 디렉토리 ꡬ쑰

πŸ–₯️ ν”„λ‘ νŠΈμ—”λ“œ 디렉토리 ꡬ쑰

πŸ€– AIμ„œλ²„ 디렉토리 ꡬ쑰


5. μ†ŒμŠ€μ½”λ“œ μ„€λͺ…(μ£Όμš”κΈ°λŠ₯)

λͺ¨λ“ˆ

πŸ–₯️ ν”„λ‘ νŠΈμ—”λ“œ

μ£Όμš” λͺ¨λ“ˆ 및 μ—­ν• 

  1. UI/UX μ‚¬μš©μž ν™”λ©΄ ꡬ성 λͺ¨λ“ˆ
    :React μ»΄ν¬λ„ŒνŠΈ 기반으둜 전체 κΈ°λŠ₯의 μ‹œκ°μ  μΈν„°νŽ˜μ΄μŠ€λ₯Ό ꡬ성
  2. μ‚¬μš©μž 인증 λͺ¨λ“ˆ
    : νšŒμ›κ°€μž… 및 둜그인 κΈ°λŠ₯ 제곡, JWT 토큰 기반 인증 μœ μ§€
  3. μ±„νŒ… ν™”λ©΄ λ Œλ”λ§ λͺ¨λ“ˆ
    : STOMP와 SockJS 기반 WebSocket μ—°κ²°λ‘œ μ‹€μ‹œκ°„ μ±„νŒ… λ©”μ‹œμ§€λ₯Ό μˆ˜μ‹ ν•˜κ³  화면에 ν‘œμ‹œ. λΆ€μ μ ˆ λ©”μ‹œμ§€λŠ” 필터링 반영
  4. λ…μ„œ λͺ¨μž„ 등둝 및 μ°Έμ—¬ λͺ¨λ“ˆ
    : μƒˆ λͺ¨μž„ 생성 및 μ°Έμ—¬, μ„œλ²„λ‘œ 데이터 전솑, μ‘λ‹΅μœΌλ‘œ λͺ¨μž„ λͺ©λ‘ λ Œλ”λ§
  5. 독후감 μž‘μ„± 및 λ©”λͺ¨ μ €μž₯ λͺ¨λ“ˆ
    : μ‚¬μš©μž 감상문 및 λ©”λͺ¨ μž…λ ₯, μ„œλ²„μ— μ €μž₯ β†’ 발제문 생성 및 μš”μ•½ μ‹œ ν™œμš©

μ£Όμš” κΈ°λŠ₯의 데이터 흐름

A[μ‚¬μš©μž μž…λ ₯] --> B[둜그인 μš”μ²­ β†’ JWT λ°œκΈ‰]
B --> C[λͺ¨μž„ 생성 / μ°Έμ—¬ β†’ λͺ¨μž„ λͺ©λ‘ ν‘œμ‹œ]
C --> D[μ±„νŒ… λ©”μ‹œμ§€ μž…λ ₯ β†’ μ‹€μ‹œκ°„ 전솑 및 λ Œλ”λ§]
D --> E[λ©”λͺ¨ μž‘μ„± 및 μ €μž₯ β†’ AI μš”μ²­ μ‹œ ν™œμš©]
E --> F[λͺ¨μž„ μ’…λ£Œ ν›„ μš”μ•½ μš”μ²­ β†’ μš”μ•½ κ²°κ³Ό μˆ˜μ‹  및 ν‘œμ‹œ]

βš™οΈ λ°±μ—”λ“œ

μ£Όμš” λͺ¨λ“ˆ 및 μ—­ν• 

  1. μ‚¬μš©μž 인증 λͺ¨λ“ˆ
    : JWT 기반 μ‚¬μš©μž 인증 처리
  2. ν΄λΌμ΄μ–ΈνŠΈ/μ„œλ²„ 톡신 λͺ¨λ“ˆ
    : ν΄λΌμ΄μ–ΈνŠΈ API μš”μ²­ 및 응닡 처리
  3. μ±„νŒ…λ°© 관리 λͺ¨λ“ˆ
    : μ‹€μ‹œκ°„ μ±„νŒ…λ°© 생성 및 μ—°κ²° 관리
  4. λ©”μ‹œμ§€ μ €μž₯ 및 관리 λͺ¨λ“ˆ
    : μ±„νŒ… λ©”μ‹œμ§€ μ €μž₯ 및 μš”μ•½μš© 데이터 관리
  5. AI λ©”μ‹œμ§€ 처리 λͺ¨λ“ˆ
    : AI μ„œλ²„μ— λ©”μ‹œμ§€ 전달 β†’ μš”μ•½/필터링 κ²°κ³Ό μˆ˜μ‹ 
  6. 발제문 생성 μš”μ²­ λͺ¨λ“ˆ
    : 독후감 기반 발제문 생성 μš”μ²­ 처리
  7. μš”μ•½ μš”μ²­ λͺ¨λ“ˆ
    : 전체 μ±„νŒ… 둜그 전솑 및 μš”μ•½ κ²°κ³Ό 제곡
  8. 필터링 μš”μ²­ λͺ¨λ“ˆ
    : λΆ€μ μ ˆ λ°œμ–Έ 탐지 μš”μ²­ 및 κ²°κ³Ό 처리

μ£Όμš” κΈ°λŠ₯의 데이터 흐름

A[ν΄λΌμ΄μ–ΈνŠΈ μš”μ²­] --> B[JWT 인증 처리]
B --> C[λͺ¨μž„ 생성 / μ°Έμ—¬ β†’ DB μ €μž₯]
C --> D[WebSocket μ—°κ²° β†’ Redis 쀑계 β†’ μ±„νŒ… μ €μž₯]
D --> E[λͺ¨μž„ μ’…λ£Œ μ‹œ β†’ AI μ„œλ²„λ‘œ 둜그 전달 β†’ μš”μ•½ κ²°κ³Ό 제곡]

πŸ€– AI

μ£Όμš” λͺ¨λ“ˆ 및 μ—­ν• 

  1. μž…λ ₯ 데이터 처리 λͺ¨λ“ˆ
    : PyPDF2 + LangChain으둜 μ±… PDF λΆ„ν•  및 μ „μ²˜λ¦¬
  2. 벑터 μž„λ² λ”© 및 μ €μž₯ λͺ¨λ“ˆ
    : HuggingFace λͺ¨λΈλ‘œ μž„λ² λ”© ν›„ ChromaDB에 μ €μž₯
  3. λ¬Έλ§₯ 기반 검색 λͺ¨λ“ˆ (Retriever)
    : 독후감 기반 κ΄€λ ¨ 문단 검색
  4. 발제문 생성 λͺ¨λ“ˆ
    : 검색 문단 + 독후감을 GPT-4o에 전달해 발제문 생성
  5. μš”μ•½ 생성 λͺ¨λ“ˆ
    : μ±„νŒ… 둜그 β†’ PromptTemplate β†’ GPT-4o μš”μ•½ μš”μ²­
  6. μ±„νŒ… 필터링 λͺ¨λ“ˆ
    : KSS둜 λ¬Έμž₯ 뢄리 + ν‚€μ›Œλ“œ 필터링 β†’ KcELECTRA λͺ¨λΈ 기반 λ¬Έλ§₯ νŒλ‹¨
  7. API 톡신 처리 λͺ¨λ“ˆ
    : (Flask)REST API μš”μ²­ μˆ˜μ‹  β†’ 발제문/μš”μ•½/필터링 κ²°κ³Ό 응닡

μ£Όμš” κΈ°λŠ₯의 데이터 흐름

A[독후감 + book_id] --> B[ChromaDB 검색 β†’ μœ μ‚¬ 문단 μΆ”μΆœ]
B --> C[ν”„λ‘¬ν”„νŠΈ ꡬ성 β†’ GPT-4o 발제문 생성]
D[λͺ¨μž„ μ’…λ£Œ β†’ 전체 μ±„νŒ… 둜그 μˆ˜μ‹ ] --> E[GPT-4o μš”μ•½ μš”μ²­ β†’ κ²°κ³Ό μ €μž₯ 및 λ°˜ν™˜]
F[μ±„νŒ… λ©”μ‹œμ§€ μˆ˜μ‹ ] --> G[KSS β†’ ν‚€μ›Œλ“œ ν•„ν„° β†’ KcELECTRA β†’ κ²°κ³Ό λ°˜ν™˜]

6. κ°œλ°œν™˜κ²½ μ„€μ •

사전 μ€€λΉ„ 사항

  • Python 3.10 이상
  • pip 23.x 이상
  • Java 17 이상
  • Node.js 18 이상
  • Docker, Docker Compose μ„€μΉ˜
  • Git μ„€μΉ˜

πŸ–₯️ ν”„λ‘œμ νŠΈ 클둠

git clone https://github.com/your-org/modam-project.git
cd modam-project

AI μ„œλ²„ (Flask) μ„€μ •

  1. κ°€μƒν™˜κ²½ μ„€μ •
python -m venv venv
.\venv\Scripts\activate       # (Windows)
source venv/bin/activate      # (macOS / Linux)
  1. νŒ¨ν‚€μ§€ μ„€μΉ˜
pip install -r requirements.txt
  1. μ‹€ν–‰
python app.py

λ°±μ—”λ“œ (Spring Boot) μ„€μ •

ν™˜κ²½ λ³€μˆ˜ μ„€μ •

  1. .env 파일 생성 modam-project λ£¨νŠΈμ— .env νŒŒμΌμ„ μƒμ„±ν•œ ν›„, μ•„λž˜ ν˜•μ‹μ— 맞좰 μž‘μ„±ν•©λ‹ˆλ‹€.
    .env 민감 μ •λ³΄λŠ” 개인 λ©”μΌλ‘œ κ΅μˆ˜λ‹˜κ»˜ μ „λ‹¬ν•΄λ“œλ ΈμŠ΅λ‹ˆλ‹€.
#ν”„λ‘œμ νŠΈ λ””λ ‰ν† λ¦¬λ‘œ 이동
cd ../Modam
# .env μΆ”κ°€
nano .env
  1. .env νŒŒμΌμ— μ•„λž˜μ˜ λ‚΄μš© μΆ”κ°€
#########################
# μ„œλ²„ 정보
#########################

# AI μ„œλ²„ β†’ Spring μ„œλ²„ 호좜용 μ£Όμ†Œ
SPRING_SERVER_URL=http://be-modam:8080
# Spring μ„œλ²„ β†’ AI μ„œλ²„ 호좜용 μ£Όμ†Œ
AI_SERVER_URL=http://ai-modam:5000
# React μ„œλ²„
WEBSOCKET_ALLOWED_ORIGIN=""

#########################
# MySQL μ„€μ •
#########################

MYSQL_ROOT_PASSWORD=""
SPRING_DATASOURCE_URL=jdbc:mysql://db-modam:3306/modam_db?serverTimezone=Asia/Seoul
SPRING_DATASOURCE_USERNAME=""
SPRING_DATASOURCE_PASSWORD=""

#########################
# JWT μ„€μ • (Spring Security)
#########################

jwt.secret=""
jwt.expiration=86400000

#########################
# OpenAI API Key (Flask μ‚¬μš©)
#########################

OPENAI_API_KEY=""
  1. .envλ₯Ό ν˜„μž¬ μ‰˜μ— 적용
cd Modam
set -a && source .env && set +a

🐳 전체 μ„œλΉ„μŠ€ μ‹€ν–‰ (Docker 기반)

  1. ν”„λ‘œμ νŠΈ 루트둜 이동
cd Modam
  1. Docker μ‹€ν–‰
docker compose up --build
  1. 초기 데이터 import pem key νŒŒμΌμ€ 개인 λ©”μΌλ‘œ κ΅μˆ˜λ‹˜κ»˜ μ „λ‹¬ν•΄λ“œλ ΈμŠ΅λ‹ˆλ‹€.
# EC2에 파일 볡사 (λ‘œμ»¬μ—μ„œ μ‹€ν–‰)
scp -i [pem경둜] modam_db_fin.sql ubuntu@3.15.72.236:/home/ubuntu/

# Docker μ»¨ν…Œμ΄λ„ˆμ— 볡사
docker cp modam_db_fin.sql db-modam:/modam_db_fin.sql

# MySQL μ»¨ν…Œμ΄λ„ˆ 접속
docker exec -it db-modam bash

# MySQL 접속 ν›„ import
mysql -u modamuser -p modam_db < /modam_db_fin.sql

ν”„λ‘ νŠΈμ—”λ“œ (React) μ„€μ •

  1. μ˜μ‘΄μ„± μ„€μΉ˜
cd frontend
npm install
npm install @stomp/stompjs sockjs-client
  1. μ‹€ν–‰
npm start

μ‹€ν–‰ ν›„ λ‹€μŒ κ²½λ‘œμ—μ„œ 확인 κ°€λŠ₯:
ν”„λ‘ νŠΈμ—”λ“œ μ„œλ²„: http://localhost:3000
λ°±μ—”λ“œ API: http://localhost:8080
Flask AI μ„œλ²„: http://localhost:5000
DB: localhost:3307 (λ‚΄λΆ€ ν¬νŠΈλŠ” 3306)

7. ν…ŒμŠ€νŠΈ 방법

  1. μ‚¬μ΄νŠΈ 접속

  2. νšŒμ›κ°€μž…, 둜그인

    • 이메일과 λΉ„λ°€λ²ˆν˜Έλ₯Ό μ΄μš©ν•΄ νšŒμ›κ°€μž…μ„ ν•˜κ³ , λ‘œκ·ΈμΈν•©λ‹ˆλ‹€.
    • ν…ŒμŠ€νŠΈμ— μ‚¬μš©ν•  계정(이메일: test01@example.com/ λΉ„λ°€λ²ˆν˜Έ: pwpwpw01!)
    • λ‘œκ·ΈμΈμ„ ν•˜λ©΄ 메인 ν™”λ©΄μœΌλ‘œ μžλ™ μ΄λ™λ©λ‹ˆλ‹€.

  3. λͺ¨μž„ 등둝

    • 'λͺ¨μž„ 등둝'을 눌러 μ±… 제λͺ©, λ‚ μ§œ, μ‹œκ°„, μ„€λͺ…을 μž…λ ₯ν•˜λ©΄ λ…μ„œ λͺ¨μž„을 등둝할 수 μžˆμŠ΅λ‹ˆλ‹€.

  4. λͺ¨μž„ 확인

    • λ“±λ‘λ˜μ–΄ μžˆλŠ” λ…μ„œλͺ¨μž„ 쀑 '1984'λ₯Ό ν΄λ¦­ν•˜λ©΄ λͺ¨μž„λͺ…, μ±… 제λͺ©, 일정 λ“±μ˜ 정보λ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

  5. μ‹ μ²­ν•œ λͺ¨μž„ 확인

    • 상세 νŽ˜μ΄μ§€μ— λ“€μ–΄κ°€μ„œ μ°Έμ—¬ μ‹ μ²­ν•œ λͺ¨μž„을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

  6. 독후감 μž‘μ„±

    • '1984' λ…μ„œ λͺ¨μž„을 μ„ νƒν•˜κ³  '독후감 μž‘μ„±' λ²„νŠΌμ„ ν΄λ¦­ν•©λ‹ˆλ‹€.
    • 독후감을 μž‘μ„±ν•˜κ³  제좜 λ²„νŠΌμ„ λˆ„λ₯΄λ©΄ 등둝이 λ©λ‹ˆλ‹€.

  7. λͺ¨μž„ 진행(μ±„νŒ…)

    • 상세 νŽ˜μ΄μ§€μ—μ„œ '1984' λͺ¨μž„을 λˆ„λ₯΄κ³  'λͺ¨μž„ μ‹ μ²­' λ²„νŠΌμ„ 클릭해 λ…μ„œ λͺ¨μž„을 μ‹œμž‘ν•©λ‹ˆλ‹€.
    • λͺ¨μž„ μ°Έμ—¬ λ²„νŠΌμ„ λˆ„λ₯΄λ©΄ 같은 λͺ¨μž„μ˜ μ°Έκ°€μžλ“€κ³Ό μ‹€μ‹œκ°„μœΌλ‘œ λ©”μ‹œμ§€λ₯Ό 주고받을 수 μžˆμŠ΅λ‹ˆλ‹€.
    • μ±„νŒ…λ°©μ— μž…μž₯ν•˜λ©΄ β€˜(μ‚¬μš©μž 이름)λ‹˜μ΄ μž…μž₯ν•˜μ…¨μŠ΅λ‹ˆλ‹€β€™ λ©”μ‹œμ§€κ°€ μžλ™μœΌλ‘œ 좜λ ₯λ©λ‹ˆλ‹€.
      • μ‹€μ œ λͺ¨μž„ 진행 μ‹œ 4λͺ…μ˜ μ°Έμ—¬μžκ°€ ν•„μš”ν•˜λ―€λ‘œ, 4개의 창을 λ„μ›Œ μ„œλ‘œ λ‹€λ₯Έ Gmail κ³„μ •μœΌλ‘œ λ‘œκ·ΈμΈν•΄ ν…ŒμŠ€νŠΈν•©λ‹ˆλ‹€.
      • Ex) ν•˜λ‚˜μ˜ λΈŒλΌμš°μ €μ—μ„œ μ‹œν¬λ¦Ώνƒ­/게슀트 λͺ¨λ“œ λ“±μœΌλ‘œ μΆ”κ°€ 둜그인, λ‹€λ₯Έ λΈŒλΌμš°μ €(Chrome, Edge, Firefox λ“±)λ₯Ό 병행 μ‚¬μš©
        • ν…ŒμŠ€νŠΈ 계정 2: 이메일 – test02@example.com / λΉ„λ°€λ²ˆν˜Έ- pwpwpw02!
        • ν…ŒμŠ€νŠΈ 계정 3: 이메일 – test03@example.com / λΉ„λ°€λ²ˆν˜Έ- pwpwpw03!
        • ν…ŒμŠ€νŠΈ 계정 4: 이메일 – test04@example.com / λΉ„λ°€λ²ˆν˜Έ- pwpwpw04!
    • λ©”λͺ¨ κΈ°λŠ₯
      • λ…μ„œλͺ¨μž„을 ν•  λ•Œ 기둝할 것듀을 λ©”λͺ¨ μ—΄κΈ° 탭을 눌러 μž‘μ„±ν•©λ‹ˆλ‹€.
      • μ‚¬μš©μžλŠ” λ©”λͺ¨ κΈ°λŠ₯을 톡해 λͺ¨μž„ 쀑에 기둝을 ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μž‘μ„±ν•œ λ©”λͺ¨λŠ” 탭을 닫아도 λ‚΄μš©μ΄ μœ μ§€λ˜λ©° 좔후에 β€˜μ™„λ£Œλœ λ…μ„œλͺ¨μž„ 확인’ νŽ˜μ΄μ§€μ—μ„œ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
      • λ©”λͺ¨λŠ” μ–Έμ œλ“  μž‘μ„± 및 μˆ˜μ • κ°€λŠ₯ν•˜λ©°, μ €μž₯ λ²„νŠΌμ„ λˆ„λ₯΄λ©΄ μ €μž₯λ©λ‹ˆλ‹€.
    • 발제문 생성, μš”μ•½
      • μ°Έμ—¬μžκ°€ λͺ¨λ‘ μž…μž₯ν•˜λ©΄ AIλŠ” μžλ™μœΌλ‘œ λ°œμ œλ¬Έμ„ μƒμ„±ν•©λ‹ˆλ‹€.
      • λͺ¨μž„이 λλ‚˜λ©΄ AIλŠ” λͺ¨μž„을 μš”μ•½ν•˜μ—¬ 좜λ ₯ν•˜κ³ , 이λ₯Ό DB에 μ €μž₯ν•©λ‹ˆλ‹€.

  8. μ°Έμ—¬ν•œ λ…μ„œλͺ¨μž„ 확인

    • 'μ™Όλ£Œλœ λ…μ„œλͺ¨μž„' λ²„νŠΌμ„ λˆ„λ₯΄κ³  '1984'λ₯Ό μ„ νƒν•©λ‹ˆλ‹€.
    • 각각의 탭을 눌러 μ°Έμ—¬ν–ˆλ˜ λͺ¨μž„에 남긴 μš”μ•½λœ λ‚΄μš©, μž‘μ„±ν•œ 독후감, λ©”λͺ¨λ₯Ό λ‹€μ‹œ μ—΄λžŒν•  수 μžˆμŠ΅λ‹ˆλ‹€.

  9. λ§ˆμ΄νŽ˜μ΄μ§€

    • ν—€λ”μ˜ 'λ§ˆμ΄νŽ˜μ΄μ§€'λ₯Ό ν΄λ¦­ν•©λ‹ˆλ‹€.
    • λ‹‰λ„€μž„κ³Ό λΉ„λ°€λ²ˆν˜Έλ₯Ό λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

About

modam-six.vercel.app

Resources

Readme
Activity
Custom properties

Stars

1 star

Watchers

1 watching

Forks

1 fork
Report repository

Releases

No releases published

Packages

 
 
 

Contributors

Languages