Hackathon

멋쟁이사자처럼 11기 해커톤의 주제인 '디지털 격차'에 대해서 만든 AI 추천 사이트입니다.

TEAM AILION 🦁

👨‍👩‍👧‍👦 팀원 소개 👨‍👧‍👦

👑한윤수	안재진	박서희	👑김찬우	손민주	윤채연
Back-End	Back-End	Back-End	Front-End	Front-End	Front-End
로그인 AI 추천 페이지 마이 페이지 서버 구축 및 배포	AI 커뮤니티 메인 페이지 마이페이지	AI 정보 페이지	로그인 회원가입 게시글 상세 보기 서버 배포	메뉴바 AI 커뮤니티 글쓰기 내가 쓴 글 홈	마이페이지 AI 추천 AI 정보

👨‍💻 프로젝트 소개 👩‍💻

☑️ 프로젝트 개요

☑️ 프로젝트 아키텍처

☑️ 프로젝트 ERD

☑️ 프로젝트 디자인

초기 디자인을 바탕으로 프론트엔드 내에서 제작한 디자인 중 하나를 선택하여 진행했습니다.

피그마 웹 디자인

☑️ 프로젝트 결과

서버 배포를 성공하여 대회에 제출했습니다. [링크]

홈	AI 정보

AI 추천	커뮤니티

☑️ 프로젝트 후기

개발 경험이 많지 않아 처음에는 무엇을 먼저 시작하여야 할지 막막했습니다. '디지털 격차'라는 주제에 대한 아이디어를 고르는 데 시간이 오래 걸렸고, 완성도가 높은 결과를 냈더라면 수상을 노려볼 수 있지 않았을까 하는 아쉬움이 있습니다. 대회 준비 기간 동안 팀원들과 함께 성장하며 대회에 제출을 한 것에 의의를 두고 있습니다.

🛠️ 기술 스택 🔨

☑️ Frontend

• Node.js 16.16.0
• Npm 8.12.1
• React 18.2.0

☑️ Backend

• Java 16
• SpringBoot 2.7.14
• Spring Data JPA
• Spring Security
• JWT
• Lombok
• Validation
• MySQL 8.0.31
• AWS EC2

📝 깃 규칙 ✍️

☑️ 작업태그

message	설명
Init	프로젝트 초기 설정
Feat	새로운 기능 추가, 디자인 변경사항
Fix	버그 수정
Docs	문서 추가 및 수정 (README, templates, Assets)
Refactor	코드 리팩토링 (성능 개선만 해당)
Style	코드 의미 및 성능에 영향을 주지 않는 수정
Chore	빌드, 설정 파일 등의 수정
Comment	주석의 수정

☑️ Commit message 형태

• [작업태그] #이슈번호 - 작업내용 ex) [Fix] #6 -fix css conflict
• commit 메세지는 영어로 작성, 동사로 시작 부탁드립니다.
• 최대한 문서 마다 고유 commit message가 보일수 있도록 여러번 commit 부탁드립니다.

☑️ Branch 운영

원래는 개발, 배포, 기능구현 브랜치를 구성하는것이 일반적이나, 팀 프로젝트 기반 개인 브랜치 별로 나누었습니다.

• main : FE, BE 코드를 합친 최종 버전, 현재 배포 가능한 서비스
• FE/main : FE 코드를 합친 FE 제작 브랜치
• BE/main : BE 코드를 합친 BE 제작 브랜치
• develop : 작성한 FE, BE 코드 merge 후 배포 전 개발 브랜치
• bug/bugName : main 브랜치에서 급한 버그 발생시, 버그 해결을 위해 main에서 분기하는 브랜치. Merge 이후 remote에서 삭제