🐾 노션 소개 페이지

서비스 소개

📎 영화 보기를 즐기고, 모임 서비스 이용에 거부감이 없는 젊은 층을 타겟으로 하는 모임 주선 서비스

기술 스택

프론트엔드

-	선택 이유
React	컴포넌트 기반이므로 UI 재사용성이 높고, 공통적으로 익숙한 기술 스택이면서 커뮤니티가 활성화되어 있기 때문에 러닝 커브가 적었음
Typescript	타입을 명시해주어 코드의 의도를 명확히 할 수 있으므로, 잠재적인 오류를 방지할 수 있고 협업에 용이함
React Query	서버 데이터와 클라이언트 데이터를 구분하기 좋고, 캐싱 및 로딩 처리에 편리함
Recoil	React Hook과 유사한 사용 방식으로 복잡하지 않고, 코드를 깔끔하게 쓸 수 있음 Context API와 다르게 전역 상태를 쓰지 않는 곳은 리렌더링 되지 않음
Emotion	CSS in JS로, 컴포넌트 형식으로 스타일을 작성할 수 있어 코드 통일성과 재사용성이 좋음
MUI	다양한 컴포넌트를 제공받아 빠르게 UI를 제작할 수 있음
React Quill	쉽게 텍스트 에디터를 처리할 수 있음

백엔드

-	선택 이유
Node.js & Express	코드의 양을 줄여 주고, 추후에 유지 보수에 용이
MySQL	관계형 데이터베이스로 데이터 간 관계를 파악하기 좋고, 빠르게 처리할 수 있음
AWS S3	로컬에 저장할 필요 없이 많은 데이터를 보관할 수 있음

인공지능

-	선택 이유
Python/Flask	웹 프레임워크 쉬운 end point 작성
Transformers	언어 모델 학습을 위한 라이브러리
Bert, Bart, Electra, sRoberta	프리 트레인 모델

배포

-
Docker
Nginx

팀원 소개 및 역할

이름	역할	담당 부분	GitHub
장소영	팀장, 백엔드	클럽 스키마 설계 클럽 관련 API 작성 무한 스크롤 API 작성 Flask API 연결	링크
유수지	백엔드	데이터 테이블 구상 회원가입 및 로그인 API 작성 메인페이지 API 작성 필터링에 맞는 sql문 작성하여 데이터 select 찜하기 및 신청하기 기능 API 작성	링크
이시은	프론트엔드	와이어프레임 제작 메인 로그인 및 회원가입 전체 클럽 목록 클럽 생성 (기본 정보 작성)	링크
신가현	프론트엔드	와이어프레임 제작 헤더 내 클럽 목록 마이페이지 클럽 상세 클럽 생성 (상세 정보 작성, 인공지능 API 연동, 미리보기) 및 수정	링크
성기환	인공지능	Flask API 작성 요약문 생성, 혐오 표현 탐지, 키워드 추출, 개체명인식 AI 모델 전이학습	링크