mieum12 / maeum_refactoring

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

마음처방전 AI 프로젝트 💉

개인 리팩토링(프론트엔드)를 위한 새로운 레포

프로젝트 소개

사용자의 텍스트를 AI로 분석해 글에 담긴 감정을 파악하고 알맞은 컨텐츠 처방전을 제공. 사용자들끼리 게시판을 통해 여러 컨텐츠를 공유, 추천하며 소통할 수 있는 서비스.

기획 의도

  • 감정을 드러내고 마주하는 것에 조심스러운 현대사회에서 나의 감정을 살필 수 있는 서비스를 만들어보았습니다. 커뮤니티 서비스 공간을 제공해 사용자는 나의 감정을 표현하는 글을 직접 작성해 볼 수 있으며, ai가 텍스트 분석을 통해 사용자의 감정을 기반으로 컨텐츠를 추천하도록 구현했습니다.

  • 이를 ‘AI가 컨텐츠를 처방한다’고 해석해 ‘마음 처방전’이라는 이름을 붙였습니다. 처방된 컨텐츠를 사용자가 소비함으로 감정을 살피고 다스리도록 이끌며 이 과정을 통해 사용자는 감정을 직, 간접적으로 표출해 긍정적인 자아 유지 및 감정을 관리할 수 있을 것으로 기대합니다.

기존 레퍼지토리 주소 : https://github.com/mieum12/AIproject-ma-eum-front

리팩토링 한/할 부분 !! (계속 수정 중 ... 🏃🏻‍♀️💨)

  • app router, page router의 이상한 혼용 -> page router 1가지로 선택해 라우터 구현
  • 2가지 게시판을 하나로 통일
  • next-auth의 사용으로 인증 시스템 구현
    • 네이버 / 카카오 소셜로그인
    • next-auth는 서버 사이드 및 클라이언트 사이드 유효성 검사 둘 모두 수행 가능
    • (인증 토큰, JWT 생성 가능 but 사용자 생성 관리는 못함. 따로 로직 필요.)
    • 자체적인 회원가입 API route와 사용자 인증논리를 가져와야함
  • 🔺 AI 부분의 생략...
    • 모든 기능이 구현되면 한번 도전해보기
  • AOS 라이브러리의 사용으로 스크롤 애니메이션 구현

✅ 할 일

  • Form 컴포넌트 스타일 분리해서 공통으로 쓰기
  • next auth: 블로그에 기록
  • 내가 쓴 게시글 수정 및 삭제 가능하게
  • 배포

About


Languages

Language:JavaScript 99.1%Language:CSS 0.9%