안녕하세요, 메인프로젝트 28조 프론트엔드의 박정우입니다.

지금부터 28조 프로젝트 및 개인기술소개 발표를 시작하겠습니다.

목차입니다.

프로젝트와 팀원, 아키텍쳐 및 workflow에 대한 소개를 간략하게 말씀드린 후에 프론트엔드와 백엔드의 구성원들이 각자 구현한 기술들에 대한 소개가 순차적으로 예정되어 있습니다.

먼저 프로젝트 소개입니다.

저희는 습관이 형성되는데 평균적으로 66일이 소요된다는 연구결과를 바탕으로 사용자들이 좋은 습관을 형성하고, 나쁜 습관은 없애도록 챌린지를 수행할 수 있는 어플리케이션을 개발하였습니다.

다음은 팀원 소개입니다.

저희는 프론트엔드 4명, 백엔드 3명 총 7명이 참여하여 어플리케이션을 구현하였고, 시간관계상 각 팀원들의 R&R에 대한 설명은 생략하겠습니다.

다음으로 저희가 적용한 기술스택 및 아키텍쳐에 대해 말씀드리겠습니다.

먼저 프론트엔드는 React 프레임워크이자 SSR과 CSR의 장점을 모두 가져온 Next.js를 기반으로 앱을 개발하였습니다. 전역 상태를 관리하기 위해 Redux-Toolkit을 사용하였고, 컴파일 단계에서 오류를 포착하기 위해 정적 타입 언어인 Typescript를 기반으로 개발을 진행했습니다. 디자인과 관련해서는 tailwind CSS와 styled-components를 복합적으로 사용했고, ajax 통신을 위해서는 axios를 사용했습니다. 추가적으로 모바일 앱에 가깝게 구현하기 위해 PWA 또한 적용했습니다.

빌드 및 배포와 관련해서는 Jenkins를 통해 CI/CD 파이프라인을 구축하고, EC2로 배포를 진행했습니다.

다음으로 예림님 나와주세요~