.png&blockId=9f222734-3ba5-4760-a836-49d4ce64b8ed&width=256)
팀 소개
안녕하세요, 팀 조광조입니다.
조광조(朝光組)는 아침 햇살처럼 뜰 때까지 밝고 희망차다 빡세게 코딩한다 는 뜻을 담아 지은 이름입니다.
지영, 태현, 성희, 진우, 채율 이렇게 5명의 팀원들이 서로 힘을 합쳐
책기부 웹사이트 개발 프로젝트 북유럽(BookYouLove)을 진행하였습니다.
팀원 소개
박지영(팀원)
박태현(팀원)
안성희(팀장)
마진우(팀원)
남채율(팀원)
세부 목차
클릭하시면 해당 부분으로 이동합니다
누구나 자유롭게 나눔OK
인디 작가 및 출판사 후원
자원 재활용 및 환경보호
프로젝트 북유럽(BookYouLove)이란?
•
책, 사람, 사랑을 핵심 가치로 삼아, 모두 함께 더불어 사는 내일을 만들기 위해 노력하는 사회적 기업입니다.
•
웹사이트에 가입한 회원이라면 누구나 자유롭게 책을 기부하여 나눔을 실천할 수 있습니다. 기부된 책은 모두 취약계층에게 전달됩니다.
•
대중에게 잘 알려지지 않은 인디 작가 및 독립 출판사들의 책과 굿즈를 홍보하고 판매합니다. 수익금의 일부는 다시 작가와 출판사를 후원하는 데 쓰입니다.
•
중고책이라는 기존 자원을 재활용하여 가치와 효용을 높이고 환경을 보호합니다.
•
그 외에도 다양한 변화가 기다리고 있는, 오늘보다 내일이 더 기대되는 기업입니다.
저희 팀의 프로젝트 일정은 다음과 같이 진행되었습니다.
•
전체 일정 : 230317금 ~ 230504목 (49일)
•
사전 기획, 개발 환경 세팅 : 230317금 ~ 230319일 (3일)
•
개발(기능 구현) : 230320월 ~ 230423일 (35일)
•
디버깅, 리팩토링, UI 통일 : 230424월 ~ 230426수 (3일)
•
AWS 배포 : 230426수 ~ 230502화 (7일)
•
발표 준비(자료, 대본, 백로그 및 이슈 정리) : 230501월 ~ 230502화 (2일)
•
최종 리허설 : 230503수 (1일)
•
최종 발표 : 230504목 (1일)
참고 : 조광조 캘린더
저희 팀이 프로젝트를 진행하면서 활용한 개발 프로세스에 대해 설명해 드리겠습니다.
•
노션, 슬랙을 이용해 프로젝트 진행 과정을 처음부터 끝까지 관리하였습니다.
•
•
•
•
•
저희 팀이 개발 과정에서 사용한 주요 기술 스택을 소개하겠습니다.
•
프론트엔드 : Vue.js, Vuex, Node.js, JavaScript, HTML, CSS, Vuetify, BootStrap, (VScode 에디터 사용)
•
프론트백 통신 : Axios
백 통신 : Axios•
백엔드 : Springboot, Java, JPA, Hibernate, (IntelliJ IDE 사용)
•
DB : MySQL, Redis + Docker
•
배포 : AWS, puTTy, Filezilla, nginx, S3, (MySQL, Docker, Redis)
•
CI, CD : GitHub Actions
•
기타 : Notion, Git, GitHub, GitHub Desktop, Git bash, Git Kraken, Slack, Zep, Gather
보시는 바와 같이,
프론트에서는 뷰와 자바스크립트를 중심으로 웹 애플리케이션을 구축하였고,
백에서는 스프링부트와 자바를 중심으로 백엔드 서버를 구축하였습니다.
프론트단과 백단 간의 통신에는 액시오스를 사용하였습니다.
DB는 MySQL과 Redis를 이용해 구축하였습니다.
배포는 AWS를 통해 진행하였습니다.
CI는 GitHub Actions를 통해 수행하였습니다.
그 외에도 부가적으로 노션, 깃, 슬랙, 젭, 게더 등을 활용하여, 보다 효율적으로 프로젝트를 관리하고, 보다 적극적으로 팀원 간에 소통하기 위해 노력했습니다.
•
참고
주요 기술 스택 그림
23년 5월 4일 발표일 기준으로, 저희 팀의 백로그 통계는 다음과 같습니다.
•
프론트 :
◦
유효 : 211개 (complete만)
◦
전체 : 240개 (block, additional work 포함)
•
백 :
◦
유효 : 76개 (complete만)
◦
전체 : 83개 (block, additional work 포함)
주차별 백로그 카운트를 살펴보시면, 시간이 지날수록 백로그 개수가 점점 더 증가하는 경향을 확인하실 수 있습니다.
•
참고
주차별 프론트 백로그 카운트
주차별 백 백로그 카운트
23년 5월 4일 발표일 기준으로, 저희 팀의 커밋 통계는 다음과 같습니다.
•
프론트 :
◦
전체 : 515개 (merge request 등 포함)
•
백 :
◦
전체 : 225개 (merge request 등 포함)
프론트와 백의 커밋 추이를 살펴보시면, 주차를 거듭할수록 작업 속도가 점점 더 붙으면서 생산성이 향상되는 모습을 확인하실 수 있습니다.
프론트와 백의 팀원별 기여도를 살펴보시면, 주차를 거듭할수록 팀원들이 성장해 나가는 모습을 확인하실 수 있습니다.
•
참고
프론트 커밋 추이
프론트 팀원별 기여도
백 커밋 추이
백 팀원별 기여도
저희 팀이 만든 웹사이트의 전체 시스템 흐름을 웹사이트 사용자 관점에서 설명하겠습니다.
저희 웹사이트의 사용자는 크게 비회원과 회원으로 나뉩니다.
그리고 회원은 그 안에서 일반회원, 판매자, 관리자 이렇게 또 3가지로 나뉩니다.
1) 먼저 비회원일 경우 경험하는 시스템 흐름입니다.
2) 가입한 회원(일반, 판매자, 관리자)일 경우 경험하는 시스템 흐름입니다.
비회원 / 회원 (일반, 판매자, 관리자)
비회원 시스템 흐름
회원 시스템 흐름 (일반, 판매자, 관리자)