나를 위한 시작 FOR ME

프로젝트 시작 전에

이 프로젝트는 경남정보대 2021년 캡스톤 과제로 웹페이지 제작 팀 프로젝트였습니다.

프로젝트를 진행하면서 처음으로 다른 사람들과 코드를 맞추는 협업을 경험했습니다.

그러나 당시에는 협업 도구나 버전 관리 시스템을 제대로 사용하지 못해 코드를 메일로 주고받고 압축해서 관리했습니다.

이로 인해 코드 관리와 수정이 번거로웠고, 변수명도 안정적으로 지을 수 없어 여러 차례 수정해야 했습니다.

 

이 프로젝트를 통해 깃허브와 같은 협업 도구의 중요성을 깨달았고, 이후 프로젝트에서는 더 효율적인 협업 방식을

적용할 수 있게 되었습니다. 초기의 어려움과 반복 작업을 통해 많은 것을 배웠고, 이는 제 프로그래밍 실력 향상에

큰 도움이 되었습니다. 그리하여 그때의 기억을 간단한게 소개 및 정리 해보려고 합니다.

 

 

---

 

프로젝트 목표

저희 팀 2021의 이 프로젝트의 주요 목표는 " 다양한 도전에 나서고 싶거나 무언가를 성취하고 싶으며, 시간을 알차게 보내고 싶은  사람들에게 도움이 되는 웹사이트를 제작하는 것" 이었습니다. 이를 위해 다른 사이트들을 조사하여 사람들의 불만을 파악하고,  저희 프로젝트만의 독특한 특징을 추가하고자 했습니다. 또한, 프로젝트가 실행되어 실제로 보여줄 수 있는 형태로 만드는 것도 작은 목표 중 하나였습니다.

 

프로젝트 계획

ForME 는 다양한 기능을 통해 사용자가 개인 목표와 계획을 효과적으로 관리할 수 있도록 설계되었습니다.

1. 프로젝트 계획 달력 기능: 사용자는 개인 일정을 달력에 등록하고 관리할 수 있습니다. 이를 통해 중요한 일정과 목표를 시각적으로 확인하고 체계적으로 계획할 수 있습니다.
2. 버킷리스트: 사용자는 자신이 이루고 싶은 목표나 계획을 버킷리스트에 등록하여 추적할 수 있습니다. 이를 통해 장기적인 목표를 설정하고 달성 과정을 기록하며 동기 부여를 받을 수 있습니다.
3. 계획 예시 제공: ForME는 사용자가 자기계발을 위해 다양한 계획 예시를 제공하여 참고할 수 있도록 합니다. 이를 통해 사용자는 자신의 필요에 맞는 계획을 세우고 실행할 수 있습니다.
4. 게시판 기능: 사용자들은 게시판을 통해 자신의 자기계발 이야기를 공유하고, 다른 사용자들의 경험을 참고할 수 있습니다. 이를 통해 커뮤니티 내에서 정보와 조언을 주고받으며 상호 성장을 도모할 수 있습니다.

 

프로젝트 결과물

 많은 모임을 통해 프로젝트의 목표와 컨셉에 대해 의견을 나누고 피드백을 받으면서, 각자 도전해보고 싶은 부분을 맡기로 했습니다. 이를 통해 팀원들은 각자의 역할을 정했습니다. 저는 저를 제외한 4명의 코드를 받아 하나로 합치는 과정과 문서 작업, 주마다 하는 발표 PPT를 준비하는 역할을 맡았습니다. 이때 14주 동안 총 14장의 보고서 및 ppt를 작성하였습니다. 매주 발표를 통해 다른 조들의 작업물을 보며 좋은 점을 배우고, 교수님의 피드백을 받아 프로젝트를 수정하기도 했습니다.

 

이러한 과정을 거쳐 만들어진 것이 아래의 작업물입니다.

 

vscode 사용하여 코드 작성 및 netlify로 웹사이트 호스팅

DB를 설계해서 필요한 테이블 제작

실제로 이 프로젝트는 호스팅을 받아서 사이트에 접속이 가능합니다.

아래의 링크를 클릭하면 프로젝트 결과물을 확인할수 있습니다.

https://team05kit.netlify.app/

메뉴 헤더영역

 

DB 연동 및 HTML, CSS 작성에 미숙하여 접속 시 기획했던 것보다 성능이 떨어지는 결과물이 나왔지만,

팀 전원이 이 경험을 통해 웹페이지 제작에 대해 공부하며, 다른 사람들과의 협업 능력을 키울 수 있었습니다.

 

 

 

---

 

 

프로젝트 후기

 

여담이지만 로그인 및 회원가입을 위한 DB를 제외하고 PPT를 참고하여 간단하게나마 EER(Entity-Relationship) 다이어그램을 제작한다면 아래의 모습일 것 같습니다.

아무 관계 없는 ForME EER 다이어그램

 

 

만약 관계형 데이터 베이스로 제작하게 된다면 저는 회원(member) 테이블을 중심으로 외래키를 설정할것 같습니다. 이 테이블이 각 회원의 기본 정보를 저장하며, 회원은 고유한 회원 아이디(ID)를 가지고 있어 로그인과 개인 정보 관리에 사용하기 때문에 효율성이 가장 좋아보이기 때문입니다.

예를 들어, Provide 테이블은 각 계획 예시와 관련된 정보를 저장하며, 이 테이블에서는 MEMBER_ID 외래 키를 사용하여 각 회원과의 관계를 설정합니다. Calendar 테이블은 날짜별 계획과 관련된 정보를 저장하며, 여기서도 MEMBER_ID 외래 키를 통해 회원 테이블과의 관계를 맺습니다. 마지막으로, BucketList 테이블은 각 회원의 버킷 리스트를 저장하며, MEMBER_ID 외래 키를 사용하여 회원 테이블과 연결합니다.

이와 같이 회원(member) 테이블을 중심으로 다른 테이블들이 외래 키를 통해 관계를 맺는다면 제 기준으로 데이터베이스에서 각 회원의 정보를 효율적으로 관리할 수 있다고 생각합니다.

 

외래키를 설정한 ForME EER 다이어그램

 

 

---

 

 

 

자세한 후기는 깃허브에 코드와 함께 작성해두었기에 이번 후기는 깃허브 링크를 남기면서 여기서 마무리하겠습니다.

https://github.com/EUMGOUN01/ForME

GitHub - EUMGOUN01/ForME