simmmba/sbal

스터디의 발견

   반응형 웹(Responsive Web)    by. 박준성, 배성호, 임선우, 조서원

---

[목차]

1. 기획 의도

2. 기대 효과

3. 기술 스택

4. 개발 과정

5. 시스템 구성도

6. 기술 상세

7. Wireframe

8. Web 화면

9. Mobile 화면

10. 시연 영상

11. 향후 계획

12. 개발 후기

기획 의도

• 혼자 취업 준비를 하면서 스터디를 구하고 싶지만 스터디원을 구하기 막막함
• 스터디를 구하기 위해 살펴봐야 하는 커뮤니티가 너무 많음
• 스터디 모집 게시판이 전부, 줄글 형식
• 스터디 분야가 세분화 되어있지 않음
• 어디서 모여야 할지 장소를 정하기 어려움

기대 효과

• 세분화된 검색 기능
• 신뢰도 높은 스터디원을 구할 수 있음
• 스터디를 구하기 위해 여기저기 발품 팔지 않아도 됨
• 스터디 진행 장소 정보를 제공받을 수 있음
• 분야별 스터디 현황 데이터, 수요 파악 가능

기술 스택

• Front : React, TypeScript, MobX, Emotion, Babel, webpack

• Back : SpringBoot, Java, JPA, MariaDB, NGINX, AWS

• 활용 툴 : IntelliJ, VS Code, putty, WinSCP

• 협업 툴 : Gitlab, Jira, Slack, Hangouts

개발 과정

시스템 구성도

기술 상세

• 함수형 프로그래밍을 기반으로 한 FC, Hooks 사용
• MobX를 통한 중앙 집중형 상태 관리
• React.Lazy()와 Suspense로 코드 스플리팅 구현
• Emotion 라이브러리를 활용한 컴포넌트 기반 스타일링
• Typescript 의 Compile-time check와 Type Guard 적극 활용
• JPA 라이브러리를 통해 생산성 향상, 동적 쿼리로 검색 필터링 구현

Wireframe

Web 화면

Mobile 화면

시연 영상

향후 계획

• 공모전, 멘토링 등의 맴버 모집 도메인 확대

• 채용 공고, 공모전, 박람회, 자격증 시험 일정 등의 정보 제공

• 스터디 장소 리뷰 기능 추가 및 추천 서비스 강화

• 온라인 스터디를 위한 채팅 기능 등의 서비스 제공

• STATU 와 같은 제휴 사이트 확대

개발 후기

• 박준성(Back, Front)

  • 프로젝트를 진행하며 피로가 쌓이고 힘들 때도 많았을 텐데 짜증 한번 내지 않고 서로 다독여주던 좋은 팀원들 덕분에 중간에 포기하지 않고 여기까지 올 수 있었습니다. 고생한 우리 팀원들, 늘 진중하게 조언해 주신 컨설턴트님, 코치님 그리고 프로젝트에만 집중할 수 있도록 성심성의껏 지원해 주신 운영 프로님께 감사드립니다.

• 배성호(Front, Git)

  • 비전공자로서 기획부터 배포까지 모두 경험해보는 팀프로젝트는 처음이었고 팀원들을 잘 만나서 무사히 끝마치게 되었습니다. 평소 가장 관심 많았던 React를 비롯해 Spring, AWS 등의 스택을 익히고 Agile 기반의 프로젝트 진행을 경험하는 좋은 기회였습니다. 마지막으로 팀원들에게 감사합니다.

• 임선우(Back, Front)

  • 새로운 개발환경과 기술 스택을 통해 프로젝트를 진행하여 힘들기도 했지만 재미있었습니다. 특히 Git 을 통해 협업하는 방법을 알게 되어 좋았습니다. 마지막으로 함께 고생해준 팀원들에게 너무 감사합니다.

• 조서원(Server, Front)

  • AWS, React 등의 새로운 기술을 익히고 매일 Scrum 회의와 Github, Jira 등을 활용하며 실무에서의 협업을 간접 체험할 수 있어 유익했습니다. 무엇보다 각자 분야에 전문성을 가지고 또한 늘 밝은 모습이었던 팀원들이 있어, 함께 성장할 수 있었습니다. 감사합니다.