🖥프로젝트명

Teenplay

공동체 문화를 선두할 수 있는 커뮤니티 서비스, 청년 공동 문화생활 플랫폼 ‘Teenplay’입니다.

🧑‍🎓Member

팀장	부팀장	🚩팀원	팀원	팀원	팀원

송서경	양 현	김규산	조관익	서경덕	박지원

🧷배포 Site (Click)

✍️기획 의도

🔗기획 배경

코로나 세대를 지나 공동체라는 의미가 옅어진 현재 대두화되고 있는 사회문제 ‘청년 히키코모리’
정부에 집계한 자료에 따르면 이를 앓고있는 청년들은 54만명으로,
이로 인한 사회적 비용은 7조에 해당한다고 합니다.
이러한 고립, 은둔 문제는 10대에서 집중적으로 발생하고 있으며 시작의 원인은 대인관계가 가장 높았습니다.

🔗기대효과

🌟 프로젝트 목표

사회 문제 해결: 은둔 청년 및 코로나세대를 위한 커뮤니티 플랫폼 구축.
커뮤니티 문화 조성: 공동체 문화를 즐기고 싶어하는 청년들에게 관심사 기반의 소통 공간 제공.

💡 기대 효과

연결성 강화: 언제 어디서나 관심사로 서로를 연결하는 새로운 소통의 장 마련.
공동체 문화 활성화: 다양한 문화 활동을 통한 공동체 문화의 즐거움 제공 및 선도.
대인 관계 개선: 원만한 대인 관계 형성을 지원하며, 소속감 및 사회적 연결감 증진.

🚀 장기 목표

문화 강국의 기틀 마련: 활발한 문화 교류 및 공유를 통해 문화 강국으로의 첫 걸음.

🔗주요 기능 설명

모임

다양한 모임을 개설하여 자신의 관심사를 다른 사람과 공유할 수 있습니다.
모임 개설을 통해 주도적으로 모임을 이끌어 나가며,
틴플레이의 영상 기능을 활용해 모임을 홍보할 수도 있습니다.

활동

틴플레이는 사용자가 원하는 활동을 만들어 다양한 사람들과 함께할 수 있는 기회를 제공합니다. 
같은 위시리스트를 가진 사용자들과 목표를 설정하고 이를 함께 달성함으로써
대인 관계를 넓히고 목표 달성의 만족감을 경험할 수 있습니다.

위시리스트

평소에 가지고 있던 위시리스트(버킷리스트)를 모임과 홍보를 통해 공유함으로써, 
다른 사람들과 함께 활동을 시작할 수 있습니다. 
또한 공감을 표현하거나 친구 신청을 통해 대인 관계를 확장할 수 있습니다.

지역축제

각 지역 축제에 대한 홍보 게시물을 확인할 수 있으며,
틴친들과 축제의 일정과 위치를 공유함으로써 축제의 접근성을 향상시키고 지역 축제의 활성화에 기여할 수 있습니다.

👨‍💻프로젝트에서 맡은 역할

서비스 기획 및 전반적인 구성, 엔티티 설계 및 수정
퍼블리싱 업무: 활동 메인페이지, 활동 상세페이지, 활동 작성페이지,
백엔드 업무: 틴플레이 재생 페이지, 틴플레이 생성 페이지, 틴플레이 메인 페이지
AWS 서버 배포

퍼블리싱 작업 (활동)_상세보기 예정

회사 소개
활동 메인
활동 상세
활동 작성

백엔드 작업 (틴플레이)_상세보기 예정

틴플레이 메인
틴플레이 상세
틴플레이 생성

✨ERD

🍀 프로젝트에서 느낀점

🍀 어려웠던 부분

프로젝트 진행 과정에서, 제가 직접 기획하거나 설계하지 않은 영역을 이해하고 손에 익히는 과정이 매우 도전적이었습니다. 특히, 다른 팀원이 설계한 테이블 구조를 파악하거나, 특정 화면에서 어떠한 기능이 구현되는지 파악하는 데 있어 상당한 어려움을 겪었습니다. 이는 퍼블리싱과 백엔드 작업이 분리되어 진행되었기 때문에, 서로 다른 부분을 담당한 팀원들의 코드를 이해하고 수정하는 과정에서 상당한 시간이 소요되었습니다.

모듈화가 충분히 이루어지지 않은 코드 부분에서는, 초기에 작성된 코드의 구조를 유지하려 노력하면서도, 이미 구현된 기능에서 발생한 버그를 수정하는 과정에서 일정이 지연되기도 했습니다. 백엔드 작업에서는 쿠키 및 세션을 활용하는 기준이 명확하지 않아, 각자의 판단에 따라 다르게 적용된 경우도 있었습니다. 이는 데이터베이스 테이블 간의 일대다 관계에서의 외래키 연결이나 모델 객체 수정에 대한 판단에도 어려움을 주었습니다.

팀 프로젝트의 특성상, 개별적인 수정 작업이 전체 프로젝트에 미치는 영향을 고려하며 작업을 진행하는 것이 중요했습니다. 이 과정에서 작업의 우선순위와 진행 순서를 결정하는 데 있어 시행착오를 겪기도 했습니다.

그럼에도 불구하고, 이러한 도전을 통해 다른 사람의 코드를 분석하고 수정하는 능력을 향상시킬 수 있었습니다. 처음 접하는 데이터베이스 구조를 신속하게 이해하고, 관계를 파악하여 업무에 적용하는 속도도 빨라졌습니다. 이번 프로젝트는 제가 다른 팀원들의 코드를 분석하고 이해하는 소중한 기회였으며, 팀 프로젝트의 진행에 있어 개인의 작업뿐만 아니라 전체의 조화와 모듈화의 중요성을 깊이 깨달을 수 있는 계기가 되었습니다.

개인적으로 퍼블리싱 작업에서 구조적 일치를 이루는 데 시간이 소요되었고, 백엔드에서는 기획된 부분 외의 구조를 파악하는 데 도전을 경험했습니다. JavaScript 작업에서 팀원들의 코드를 수정하는 과정이 시간이 많이 걸렸음에도 불구하고, 이를 통해 다른 사람의 코드를 보고 이해하며, 필요한 수정을 가하는 데 있어 자신감을 얻을 수 있었습니다. 이번 경험은 팀워크와 코드를 작성하는데 큰 도움이 될 것으로 기대됩니다.

🍀 문제를 해결했던 부분

프로젝트를 진행하면서 맞닥뜨린 문제 중 하나는 틴플레이, 유튜브 쇼츠 같은 짧은 데이터를 불러와서 위로 슬라이드(Wheel) 을 위 아래로 움직였을 때 동영상이 재생되는 기능과 관련된 이슈였습니다. 이 문제는 사용자가 슬라이드(Wheel) 조작을 통해 최신 데이터를 불러올 때 기존 정지되어있던 영상이 다시 재생되는 현상이 발생했습니다. 이러한 문제를 해결하기 위해 코드를 면밀히 검토했고, Fetch 통신 후 변수 재정의 과정에서 오류가 발생한다는 것을 발견했습니다.

코드의 모듈화 부재와 Fetch 통신 후 변수 재정의, 반복된 조건식 처리가 문제의 원인이였습니다. 따라서 해당 문제를 해결하기 위해 Fetch 통신 관련 코드를 모듈화하고, 코드 중복을 최소화하기 위해 함수를 선언하여 사용했습니다. 또한 기존에 인덱스 번호를 이용한 방식에서 closest 메서드를 활용한 동적 요소 관리로 전환했습니다.

그리고 틴플레이 재생 기능의 개선도 필요했습니다. 사용자가 선택한 번호에 따라 해당 틴플레이를 날짜별로 정렬하여, wheel 조작에 따라 영상을 동적으로 로드하는 과정에서 날짜 순으로 정렬하여 순차 번호를 부여하는 방법을 도입했습니다. 실제 데이터 처리 시, DB에서 순차적인 PK를 기반으로 하지 않고, 사용자 선택에 따라 날짜별로 영상을 정렬하고 RowNumber() 메소드를 사용해 신규 리스트에 번호를 부여한 뒤, 해당 데이터를 wheel 위치에 따라 가져오는 로직을 적용하였습니다.

이 과정을 통해 개발 과정에서의 문제 해결 능력을 한층 강화할 수 있었고, 특히 문제를 식별하고 체계적으로 접근하여 해결한 경험을 가지고 있습니다. 더불어, 프로젝트 개발에 있어서 코드의 모듈화와 최적화의 중요성을 다시 한번 깨닫게 되었습니다

🍀 팀원들간의 소통&책임감의 중요성

프로젝트를 진행하며 팀원 간의 원활한 소통과 각자의 책임감이 프로젝트의 성공에 얼마나 중요한지 직접 체험했습니다. 프로젝트 초기부터 서로 의견을 적극적으로 나누고, 초기 작업 분배를 진행하면서 팀원들과 균등하게 분배를 하며 어떠한 부분을 진행할 수 있을 지 의견 공유를 했습니다 또한, 내가 담당한 파트에 대해서는 팀원들과 지속적으로 소통하며, 필요할 때 언제든지 내 작업 과정 및 진행도에 대하여 설명할 수 있도록 준비했습니다.

처음에는 이런 과정이 작업 속도를 늦출 수 있다고 생각했지만, 결국 어느정도 작업이 안정화 되기 시작하고 모든 팀원이 자신의 업무의 흐름을 이해할 수 있을 만큼 발전했을 때, 프로젝트의 질이 크게 향상되었습니다. 유사 작업이나 응용 작업을 하는 팀원들에게 내 경험을 공유하며, 프로젝트의 흐름을 더 원활하게 만들 수 있었습니다.

나이가 가장 많은 팀원으로서, 저도 모르게 팀 내에서 좀 더 책임감 있는 자세를 가지고 업무를 진행했습니다. 팀원들이 겪는 어려움을 살피고, 내 경험을 바탕으로 지원하는 것을 중요하게 여겼습니다. 이러한 태도는 서로를 더 신뢰하게 하고 자유롭게 의견을 나누는 분위기를 조성하는데 크게 기여했습니다.

프로젝트가 진행됨에 따라, 우리 팀의 소통은 네트워크처럼 점점 더 유기적으로 발전해 갔습니다. 이런 유기적인 연결의식 덕분에 프로젝트를 성공적으로 마무리하고 서버 배포까지 무사히 완료될 수 있었습니다.

이 모든 경험을 통해, 각자 맡은 바 역할에 책임감을 가지고, 팀 내에서 서로에게 소통을 하는 것이 중요한 부분임을 다시 한번 깊이 깨달았습니다.