우리FISA - Frontend Toy Project

---

서비스 소개

이 프로젝트는 Slack의 클론 프로젝트입니다. 우리은행 모델인 아이유에게 응원의 메시지를 받을 수 있는 플랫폼을 구현했습니다.

팀 소개

신희원	여은동	유승한
@glone0506	@sillonjeu	@ryuseunghan
Frontend	Frontend	Frontend, Backend

데모 링크/ 시연 영상

• 데모 링크
• 시연 영상

UI 스타일 가이드라인

폰트 서체, 폰트 사이즈

• 서체: 기본 서체이며, 필요에 따라 다른 서체를 사용할 수 있습니다.
• 폰트 사이즈:
  • 본문 텍스트: 16px
  • 헤더 텍스트: 20px
  • 버튼 텍스트: 14px

컬러 배색

서비스의 주요 컬러 배색은 다음과 같습니다:

• 진한 보라: #3A1140
• 중간 보라: #542A59
• 연한 보라: #ECE4F2
• 회색: #F2F2F2

프로젝트 룰

Commit Rule - 커밋룰에 따라 작업 내용을 확인하기 쉽도록 작성

• [.gitmessage.txt] 파일을 작성해 커밋룰 적용

Github Flow 전략 이용 - main과 각 기능별 feat 브랜치로 구분하여 빠른 개발

기능 설명

• ChatGPT API를 연동하여 댓글을 남길 시 IU의 응원을 받을 수 있습니다!

Lighthouse 성능 지표

개선 전 Lighthouse 성능 지표

개선 사항

• 버튼에 접근 가능한 이름 추가 (aria-label 추가로 해결)
• 이미지 요소에 alt 속성 구체화
• 선택 요소에 라벨 요소 추가
• 문서에 메타 설명 추가