개인 리팩토링(프론트엔드)를 위한 새로운 레포
사용자의 텍스트를 AI로 분석해 글에 담긴 감정을 파악하고 알맞은 컨텐츠 처방전을 제공. 사용자들끼리 게시판을 통해 여러 컨텐츠를 공유, 추천하며 소통할 수 있는 서비스.
-
감정을 드러내고 마주하는 것에 조심스러운 현대사회에서 나의 감정을 살필 수 있는 서비스를 만들어보았습니다. 커뮤니티 서비스 공간을 제공해 사용자는 나의 감정을 표현하는 글을 직접 작성해 볼 수 있으며, ai가 텍스트 분석을 통해 사용자의 감정을 기반으로 컨텐츠를 추천하도록 구현했습니다.
-
이를 ‘AI가 컨텐츠를 처방한다’고 해석해
‘마음 처방전’
이라는 이름을 붙였습니다. 처방된 컨텐츠를 사용자가 소비함으로 감정을 살피고 다스리도록 이끌며 이 과정을 통해 사용자는 감정을 직, 간접적으로 표출해 긍정적인 자아 유지 및 감정을 관리할 수 있을 것으로 기대합니다.
기존 레퍼지토리 주소 : https://github.com/mieum12/AIproject-ma-eum-front
- app router, page router의 이상한 혼용 -> page router 1가지로 선택해 라우터 구현
- 더 최신 기능인 app router와 기존의 page router 모두 학습 후, 아직 많은 회사나 프로젝트에서는 page router를 쓰는 경우가 많기 때문에 선택
- 앱 라우터 학습 프로젝트: https://github.com/mieum12/next-app-router-project
- 페이지 라우터 학습 프로젝트: https://github.com/mieum12/next-page-router-project
- 2가지 게시판을 하나로 통일
- next-auth의 사용으로 인증 시스템 구현
- 네이버 / 카카오 소셜로그인
- next-auth는 서버 사이드 및 클라이언트 사이드 유효성 검사 둘 모두 수행 가능
- (인증 토큰, JWT 생성 가능 but 사용자 생성 관리는 못함. 따로 로직 필요.)
- 자체적인 회원가입 API route와 사용자 인증논리를 가져와야함
- 🔺 AI 부분의 생략...
- 모든 기능이 구현되면 한번 도전해보기
- AOS 라이브러리의 사용으로 스크롤 애니메이션 구현
✅ 할 일
- Form 컴포넌트 스타일 분리해서 공통으로 쓰기
- next auth: 블로그에 기록
- 내가 쓴 게시글 수정 및 삭제 가능하게
- 배포