[프로젝트] SeSAC 1차 팀 프로젝트

안녕하세요.

이미 프로젝트가 끝난 지는 한참 지났지만,

정리를 해두면 나쁘지 않을 것 같아서 여기에도 올리게 되었습니다.

 

 

프로젝트 메인 화면

프로젝트 메인 화면

 

프로젝트 소개

• 다른 음악 차트 사이트를 한 곳에서 전부 확인할 수 있으며, 사이트의 사용자끼리 방명록 방식처럼 서로 소통할 수 있는 사이트를 만드는 것이 이번 프로젝트의 주제입니다.
• 기간 : 2022.12.13 ~ 2022.12.29
• 팀 구성 : 4명 (페이지별 업무 분배)
• 사용 기술 : JavaScript, Node.js, MySQL, Naver Cloud Server, Bootstrap v5

 

프로젝트 주요 기능

• 회원가입, 로그인
• 음원 페이지 - 음원 순위 확인, 페이징 처리, 당일 시간대 변경 기능
• 좋아요 기능 - 각 음원에 대한 개인 좋아요 리스트
• 게시판 - 게시글 작성, 수정, 삭제, 댓글 기능(라이브러리)
• 나의 페이지 - 프로필 이미지 변경, 개인 좋아요 리스트 확인, 작성한 게시글 확인
• Crawling - 멜론, 유튜브, 지니 사이트의 음악 차트 데이터 수집, JSON 형식으로 파일 관리

 

프로젝트 담당역할 및 성과

• Crawling 데이터 수집 및 기능 구현
• 음원 페이지
• 팀원 기술 Support

 

프로젝트 후기

• 이전에도 개발 작업이나 외주로 경험했었지만, 그 당시에는 친한 친구랑 둘이 작업을 했기 때문에 문제가 전혀 없었습니다.
• 이번에는 인원도 더 많아졌고, 의사소통과 코드 스타일이 여러 가지 다를 수도 있다는 것을 많이 느낄 수 있었으며, 팀원들 간의 코딩 스타일에도 규칙이 필요하다는 것을 알 수 있었습니다. 그리고 이번에 같이 작업한 팀원분들이 비전공자여서 많이 어려울 수도 있다고 생각했었는데 각자의 자리에서 맡은 역할을 충분히 잘해주셔서 조금 부족할지라도 프로젝트를 깔끔하게 마무리 지을 수 있어서 좋았습니다.

 

프로젝트 관리

• 기존 프로젝트 완료 시점 이후 개선해야 하는 것들이 발견되었으며, 개인적으로 구현해보고 싶은 기능들이 발견되어 1달 정도 기간을 가지고 프로젝트에 대한 추가 작업을 진행할 예정입니다.

 

GitHub 링크

GitHub - KimParkSam/1st_Project

 

 

 

 

개선 리스트

• Error 수정
  • 게시판 내용에 Enter 키 입력 시 Error 발생

 

• 파일 정리
  • Head 태그 및 NavBar HTML 코드 및 기능을 외부 파일로 분리
  • JS 파일 내의 불필요한 코드 정리
  • CSS 파일 내의 중복 및 불필요한 코드 정리
  • res 폴더 외부의 불필요한 폴더 정리

 

• 데이터베이스 정리
  • MySQL 관계 구조 설정 - 외래키
  • 시퀄라이즈 관계 구조 설정

 

• Manager 페이지
  • 크롤링 수동 실행 시 다른 버튼 disabled 설정

 

• 게시판 페이지
  • 게시판 라이브러리 댓글 기능 삭제 - 광고 생기는 것 확인

 

• Node.js 코드 정리
  • 불필요한 코드 삭제
  • 코드 개선 - Callback 지옥 등

 

• 기능 추가
  • 회원탈퇴 시 프로필 이미지 파일 삭제
  • 프로필 이미지 변경 시 확장자 검사
  • 프로필 이미지 변경 시 사이즈 검사
  • Crawling시 이미지 다운로드 후 저장 및 관리
  • 게시판 댓글 기능 추가
  • 게시판 답글(대댓글) 기능 추가

 

프로젝트 최종 완료 - 개선 사항 반영

• 작업 기간 : 2022-12-30 ~ 2023-01-20
• 작업인원 : 1명 (100%)
• GitHub 링크 바로가기

GitHub - doch2130/1st_Project_SeSAC_KSP

 

 

 

*노션 정리*

 

KSP(김삼박)의 음악 사이트