🤼‍♂️ 팀(친)구: 팀구하기

🧷 Link

서비스설명/주요기능

소개-소통-구성-관리까지 팀빌딩 모든 과정을 팀구에서 해결하자!

SSAFY 교육생으로써 WebEx, Mattermost, Google Sheet 를 오가며 팀 빌딩을 하는 과정에서 겪었던 불편함을 팀구 하나로 모두 개선하고, 관리자의 관제 시스템을 직관적으로, 문서화 작업을 반자동화 함으로써 사용자와 관리자 모두에게 편리함을 제공해주는 서비스입니다.

주요기술스택

• FE: Nextjs(React), TypeScript, Storybook, Redux(react-redux, toolkit), styled-components
• BE: SpringBoot, Stomp, SpringSecurity, Java, Apache POI, JPA, MySQL, WebRTC(OpenVidu), Docker, Jenkins, AWS EC2, AWS RDS, Redis

🪄 Code Reusability

• Storybook과 components 폴더를 확인해보시면 모든 컴포넌트는 Atomic Design Pattern 을 따르고 있습니다.
• styled-components theme provider를 사용하여 자주 사용하는 CSS 코드를 재사용 하고 있습니다.

🧷 DB Structure

• 공통 코드 테이블을 이용해 불필요한 관계를 최소화하고 join mapping 테이블을 활용합니다.

📌 DevOps

배포 파이프라인

• 스프링 백엔드는 jenkins를 통해 CI/CD 자동 배포가 됩니다.
• 프론트엔드는 Netlify를 통해 배포되고 있습니다.
• Storybook은 GitHub Action을 통해 푸시 시점에 GitHub Pages에 배포되도록 CI 파이프라인을 구성하였습니다.
• 푸시 시점에 실행되도록 GitHub to GitLab CI 파이프라인을 GitHub Action을 이용해 구성하였습니다.

📚 Documents

• Framer 정리
• 폰트 단위 크기 비교