Skip to content

NewMeans/Cocoon-FE

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

μ½”μΏ€ (Cocoon): 감정 인지 λŠ₯λ ₯ ν–₯상을 μœ„ν•œ AI μ›°λ‹ˆμŠ€ μ†”λ£¨μ…˜

'μ½”μΏ€'은 AI 페λ₯΄μ†Œλ‚˜ μ±—λ΄‡κ³Όμ˜ λŒ€ν™”λ₯Ό 톡해 감정 일기λ₯Ό μž‘μ„±ν•˜λ©°, 414개의 감정 μ–΄νœ˜ DBλ₯Ό 기반으둜 μžμ‹ μ˜ 감정을 λͺ…ν™•νžˆ μΈμ§€ν•˜κ³  ν‘œν˜„ν•˜λŠ” νž˜μ„ κΈΈλŸ¬μ£ΌλŠ” μ›°λ‹ˆμŠ€ μ†”λ£¨μ…˜μž…λ‹ˆλ‹€.

λ³Έ ν”„λ‘œμ νŠΈλŠ” κΈ°μ‘΄ μ•„λŠ‘(A-Neuk) ν”„λ‘œν† νƒ€μž…μ˜ 기술과 μ‹œμž₯성을 κ²€μ¦ν•˜κ³ , 이λ₯Ό λ°”νƒ•μœΌλ‘œ κ³ λ„ν™”λœ λ²„μ „μž…λ‹ˆλ‹€.

1 (1)

✨ μ£Όμš” κΈ°λŠ₯

κΈ°λŠ₯ μ„€λͺ…
πŸ€– AI 페λ₯΄μ†Œλ‚˜ 챗봇 λ°˜λ €λ™λ¬Ό, μ—°μ˜ˆμΈ λ“± μ›ν•˜λŠ” 페λ₯΄μ†Œλ‚˜μ™€ λŒ€ν™”ν•˜λ©° 심리적 μœ λŒ€κ°μ„ ν˜•μ„±ν•˜κ³ , 쉽고 κΎΈμ€€ν•˜κ²Œ 일기λ₯Ό μƒμ„±ν•©λ‹ˆλ‹€.
✍️ μ •μ„œ λͺ…λͺ… & 일기 μž¬κ΅¬μ„± 자체 κ΅¬μΆ•ν•œ 414개 ν•œκ΅­μ–΄ 감정 μ–΄νœ˜ DBλ₯Ό 기반으둜 AIκ°€ μ‚¬μš©μžμ˜ 감정에 ꡬ체적인 이름을 μΆ”μ²œν•©λ‹ˆλ‹€. μ„ νƒλœ μ–΄νœ˜λ‘œ 일기 λ¬Έμž₯이 μ¦‰μ‹œ μž¬κ΅¬μ„±λ˜μ–΄ λ”μš± λͺ…λ£Œν•œ 감정 기둝을 μ™„μ„±ν•©λ‹ˆλ‹€.
πŸƒ CBT 기반 κ±±μ •μΉ΄λ“œ μΈμ§€ν–‰λ™μΉ˜λ£Œ(CBT) 원리λ₯Ό μ μš©ν•΄ λΆˆμ•ˆμ„ μΉ΄λ“œλ‘œ κΈ°λ‘ν•˜κ³ , μ‹œκ°„μ΄ μ§€λ‚œ λ’€ 걱정이 ν˜„μ‹€ν™”λ˜μ—ˆλŠ”μ§€ 데이터λ₯Ό 톡해 ν™•μΈν•˜λ©° 뢀정적인 사고 νŒ¨ν„΄μ„ κ΅μ •ν•©λ‹ˆλ‹€.
πŸ“Š 감정 도감 & 리포트 μƒˆλ‘­κ²Œ ν•™μŠ΅ν•œ 감정 단어λ₯Ό '감정 도감'에 μˆ˜μ§‘ν•˜κ³ , μ£Όκ°„/μ›”κ°„ 리포트λ₯Ό 톡해 μžμ‹ μ˜ 감정 λ³€ν™” νŒ¨ν„΄μ„ κ°κ΄€μ μœΌλ‘œ νŒŒμ•…ν•˜λ©° μ„±μž₯을 ν™•μΈν•©λ‹ˆλ‹€.

🌐 μ„œλΉ„μŠ€ 링크

πŸ”— μ„œλΉ„μŠ€ λ°”λ‘œκ°€κΈ° (Cocoon ν”„λ‘œν† νƒ€μž…)


πŸ“„ 개발 동기 및 λͺ©μ 

AI 기술 λ°œμ „μœΌλ‘œ μ™ΈλΆ€ μ„Έκ³„μ™€μ˜ 연결은 κ·Ήλ„λ‘œ νš¨μœ¨ν™”λ˜μ—ˆμ§€λ§Œ, μ—­μ„€μ μœΌλ‘œ β€˜λ‚΄λ©΄κ³Όμ˜ λ‹¨μ ˆβ€™μ€ μ‹¬ν™”λ˜μ—ˆμŠ΅λ‹ˆλ‹€. 특히 μžμ‹ μ˜ 감정을 μ„¬μ„Έν•˜κ²Œ ν‘œν˜„ν•  μ–΄νœ˜μ™€ 방법을 μžƒμ–΄κ°€λŠ” 10-30λŒ€ 청년측은 β€˜μ •μ„œμ  고립’ μƒνƒœμ— 놓이기 μ‰½μŠ΅λ‹ˆλ‹€. μ΄λŠ” 감정 ν‘œν˜„μ— 어렀움을 κ²ͺλŠ” β€˜κ°μ •ν‘œν˜„λΆˆλŠ₯μ¦β€™μœΌλ‘œ μ΄μ–΄μ§ˆ 수 μžˆλŠ” μ‹¬κ°ν•œ λ¬Έμ œμž…λ‹ˆλ‹€. μ‹€μ œλ‘œ μ „ 세계 인ꡬ의 10%, μ •μ‹ μ§ˆν™˜μ„ κ²ͺλŠ” μ΄λ“€μ˜ 40~60%κ°€ 이 문제둜 어렀움을 κ²ͺκ³  μžˆμŠ΅λ‹ˆλ‹€.

'μŠ¬ν””'μ΄λΌλŠ” 단어가 μ—†μ–΄ μŠ¬ν””μ„ μ§ˆλ³‘μœΌλ‘œ μ·¨κΈ‰ν–ˆλ˜ νƒ€νžˆν‹° μ‚¬νšŒμ˜ μ‚¬λ‘€μ²˜λŸΌ, μ–Έμ–΄λŠ” 감정을 μ΄ν•΄ν•˜λŠ” 핡심 λ„κ΅¬μž…λ‹ˆλ‹€. 코쿀은 이 λ¬Έμ œμ— λŒ€ν•œ μ†”λ£¨μ…˜μœΌλ‘œ, κ³Όν•™μ μœΌλ‘œ 증λͺ…λœ β€˜μ •μ„œ λͺ…λͺ…’ νš¨κ³Όμ— μ£Όλͺ©ν–ˆμŠ΅λ‹ˆλ‹€. 감정에 ꡬ체적인 이름을 λΆ™μ΄λŠ” ν–‰μœ„λŠ” 감정 쑰절 λŠ₯λ ₯을 ν–₯μƒμ‹œν‚€κ³  뢀정적 감정을 μ™„ν™”ν•©λ‹ˆλ‹€.

코쿀은 μ‚¬μš©μžκ°€ AI 페λ₯΄μ†Œλ‚˜μ™€ 즐겁게 μ†Œν†΅ν•˜λ©° 감정 일기λ₯Ό μ“°κ³ , μ •λ°€ν•œ 감정 μ–΄νœ˜λ₯Ό μΆ”μ²œλ°›μ•„ μžμ‹ μ˜ 내면을 깊이 νƒμƒ‰ν•˜λ„λ‘ λ•μŠ΅λ‹ˆλ‹€. 이λ₯Ό 톡해 감정 인지 λŠ₯λ ₯을 ν›ˆλ ¨ν•˜κ³  κ±΄κ°•ν•œ 마음 관리 μŠ΅κ΄€μ„ ν˜•μ„±ν•˜λŠ” 것을 λͺ©ν‘œλ‘œ ν•©λ‹ˆλ‹€.


πŸ› οΈ 둜컬 μ‹€ν–‰ κ°€μ΄λ“œ

  1. .env.example을 볡사해 .env.local을 λ§Œλ“  ν›„ ν•„μš”ν•œ 값을 μ„€μ •ν•©λ‹ˆλ‹€.
    cp .env.example .env.local
    • REACT_APP_API_BASE_URL: ν”„λ‘ νŠΈκ°€ ν˜ΈμΆœν•  API μ„œλ²„ μ£Όμ†Œ (기본값은 배포 μ„œλ²„)
    • REACT_APP_OAUTH_BASE_URL: μ†Œμ…œ 둜그인 λ¦¬λ‹€μ΄λ ‰νŠΈ μ£Όμ†Œ (기본값은 배포 μ„œλ²„)
    • REACT_APP_ENABLE_DEV_LOGIN: trueλ©΄ 둜그인 화면에 λ””μžμΈ λͺ¨λ“œ(μž„μ‹œ 토큰 μ£Όμž…) λ²„νŠΌ ν™œμ„±ν™”
  2. μ˜μ‘΄μ„±μ„ μ„€μΉ˜ν•˜κ³  개발 μ„œλ²„λ₯Ό μ‹€ν–‰ν•©λ‹ˆλ‹€.
    npm install
    npm start
  3. ν”„λ‘œλ•μ…˜ λ²ˆλ“€μ„ λ§Œλ“€λ €λ©΄ npm run build, μ»¨ν…Œμ΄λ„ˆ μ΄λ―Έμ§€λŠ” docker build -t cocoon-fe .λ₯Ό μ‚¬μš©ν•˜μ„Έμš”.

πŸš€ 핡심 기술 및 κ΅¬ν˜„

기술 μŠ€νƒ

  • Frontend: React TypeScript TailwindCSS Context-API
  • Backend: Spring Java
  • Database: AWS Redis Postgres
  • AI Server: ChatGPT FastAPI LangChain
  • Deploy, CI/CD: Nginx Docker GitHub Actions

μ£Όμš” κ΅¬ν˜„ 상세

1. μ±„νŒ… 기반 일기 생성

  • LLM 기반의 λŒ€ν™” 생성 및 일기 μž‘μ„± μ•Œκ³ λ¦¬μ¦˜μ„ μ„€κ³„ν•˜μ—¬, μ‚¬μš©μžμ™€μ˜ μžμ—°μŠ€λŸ¬μš΄ μƒν˜Έμž‘μš©μ„ 톡해 일기λ₯Ό μ™„μ„±ν•©λ‹ˆλ‹€.

2. 414개 μ–΄νœ˜ 기반 감정 μΆ”μ²œ μ‹œμŠ€ν…œ

  • 자체 κ΅¬μΆ•ν•œ 414개 감정 μ–΄νœ˜ λ°μ΄ν„°λ² μ΄μŠ€λ₯Ό ν™œμš©ν•΄ λ¬Έλ§₯에 λ§žλŠ” μ •λ°€ν•œ 감정 단어λ₯Ό μΆ”μ²œν•˜κ³ , μ„ νƒλœ 단어λ₯Ό λ¬Έμž₯에 μ¦‰μ‹œ λ°˜μ˜ν•˜μ—¬ ν‘œν˜„μ˜ 깊이λ₯Ό λ”ν•©λ‹ˆλ‹€.

3. μ΅œμ’… 일기 생성 및 확인

  • μž¬κ΅¬μ„±λœ λ¬Έμž₯λ“€λ‘œ μ΅œμ’… 일기λ₯Ό μƒμ„±ν•˜λ©°, μ‚¬μš©λœ 감정 λ‹¨μ–΄μ˜ 뜻과 μ˜ˆλ¬Έμ„ ν•¨κ»˜ μ œκ³΅ν•˜μ—¬ μ–΄νœ˜λ ₯ ν™•μž₯을 λ•μŠ΅λ‹ˆλ‹€.

4. 감정 톡계 및 도감

  • 감정 톡계 데이터λ₯Ό μ‹œκ°ν™”ν•˜μ—¬ μžμ‹ μ˜ 감정 νŒ¨ν„΄μ„ μ‰½κ²Œ νŒŒμ•…ν•˜κ³ , 감정 도감을 톡해 성취감을 느끼며 지속적인 μ‚¬μš©μ„ μœ λ„ν•©λ‹ˆλ‹€.

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


πŸ“Š κΈ°λŒ€ 효과

  • μ •μ„œ μ§€λŠ₯ κ°•ν™”: μžμ‹ μ˜ 감정을 μ •ν™•νžˆ μΈμ‹ν•˜κ³  λ‹€λ£¨λŠ” λŠ₯λ ₯을 ν›ˆλ ¨ν•©λ‹ˆλ‹€.
  • κ±΄κ°•ν•œ 마음 관리 μŠ΅κ΄€ ν˜•μ„±: 일기 μž‘μ„±μ„ 'κ³Όμ—…'이 μ•„λ‹Œ '즐거운 μ†Œν†΅'으둜 μ „ν™˜ν•˜μ—¬ κΎΈμ€€ν•œ 자기 성찰을 λ•μŠ΅λ‹ˆλ‹€.
  • λΆˆμ•ˆ ν†΅μ œ λŠ₯λ ₯ ν–₯상: 데이터 기반의 'κ±±μ •μΉ΄λ“œ'λ₯Ό 톡해 λ§‰μ—°ν•œ λΆˆμ•ˆκ°μ„ 슀슀둜 ν†΅μ œν•˜λŠ” νž˜μ„ κΈ°λ¦…λ‹ˆλ‹€.

πŸ‘₯ νŒ€ μ†Œκ°œ

이름 μ—­ν•  GitHub μ£Όμš” λ‹΄λ‹Ή
김민식 FE, Design pius338 νŒ€ 운영 총괄, ν”„λ‘œλ•νŠΈ 기획, UI/UX 섀계, ν”„λ‘ νŠΈμ—”λ“œ 개발
μž₯민석 AI, BE, Infra minseok128 AI μ˜€μΌ€μŠ€νŠΈλ ˆμ΄μ…˜, λ°±μ—”λ“œ API, 인프라 ꡬ좕 및 관리

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.7%
  • JavaScript 1.7%
  • HTML 1.2%
  • Other 1.4%