프로젝트 주제

IT 기술을 활용하여 현대인의 건강 (wellness) 문제를 해결할 수 있는 웹사이트 구축
-> 컴퓨터를 주로 하는 사람들의 삶의 질을 올려줄 수 있는 힐링 비서

제작 기간

2024.07.05 ~ 2024.08.06

참여 인원

프론트엔드 - 3명
백엔드 - 2명

사용한 기술 (기술 스택)

프론트엔드 - HTML , CSS , JS , REACT
백엔드 - SPRINGBOOT , SPRINGSECURITY , MYSQL

핵심 기능

• 회원
• 배경화면
• 배경음악
• ASMR 기능
• 캘린더 기능
• TODOLIST 기능
• 유튜브 API를 활용한 음악 플레이어

※ 완성은 했으나 더 좋은 프로젝트로 완성시키기 위해 리팩토링 진행

제작 기간

2024.07.05 ~ 2024.08.06

참여 인원

프론트엔드 - 1명
백엔드 - 2명

사용한 기술 (기술 스택)

프론트엔드 - HTML , CSS , JS , REACT , REDUX , TS , Next.js
백엔드 - SPRINGBOOT , SPRINGSECURITY , MYSQL

핵심 기능

• 회원
• 배경화면 전환
• ASMR 기능
• 캘린더 기능
• TODOLIST 기능
• 유튜브 API를 활용한 음악 플레이어

리팩토링 시 보완할 점

• 패키지 구조 나누기
• REDUX를 활용한 상태 관리
• TS , Next.js 도입하기
• Git Convention 도입하기

Git Convention

포맷

type: subject

body

type

• 하나의 커밋에 여러 타입이 존재하는 경우 상위 우선순위의 타입을 사용한다.
• fix: 버스 픽스
• feat: 새로운 기능 추가
• refactor: 리팩토링 (버그픽스나 기능추가없는 코드변화)
• docs: 문서만 변경
• style: 코드의 의미가 변경 안 되는 경우 (띄어쓰기, 포맷팅, 줄바꿈 등)
• test: 테스트코드 추가/수정
• chore: 빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우 (프로덕션 코드 변경 X)

subject

• 제목은 50글자를 넘지 않도록 한다.
• 개조식 구문 사용
  • 중요하고 핵심적인 요소만 간추려서 (항목별로 나열하듯이) 표현
• 마지막에 특수문자를 넣지 않는다. (마침표, 느낌표, 물음표 등)

body (optional)

• 각 라인별로 balled list로 표시한다.
  • 예시) - AA
• 가능하면 한줄당 72자를 넘지 않도록 한다.
• 본문의 양에 구애받지 않고 최대한 상세히 작성
• “어떻게” 보다는 “무엇을" “왜” 변경했는지 설명한다.