Aivle 4기 21조 빅프로젝트 "바름" Frontend 파트

프로젝트 소개

AivleSchool 4기 충남/충북 7반 21조 빅프로젝트

기술 스택

사용 방법

1. Node.js 설치

2. package 설치

npm install

3. dev 서버 실행

npm run dev 

프론트엔드 기능 공통

• Provider 상태관리
• Vercel Speed Insights

회원가입 및 로그인

• 로그인 (JWT)
• 회원가입
• Google Recaptcha V2

공지 게시판 및 댓글

• 게시판 CRUD
• 댓글 CRUD

음성녹음파일 업로드 및 AI 평가

• 음성파일 업로드
• 음성파일 평가 AI
• 평가결과 저장
• AI 자동튜닝

쇼츠 게시판 및 댓글

• 게시판 CR
• 게시판 UD
• 댓글 CRUD

배운 점 & 아쉬운 점

• 웹디자인의 정교성 측면에서 부족함을 느끼고, 반응성 웹 설계의 필요성을 실감했습니다.
• 서비스 제공을 위해서는 API 사용량을 주기적으로 모니터링해야 함을 깨달았습니다.
  특히, 할당량 초과로 인해 서비스 기능이 제한될 수 있다는 점을 경험하였습니다.
  
  • 이를 개선하기 위해 오늘의 단어 탭의 표준 발음 듣기 기능을 API 할당량 제한이 없는 Speech Synthesis API로 전환하였습니다.
• 기능이 아닌 역할로 분담하여 프로젝트의 전체적인 구조, 시스템, 그리고 기술 스택에 대한 이해가 부족합니다.
  이로 인해 일부 인터페이스 기능의 구현에 어려움을 겪습니다.

라이센스

이 프로젝트는 Unlicense 라이선스에 따라 사용이 허가됩니다.
이는 여러분이 이 프로젝트를 어떤 목적으로든지 제약 없이 사용할 수 있음을 의미합니다.
자세한 내용은 여기를 참조하세요.

사용 템플릿

이 프로그램은 next-app-template을 기반으로 개발되었습니다.
원 템플릿은 MIT 라이선스에 따라 배포되었습니다.
해당 라이선스와 저작권 고지는 링크에 포함되어 있습니다.